/***********************************************/
/* rk.css                            */
/***********************************************/

body{
	font-family: Lucida, Arial, sans-serif;
	background-color: #CDF6F6;
	line-height: 1.4;	
	margin: 0px;
	padding: 0px;
	text-align: center;
	
}

#wrapper {
	margin: 0 auto;
	padding: 10px 0px;
	width: 760px;
	text-align:left;
}

#masthead{
	margin: 0;
	width: 100%;
	height: 194px;
	background-color: #99CCCC;
	color: #35684d;
	border: .5px solid #99CCCC;
	}
	
#contact {
	text-align: center;
	padding-top: 40px;
	font-weight: bold;
	font-size: 20px;
}

#content {
	display: inline;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0px;
	width: 100%;
}

#content ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 45px;
}

#content ul li {
	padding-left: 1.5em;
}

#featurephoto {
	float: left;
	}
a img {
	border: none;
} 

a {
	color: #154158;
	text-decoration: none;
}

a:visited {
	color: #154158;	
}

a:hover {
	color: #25A5CF;
	text-decoration: underline;
}


p {
	line-height: 1.5em;
	margin: 0 0 1em;
	padding: 0;
}

.photoinfo {
	font-size: 10px;
	text-align: left;
	}
	
h1{
 font-size: 14px;
 color: #154158;
}

h2{
 font-size: 14px;
 color: #154158;
 padding-left: 45px;
 clear: left;
}
h3{
 font-size: 16px;
 color: #154158;
 text-align: center;
}
ul{
 list-style-type: none;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
 
ul.horiz li {
  	display: inline;
	margin: 0 .5em;
	 
	}

ol{
margin: 0; padding: 0;
}

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

h1 {
		text-align: center;
		
}

.feature li{
	margin-bottom: 1em;
	}

.feature img{
	float: left;
	padding: 5px;
	margin: 0 10px 10px 0;
	
}

.thispage
{
color:#154158;
font-weight: bold;
font-size:100%;
font-family: Georgia, "Times New Roman", Times, sans-serif;
}

/* adjust margins to change separation between the feature image and text flowing around it */

img.imgborder {
	border: 2px solid #1E134E;
	margin: 0 0px 0 0;
	margin-bottom: -20px;
	padding-bottom: 0px;
	float: left;
	width:286px;
	height:190px;
	
	}
	
img.imgborder2 {
	border: 2px solid #1E134E;
	margin: 0 15px 15px 0;
	}	
	
img.imgborder3 {
	border: .5px solid #1E134E;
	margin: 0 0 15 0;
	background-color: #55778D;
	
	}			

/************* #Top and bottom navigation styles & copyright**************/
 
#globalNav{
color: 0,114,54;
padding: 10px 0px;
white-space: nowrap;
display:inline-block;
clear:left;
margin: 0 auto 10px;
margin-left: auto;
margin-right: auto;
width: 100%;
font-weight: bold;
text-align: center;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}

#bottomglobalNav{
color: 0,114,54;
padding: 10px 0px 10px 0px;
white-space: nowrap;
display:inline-block;
clear:both;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%
font-weight: bold;
}

#bottomglobalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}
	
#copyright {
	font-size: 9px;
	background-color: #6CA0B1;
	color: #000000;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	clear: both;
}

/************* #Top and bottom navigation styles & copyright**************/

/************* CSS for PHotogallery and slide show**************/

.pad {
padding: 100px;
}

.lightbox .pad,
.transparent {
}
a {cursor: pointer;}
a.transparent {cursor: default;}

#thumbs {
width: 450px; height: 340px;
}
#series-list {
width: 490px; height: 230px;
}
#thumbs,
#series-list {
margin: 30px auto 30px;
list-style-type: none;
}
#thumbs li,
#series-list li {
float: left;
}
#thumbs li a,
#series-list li a {
display: block;
text-decoration: none;
}
#thumbs li a {
background-color: #fe9;
width: 100px; height: 100px;
border: 2px solid #9FB16C;
}
#series-list li a {
width: 150px;  height: 230px;
margin: 0px 6px;
background-position: left bottom;
background-repeat: no-repeat;
}
#thumbs img,
#series-list img {
border-width: 0;
vertical-align: text-bottom;
}
#series-list a:focus,
#series-list a:hover,
#series-list a:active { /* change something to force IE to react */
background-color: #eee;
}
#thumbs a:focus,
#thumbs a:hover,
#thumbs a:active {
border-color: #e0e0e0;
}

#series-list a:focus img,
#series-list a:hover img,
#series-list a:active img {visibility: hidden;}

#thumbs a:focus img,
#thumbs a:hover img,
#thumbs a:active img {

}

/* div#slide contains the slide show */

.lightbox #slide {
display: block;
position: absolute;
left: 0; top: 0;
width: 100%; height: 100%;
z-index: 1;
}
#slide {
display: none;
height: 0;
overflow: hidden;
}
#slide ul {
float: right;
font-size: .8em;
}
#slide li {
display: inline;
}
#slide li a {
float: left;
color: #fff; background-color: #9FB16C;
text-decoration: none;
padding: 3px 16px;
border-left: thin solid #fff;
}
#slide li a:focus,
#slide li a:hover,
#slide li a:active {
background-color: #666;
}
#slide #image-title {
float: left;
display: inline; /* zap IE margin-doubling bug */
margin: 45px 0 0 60px;
padding: 5px;
color: #808080; background-color: #9FB16C;
cursor: default;
text-decoration: none;
}
#slide #counter {
float: right; clear: right;
display: inline;
margin: 0.5em 3em 0 0; padding: .25em 1em;
border-width: 0;
color: #fff; background: #9FB16C;
}
#slide #image {
display: block;
margin-top: 100px;
}
#image img {
padding: 3px;
background-color: #fff;
border: thin solid #ccc;
cursor: pointer;
}