body { margin:0; padding:10px; font:80% arial, sans-serif; background:#333; color:#9b9b9b; } 
table { font-size:1em; }
table p { margin:0; }
a { color:#fbfbfb; text-decoration:underline; }
a:hover { text-decoration:none; }
b, strong { color:#d3d3d3; }
h1, h2, h3, h4, #menu, #bottom { font-family:georgia, serif; font-weight:normal; }
h1 { margin:0; font-size:3em; letter-spacing:-1px; background:#565656; color:#999; display:inline; padding:0 10px; } 
h2 { border-bottom:1px solid #565656; padding-bottom:3px; } 
h3 {  } 
h4 {  } 
img.clsleft { margin-right:20px; margin-bottom:15px; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsright { margin-left:20px; margin-bottom:20px; }
img.clsborderleft { border:7px solid #737373; margin-right:20px; margin-bottom:15px; } 
img.clsbordermiddle { border-right:20px solid #333; padding:7px; background:#737373; margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsborderright { border-left:20px solid #333; background:#737373; padding:7px; margin-left:20px; margin-bottom:15px; }
.datatable th {  } 
.datatable td {  } 
.notes {  } 
.shout {  } 
.shout2 {  } 
.submit, .reset { font-family:georgia, serif; background:#727272; color:#fbfbfb; border:0; padding:4px; cursor:pointer; font-size:1.3em; } 
.reset { background:#565656; } 
.quote {  } 
.caption {  } 
.custom1 { float:right; width:350px; margin:-20px -20px -20px 20px;} 
.custom2 {  } 
.border { border:4px solid #737373; } 
.noborder { border:0; }
.clear { clear:both; }

#container { width:900px; margin:25px auto; text-align:left; height:100px; }
#main { background:#333333; border:7px solid #737373; padding:20px 20px 0 20px; }
#menu { float:left; font-size:1.7em; padding-top:23px; }
#nav { list-style-type:none; margin:0; padding:0; }
#nav li{ float:left; display:inline; position:relative; padding-bottom:2px; }
#nav a { color:#999; text-decoration:none; margin-right:4px; }
#nav a:hover { color:#eee; }
#nav ul.nav_child { top:0 /* resets starting position */ ; padding:0; margin-top:29px /* change this value to move the first drop down further/closer to the menu */; }
#nav ul, #nav ul ul { display:none; }
#nav li:hover ul ul, #nav li.over ul ul { display:none; /* background here so the hover works correctly */; }
#nav li:hover ul, #nav li.over ul { position:absolute; display:block; left:-40px /* aligns with left hand side of parent li */; }
#nav ul li a { display:block; width:200px /* change as desired */;  }
#nav li li:hover ul, #nav li li.over ul { position:absolute; display:block; left:180px /* same as width of #nav ul a */; margin-top:-26px /* this needs to be adjusted so the second drop down will align correctly with the first */; }
#nav li li { position:relative; padding-bottom:0; float:none; display:block; width:250px; }
#nav .nav_child a { background:#999; font-size:0.8em; display:inline; color:#333; padding:5px; }
#nav .nav_child a:hover { background:#eee; } 
#sitelogo { float:right; }
#thin_line { clear:both; height:10px; margin-bottom:12px; }
#bottom { text-align:right; font-size:1.3em; color:#999; padding-top:5px; }
#bottom_left { float:left; }
#bottom_left a { color:#999; text-decoration:none; margin-right:4px; }
#bottom_left a:hover { color:#eee; }
#bottom_right { float:right; }
#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(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(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(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; }
#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; 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 */ }