body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
 	text-align:center;
}
a { text-decoration: none;color: black; }
#content a {text-decoration: underline;}
a:hover { color: #2F3D23; }
img { border: 0; }
hr {color: white;height: 1px;}
#wrapper {
	margin: 0 auto;
	text-align:left;
	padding: 0 5px;
	width: 750px;
}

#header {
	height: 98px;
}
h1 {
	background: transparent url("/images/h1.bg.gif") 0 4px no-repeat;
	padding-left: 15px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}
.link {
	background: transparent url("/images/link.bg.gif") 0 5px no-repeat;
	padding-left: 13px;
	font-weight:bold;
	text-decoration: underline;
	
}

/* TOPNAV 
---------------------------------- */


#topnav { text-transform: lowercase; margin:0;padding:0;position:relative;width:100%;float:left;border-bottom: 1px solid #2F3D23;font-size: 12px; float:left;}
#topnav li { list-style:none;display:inline; float:left; line-height: 23px;position:relative; padding:0;margin:0;}
#topnav li a {text-decoration:none; display:inline;padding: 4px 10px 4px 18px;line-height: 23px; border-right: 1px solid #333333; }
#topnav li a:hover, #topnav li:hover a, #topnav li.over a  { background-position: 0 -23px; color: #2F3D23;}
#topnav .last a { background: none;}

#topnav li ul { display:none;position:absolute;margin:0;padding:0;list-style:none;top: 23px;left:-1px;border: 1px solid #2F3D23; background: #EBEBEB;border-bottom: 0;}
#topnav li ul li { position:relative;display:block;float:none;line-height:20px;}
#topnav li:hover ul, #topnav li.over ul {display:block;float:none;}
#topnav li ul li a { text-align:left;display:block;float:none;border:0;padding: 0 20px;width:130px;background:  #EBEBEB;border-bottom: 1px solid #2F3D23}
#topnav li ul li a:hover { background: #666666;color: white;}


#leftpane {
	float: left;
	width: 400px;
	/*height: 360px;*/
}
#footer {
	height: 19px;
	clear: both;
	background: transparent url("/images/footer.bg.png") top left repeat-x;
	padding: 4px 5px 0 5px;
	color: #798271;
}
#footer a { color: #798271; }
#footer a:hover { color: #959D8E; }

#container_content {
	float: left;
	/*height: 310px;*/
	width: 290px;
	margin-left: 20px;
	/*overflow: hidden;*/
	margin-top: 45px;
	padding-bottom: 20px;
	_height: 310px;
	min-height: 310px;
}
#sitemap { position:relative;float:right;bottom: 80px;right: 10px;}

label,label.inline {
	margin: 6px 0px 5px 0px;
	display: block;
	width: auto;
	cursor: hand;
}
label.inline { display: inline; }
.input,.button {font-family: Arial, Helvetica, sans-serif;}

.thumbhorlist { list-style: none;margin:0;padding:0;clear:both;display:block;}
.thumbhorlist li { position:relative;padding-top: 3px;float: left;height: 71px; }
.thumbhorlist li a { border: 3px solid white;display:block;width:65px;height: 65px;}
.thumbhorlist li a:hover {border: 3px solid #CCCCCC;}
.thumbhorlist li a:active,.thumbhorlist a.selected  { border: 3px solid gray;}

.list,.list2 { list-style:none;margin:0;padding:0; }
.list li,.list2 li { padding-top: 3px;}
.list2 li {padding-bottom: 1em;}
.list  a { display: block; border-bottom: 1px solid white;width:250px;padding:3px;height:20px;}
.list a:hover { background: #F7F5F4 url("/images/list.hoverbg.gif") top right no-repeat;border-bottom: 1px solid gray;color: gray;text-decoration: none;}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("/images/lightbox/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url("/images/lightbox/prev.gif") left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url("/images/lightbox/next.gif") right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url("/images/lightbox/prev.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("/images/lightbox/next.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #959D8E;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}