@charset "utf-8";

/* General Styles */
body {background:url(../images/body_bg.jpg) repeat left top #0e351e; margin:0px; padding:0px; font:normal 12px Tahoma, Verdana, Arial; color:#bdebd0;}
img {border:none;}

.clear {clear:both;}
.floatL {float:left;}
.floatR {float:right;}
.marL {margin:0px 15px 10px 0px;}
.marR {margin:0px 0px 10px 15px;}
.border {border:1px solid #000;}
.spacer10 {height:10px;}
.spacer15 {height:15px;}
.taL {text-align:left;}
.taC {text-align:center;}
.taJ {text-align:justify;}
.taR {text-align:right;}
.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}
.Micon {margin:5px;}
.mTop5 {margin-top:5px;}
.mBot8 {margin-bottom:8px;}

.wrapper {background:url(../images/shadow_C.png) repeat-y center top; /*height:500px;*/ width:930px; margin:auto; overflow:hidden;}
.shadow_L {float:left; width:25px;}
.shadow_R {float:right; width:25px;}
.shadow_T {background:url(../images/shadow_T.png) no-repeat center bottom; height:30px; width:930px; margin:25px auto 0px auto;}
.shadow_B {background:url(../images/shadow_B.png) no-repeat center top; height:25px; width:930px; margin:0px auto 10px auto;}

.header {background:url(../images/header.jpg) no-repeat left top; height:85px;}
.menu {margin:0px 15px; width:328px;}
.menu ul {margin:32px 0px 0px 0px; padding:0px; list-style-type:none;}
.menu ul li {margin:0px; padding:0px; list-style-type:none; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#04222b; float:left; display:block; }
.menu ul li a {display:block; padding:2px 12px 2px 12px; margin:0px 6px; color:#04222b; text-decoration:none; background:#d0e1bf; }
.menu ul li a:hover {background:url(../images/menu_over.gif) repeat-x left top; color:#fff;}
.menu ul li.active a {background:url(../images/menu_over.gif) repeat-x left top; color:#fff;}
.logo {position:relative; margin:0px auto 0px 0px; width:162px; text-align:center; float:left; overflow:visible;}

.container {float:left; width:878px; margin:auto; border:1px solid #153121; border-top:none; border-bottom:none; background:url(../images/back_bg.gif) repeat-x left bottom #0f2919; min-height:740px;}
.banner {background:url(../images/banner_bg.jpg) repeat-x left top; text-align:center; height:353px;}

.content_container {width:860px; margin:20px auto 0px auto; background:url(../images/side_bg.png) no-repeat left bottom;}
.content {background:url(../images/content_bg.png) repeat-x left bottom; width:810px; margin:auto; min-height:355px; overflow:hidden;}

.left_side {float:left; font:normal 12px Tahoma, Verdana, Arial; background:url(../images/logo_bg.png) no-repeat center top; width:586px; padding-right:18px; color:#cdcdcd; line-height:16px; }
.left_side .title {background:url(../images/line.gif) repeat-x left bottom; font:normal 18px "Century Gothic", Tahoma, Verdana, Arial; padding-bottom:6px; margin-bottom:10px;}
.left_side a {color:#648672; text-decoration:underline;}
.left_side a:hover {color:#2c6332; text-decoration:none;}
.left_side .title strong {color:#4c8b20;}
.left_side .small_content {width:265px;}

.right_side {float:right; width:190px; padding-left:16px; font:normal 12px Tahoma, Verdana, Arial; color:#cdcdcd; text-align:left; line-height:16px;}
.right_side ul {margin:0px; padding:0px; list-style-type:none;}
.right_side ul li {margin:0px; padding:0px;  padding:5px 0px 5px 10px; list-style-type:none; display:block; font:normal 14px Tahoma, Verdana, Arial; background:url(../images/green_arrow.gif) no-repeat left 10px;}
.right_side ul li a {text-decoration:none; color:#cdcdcd; display:block;}
.right_side a {color:#648672; text-decoration:underline;}
.right_side a:hover {color:#2c6332; text-decoration:none;}
.right_side .title {color:#cdcdcd; font:normal 18px "Century Gothic", Tahoma, Verdana, Arial; background:url(../images/arrow.gif) no-repeat right 8px; padding-right:20px;}
.line {background:url(../images/line_r.gif) repeat left top; height:2px; margin:6px 0px;}

.content_bg {background:url(../images/content_bg_B.png) no-repeat center top; height:30px;}
.heading {color:#5c796d; font:bold 14px "Century Gothic", Tahoma, Verdana, Arial; margin-bottom:6px;}
.form {width:440px;}
.form .name { white-space:nowrap;/* padding-right:10px;*/ width:100px;}
.form .text-field {border:1px solid #000; margin:2px 0px 2px 0px; font:normal 12px tahoma, Verdana, Arial; background:url(../images/textfield-bg.gif) repeat-x left bottom #fff; color:#313131;}
.form .text-area {border:1px solid #000; margin:2px 0px 2px 0px; color:#313131; background:url(../images/textfield-bg.gif) repeat-x left bottom #fff; }

.dotline {background:url(..//images/dotline.gif) repeat-x left top; height:1px; margin:5px 0px 5px 0px;}

.footer {text-align:center; color:#bdebd0; line-height:18px; margin:2px 0px 6px 0px;}
.footer a {text-decoration:none; color:#bdebd0;}
.footer a:hover {color:#2c6332;}
.footer span {color:#6a8e79; font:bold 10px Arial, Helvetica, sans-serif;}
.orange {color:#9d7b24;}


/*Lighbox Styles*/
#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: #08140e; width: 250px; height: 250px; margin: 0 auto; border-top:1px solid #153221;  border-left:1px solid #153221; border-right:1px solid #153221;}
#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: #08140e; margin: 0 auto;border-right:1px solid #153221; border-left:1px solid #153221; border-bottom:1px solid #153221; 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; color:#bdebd0;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding:0px 0px 0px 0px; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }