/* Sitewide Descriptors */

body {margin:0px; padding:0px; font-size:72.5%; font-family:Arial, Helvetica, "Lucida Sans"; text-align:center; background:#FFF; color:#000000}

img {border:0px;}
.clr {clear:both}

a {color:#0066b5; text-decoration:none; font-weight:bold}
a:hover {color:#CC0000; cursor:hand}
img.middle {vertical-align:middle; margin:0 3px 2px 0}

.center {padding:10px; text-align:center}

.small {text-align:left; font-size:9px; color:#000000}

h1,h2,h3,h4 {margin:0 0 10px 0; padding:0px;}

h2 {color:#0066b5; border-bottom:1px dashed #f0f0f0; font-size:1.6em; text-transform:none; font-style:italic}
h3 {color: #999; border-bottom:1px solid #999; font-size:1.3em; font-style:italic}
	#home h3 {color: #0066b5; border-bottom:2px solid #0066b5; font-size:1.3em; font-style:italic}
	#home h3.welcome {color: #000; border:none; font-size:1.3em; text-transform:none}
	#home h3.welcome em {color: #0066b5; font-style: italic}
h4 {}

p, form {margin:0 0 10px 0; padding:0px; display:block}

#container {width:771px; margin:0px auto; text-align:left}

	#left {width:214px; float:left; overflow:hidden; padding:0 2px 0 0; margin:0 0 2px 0}
		#logo {width:214px; height:104px; background:#0066b5; position:relative}
		#logo h1 {margin:0px; padding:0px}
			#logo a {display:block; position:absolute; top:21px; left:21px; width:175px; height:60px; background:url(../images/logo.gif) top left no-repeat; text-indent:-999px}
		#menu {width:214px; padding:2px 0 0 0; overflow:hidden}
			#menu ul {list-style:none; margin:0px; padding:0px;}
			#menu li {list-style:none; display:block; margin:0px; padding:0px; overflow:hidden; font-size:130%; font-weight:bold}
			#menu li a {display:block; width:184px; padding:7px 30px 7px 0; text-align:right; margin:0 0 2px 0; background: #0066b5 url(../images/menu.gif) top right no-repeat; color:#FFFFFF; text-decoration:none; text-transform:lowercase; font-style:italic}
			#menu li.on a {background: #0066b5 url(../images/menu_over.gif) top right no-repeat}
			#menu li a:hover {background: #0066b5 url(../images/menu_over.gif) top right no-repeat; margin:0 0 2px 0;}
			#menu li.red a {background: #b50000 url(../images/red.gif) top right no-repeat}
			#menu li.red a:hover {background: #b50000 url(../images/red_over.gif) top right no-repeat}
			
			#menu .sub {margin:0px; padding:0px}
			#menu .sub li a {background:#9d9d9d url(../images/grey.gif) top right no-repeat; font-size:12px; padding:5px 30px 5px 0}
			#menu .sub li a:hover {background:#747474 url(../images/grey_over.gif) top right no-repeat; margin:0 0 2px 0;}

		#contact {margin:55px 0 0 0; color:#000000; background:#e5e5e5; font-size:10px; padding:5px}
			#contact img {margin:0 0 3px 0}		
	
	#right {width:554px; margin:0 0 2px 0px; float:left}
		#top_menu {padding:20px 5px 0px 370px; height:38px}
			#top_menu span {display:block; width:55px; float:left; margin:0 10px;}
			#top_menu a {text-transform:lowercase; color:#999999; font-size:80%; text-decoration:none}
			#top_menu a:hover {color:#000}
			#top_menu a img {vertical-align: bottom; margin:0 5px 0 0}
		#banner {margin:0px; padding:0px;}
			#sub #banner {display:none}
		#tagline {padding:5px 0 5px 10px; background:#0066b5; color:#FFFFFF; font-weight:bold; font-style:italic; margin:2px 0}
		#body {padding:10px 10px 10px 20px; font-size:110%}

	#foot {clear:both; padding:5px 7px 10px 0; background:#424242; text-align:right; margin:0px; color: #a1a1a1; font-size:10px; text-transform:uppercase}
	#foot a {color:#a1a1a1}
	
/* Custom Classes */
#cats {width:100%; border:0px}
#cats th {padding:5px; border-bottom:1px solid #efefef}
#cats td {padding:5px;}
#cats .odd td {background: #AED7F4}
#cats .sub td {border-bottom:1px solid #efefef}
#cats .blue {background:#E0F4FC}
#legend {padding:5px 0; margin:5px 0 0 0; border-top:1px solid #efefef}
.left {float:left; margin:5px 15px 0 0; width:150px; border:2px solid #999; background:#999; color:#FFFFFF; font-size:12px; font-weight:bold}
	.left img {width:150px}
.desc {margin:5px 0 0 165px}

/* image pup-ups */
#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;
	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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}