body, html { height: 100%; margin: 0px; padding: 0px; }
body { background-color: #000000; color: #838383; font-family: Georgia,Tahoma,Verdana,Arial,sans-serif; font-size: 14px; }
.small { font-size: .8em; }
p { margin: 0px 0px 10px 0px; }
img { border: 0px; }
form { margin: 0px; padding: 0px; }
a:link, a:visited, a:active { color: #cccccc; text-decoration: underline; }
a:hover { color: #838383; text-decoration: underline; }

.clear { clear: both; }
.arrow { background-image: url('../images/arrow.png'); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; } 

#menu{height:18px; position:absolute; top:89px; left:205px; width:686px; z-index:800}
#menu ul{list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0}
#menu li{background:transparent url('../images/v.png') no-repeat scroll right top; float:left; height:31px; line-height:31px; margin:0; padding:0; position:relative; text-align:center; white-space:nowrap}
#menu li a{background:transparent url('../images/a.png') no-repeat scroll 0 -62px; color:#FFF; display:block; float:left; font-family:Georgia,Tahoma,Verdana,Arial,sans-serif; font-size:1.15em; height:31px; position:relative; text-decoration:none}
#menu li a span{background:transparent url('../images/b.png') no-repeat scroll 0 -62px; cursor:pointer; display:block; font-weight:bold; padding:0 35px 0 11px}
#menu li a:hover{background:transparent url('../images/a.png') no-repeat scroll right -31px; display:block; float:left; height:31px; position:relative; text-decoration:none}
#menu li a:hover span{display:block; float:left; height:31px; position:relative; text-decoration:none}
#menu li a.mact{background:transparent url('../images/a.png') no-repeat scroll right -31px; display:block; float:left; height:31px; position:relative; text-decoration:none}
#menu li a span.mact{background:transparent url('../images/b.png') no-repeat scroll 0 -31px; display:block; float:left; height:31px; position:relative; text-decoration:none}
#menu li.empty a:hover{background-position:right top !important}
#menu li.empty a:hover span{background-position:0 0 !important}
.subli{background-color:#323232; border:1px solid #b1b1b1; clear:both; display:none; left:0; padding:10px 0; position:absolute; top:30px}
.sublia{clear:both; left:0; padding:0 10px; position:relative; text-align:left; top:0}
#menu dl{margin:0; padding:0}
#menu dt{border-bottom:1px dotted #b1b1b1; display:block; height:24px; line-height:23px; min-width:125px; margin:0; padding:0}
#menu div.subli div.sublia dl dt a{background-image:none; border-width:0; clear:both; color:#999; font-size:0.9em; font-weight:normal; height:24px; line-height:23px; margin:0; padding:0 2px; position:static}
#menu div.subli div.sublia dl dt a:hover{border-width:0; clear:both; color:#FFF}
div.sublia span{position:absolute; height:5px; width:5px; font-size:1px; line-height:1px; background-image:url('../images/v.png')}
.tr{top:-11px; right:-1px; background-position:-5px -31px}
.bl{bottom:-11px; left:-1px; position:absolute; height:5px; width:5px; font-size:1px; line-height:1px; background:url('../images/v.png') 0 -36px}
.br{bottom:-11px; right:-1px; position:absolute; height:5px; width:5px; font-size:1px; line-height:1px; background:url('../images/v.png') -5px -36px}
.eem{font-size:0px; line-height:0px; height:0px}
.bigger { font-size: 1.2em; }
p { margin-bottom: 10px; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 2000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url('/images/spacer.gif'); /* 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; overflow: auto; width: 100%	; }
#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; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }