@charset "utf-8";
.clear{clear:both}
body{font-family:Verdana, Arial, Helvetica, Geneva, Sans-serif; text-align:center; margin:0px auto; padding:0px; font-size:90%}
h1{font-size:150%; color:#006}
h2{font-size:140%; color:#006}
h3{font-size:130%; color:#006}
#C{width:995px; text-align:left; border:1px solid #ccc; margin:auto}
#Banner{height:75px; width:100%; margin-bottom:3px; background-color:#006}
#Menu{background-color:#006; clear:both}
#Content{text-align:left; padding:10px; clear:both}
#F{clear:both; padding-top:8px; margin-top:15px; border-top:1px solid #ccc; font-size:80%; color:#999;}
.menuOn{text-decoration:none; text-align:center; font-weight:bold; padding:0px 7px}
.menuOff{text-decoration:none; text-align:center; font-weight:bold; padding:0px 7px}
.menuSelected{text-decoration:none; text-align:center; font-weight:bold; padding:0px 7px}
.footer{font-size:10px; font-weight:normal; font-family:Verdana, Arial, Helvetica, Geneva, Sans-serif}
.red{color:#FF0000}
.clearDIV{clear:both; padding-top:10px; margin-top:10px; border-top:1px solid #999}
.clearDIV img{margin-bottom:10px; margin-right:10px; border:none}
img.padded{margin:10px}
img.padright{margin-right:10px; margin-bottom:10px}
/* lightbox CSS */
#lightbox{position:absolute; 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/blank.gif) no-repeat; 
/* Trick IE into showing hover */
display:block}
#prevLink{left:0; float:left}
#nextLink{right:0; float:right}
#prevLink:hover, #prevLink:visited:hover{background:url(/images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover{background:url(/images/nextlabel.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; color:#666}
#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:66px; float:right; padding-bottom:0.7em}
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000}
/* Min-Width */
.lbWidth{/* most browsers */position:absolute; top:0px; left:0px; width:100%; min-width:790px}
* html .lbContent{/* IE6 */
margin-left:-790px; position:relative}
* html .lbMinWidth{/* IE6 */
padding-left:790px}
/* Clearfix */	
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */