body 		{background-color: #0a0a0a; padding:0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size:70%; color: #000000; text-align: center;}

H1 {padding:0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size:120%; color: #374870; }

#outer {  margin: 0 auto;  width: 782px; text-align: left; background-color: #ffffff; color: #000000;}
#main	{border-collapse:collapse; border:0px; padding:0px; margin:0px; background-image:url(images/bg.gif);}

#banner	{ background-image:url(images/header.png); background-repeat:no-repeat; background-position:top; height:154px;}


#menu	{ text-align:left;  padding-top:20px; padding-left:6px; color:#ffffff; font-size:140%;}
#menu a  		{padding:12px 12px 0px 12px; color: #cccccc; }
#menu a:hover 	{color: #ff0114;}

#maincollage	{ float:right; width:160px;}

#mainboxes	{padding:22px; margin:0px; width:574px;  font-size:110%; background-color: #ffffff; color:#333333;}

#mainboxespage	{float: right; padding:22px; margin:0px; width:545px; min-height:357px; font-size:110%; background-color: #dfddcc; color:#79736c;}


#footer    {clear: both;font-size:110%; background-color: #ffffff;}
#footmenu  { color:#79736c; text-align:right; height:20px; padding-top:17px; margin:0px 10px 0px 10px; font-style:italic;}

#foot2 			{color:#79736c; text-align:right; height:18px;  margin:0px 10px 10px 10px; padding-top:8px; border-top: #556f94 1px solid;}
#foot2 a  		{color: #000000;}
#foot2 a:hover 	{color: #ff0114;}
#footzanet 		{color:#000000; text-align:center; height:18px; font-size:90%; padding-top:6px; background-color: #8098bc;}
#footzanet a  	{color: #000000;}
img		{ border:0px;}


a {color: #475d7d; text-decoration:none;}
a:hover {color: #ff0114; text-decoration:underline;}

.homeheader {color: #79736c; font-size:110%; border-bottom:solid 1px #79736c; padding-bottom:8px; font-style:italic; }









#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; 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(data:image/gif;base64,AAAA); /* 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; }