/*Updated 8/28/09, Jon Harvey*/
/*Top Main Header*/

#body 	{background-color: #10191d; width: 750px; margin-left: auto; margin-right: auto;

	 text-align: center;}

#title {padding: 0px;}



/*Menu*/

ul.menu {margin-top: 0px;

	padding: 3px 0;

	margin-left: 0;

	border: 2px solid black;

	font: bold 12px Verdana, sans-serif;

	text-align:center;

	width: 746px;

	background-color: #10191d;}



li.menu {list-style: none;

	margin: 0;

	display: inline;}



li.menu a {padding: 3px 0.9em;

	margin-left: 0px;

	border: 1px solid #778;

	border-bottom: none; border-top: none;

	background: #10191d;

	text-decoration: none;}



ul.menu li a:link { color: #b4ac8b; }

ul.menu li a:visited { color: #b4ac8b; }

ul.menu li a:hover{color: #10191d;

		background: #b4ac8b;

		}

li.menu a#current{color: #959595;

		background: #10191d;

		}



/* Whole page */

table.page 	{background: #10191d; width: 750px; border: 2px solid black; vertical-align: top;}





/*content*/

tr.content	{width:100%}

td.content 	{font: bold 11px Verdana, sans-serif; width: 100%; vertical-align: top;

		 padding-left: 25px; padding-right: 25px; padding-top: 15px}

h3.content 	{width:100%; margin-left: 0px; font-weight: bold}

h4.content 	{width:100%; margin-left: 0px; border: 2px solid black; text-align: center; color: #b4ac8b}

p.content	{padding-left:0px; padding-right:0px; font:  12px Verdana, sans-serif; color: #b4ac8b}

p.contentsmall	{padding-left:0px; padding-right:0px; font:  10px Verdana, sans-serif; color: #b4ac8b}

a.content:link	{color: #ffffff; text-decoration: none}

a.content:hover	{color: #ffffff; text-decoration: none}

a.content:visited	{color: #ffffff; text-decoration: none}

a.contentsmall:link	{color: #ffffff; text-decoration: none; font:  10px Verdana}

a.contentsmall:hover	{color: #ffffff; text-decoration: none; font:  10px Verdana}

a.contentsmall:visited	{color: #ffffff; text-decoration: none; font:  10px Verdana}
	



/*picmenu*/

td.picmenu	{layout: fixed; vertical-align: top; text-align: left; padding-top: 10px; padding-left: 25px}
td.picmenu2	{layout: fixed; vertical-align: top; text-align: left; padding-top: 10px; padding-left: 47px}

/*pix*/	

/*menus across pages under headers*/

ul.pix {margin-top: 0px;

	padding: 0px;

	margin-left: 0px;

	border: 1px #772;

	border-top: none;

	border-bottom: none;

	font: bold 11px Verdana, sans-serif;

	width: 100%;

	background: #10191d;}



li.pix {list-style: none;

	margin: 0;
	
	background: #10191d;

	/*display:inline;}*/
	}



li.pix a {padding: 0px 0.9em;

	margin-left: 2px;

	text-decoration: none;}

ul.pix li a:link { color: #ffffff; }

ul.pix li a:visited { color: #ffffff; }

ul.pix li a:hover{color: #10191d;

	background: #bab088;

	}

li.pix a#current{color: #111111;

	background: #d2b48c;

	}

h4.pix	{width:100%; margin-left:0px; text-align: center; color: #b4ac8b;

	vertical-align:top; font: bold 14px Verdana, sans-serif;

	}
	
p.pichead	{width:100% ; margin-left:4px; text-decoration: underline; text-align: center; color: #b4ac8b;

	font: bold 12px Verdana, sans-serif; display: inline;
	}

p.picl2		{width:100% ; margin-left:4px; text-align: center; color: #b4ac8b;

	font: bold 12px Verdana, sans-serif; display: inline;
	}


table.pix	{vertical-align: top; width: 750px; background-color: #10191d;

		padding: 0px;

		}

tr.pix	{vertical-align: center;}



td.pix 	{margin-top: 0px; text-align: center;

	padding-left:0px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px;

	width: 161px;

	}



/*links*/

ul.links 

	{margin-top: 0px;

	padding-left: 0px;

	margin-left: 0px;

	border: none;

	font: 11px Verdana, sans-serif;

	text-align: left;

	width: 100%;

	background-color: #10191d;}

li.links {list-style: none; margin-left: 5px; padding-top: 4px; padding-bottom: 4px;}

li.links a {text-decoration: none; padding-top: 4px; padding-bottom: 4px;}

ul.links li a:link { color: #ffffff; }

ul.links li a:visited { color: #ffffff; }

ul.links li a:hover{color: #10191d;

	background: #ffffff;}

	



/*lightbox*/

#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/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;

	}

#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 */

	}