/* =General Styles---------------------------------------------- */
body {margin:0 auto; text-align:center; background: url(../images/bgd-body.gif) repeat-x left top; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;}
* {margin: 0; padding: 0;}
img {border: 1px solid #223762; padding: 3px; float:left; margin-right: 10px; margin-top: 10px}
.clear {clear: both; height: 0}


/* =Content----------------------------------------------------- */
#content { font-size: 0.8em; color: #474747;}
#content p {
	line-height: 1.6em;
	color: #474747;
	margin-bottom: 10px;
	text-align: justify
}
#content h1 {padding:10px 0; font-size:1.8em; color:#777;   font-family:Arial}
#content h2 {font-size: 1.5em; color: #647C96; padding-bottom: 10px; font-family:Arial }
#content h3 {font-size: 1.3em; color:#647C96; font-weight: bold;}
#content a {color:#223764; text-decoration:underline; }
#content a:hover { color:#0E92E5;text-decoration: none}

div#mainWrapper {width: 850px; margin: 0 auto}



/* =Lists----------------------------------------------- */
#content ul {margin:0 0 10px 0; clear: both; list-style:none; display: block; }
#content ul li {padding:0 0 0 10px; background:url(../images/bullet.gif) no-repeat 0; line-height:1.6em;  }
#content ul li a {list-style:none;}


#content ol {margin: 0 0 10px 30px;font-size:0.85em; }
#content ol li {margin-left:0; padding-left:0; line-height: 1.6em;}






/* =Structure=----------------------------------------------------------- */
#wrapper {width:849px; margin: 0 auto; text-align:left; background: #fff;border-left: 1px solid #999; border-right: 1px solid #999;border-top: #999 1px solid; }

#first-col {width:220px; float:left;clear:both; text-align:left; }
#second-col {padding:0 0 0 20px; width:70%; float:left; text-align:left;border-left: 1px solid #999}





/* =Header ----------------------------------------------- */
#headerWrapper {background:#223762 url(../images/banner.jpg) no-repeat top left; padding: 0; height: 175px; width: 850px; margin: 15px auto 0 auto;}

#headerWrapper div p {  color: #fff; font-weight: bold; font-size: 0.8em; font-weight: normal; }
#headerWrapper div { float:left; padding: 152px 0 0 173px; width: 450px;  }
#headerWrapper div p a {color: #fff; text-decoration: underline}
#headerWrapper div p a:hover { color:#0E92E5;text-decoration: none}


/* =Main Menu--------------------------------------------  */
div#main-nav-wrapper {background: url(../images/bgd-nav-wrapper) repeat-x;  margin: 0 auto; padding:3px 0 0 0; }
div#main-nav { margin: 0 auto;height: 36px ; _height: 30px }
div#main-nav ul {list-style:none;  }
div#main-nav ul li { float:left; font-weight:bold; font-size: 0.9em; list-style: none; width: 141px; _width: 140px}
div#main-nav ul li a {padding: 10px 0; border-right:1px solid #999; display:block; color:#223762; background: url(../images/bgd-nav) repeat-x; text-decoration:none;}
div#main-nav ul li a.first {border-left: 1px solid #999; }
div#main-nav ul li a.last { width: 145px; _width: 149px}
div#main-nav ul li a:hover {text-decoration:none; background: url(../images/bgd-nav-on) repeat-x}
div#main-nav ul li a.active {text-decoration:none;background: url(../images/bgd-nav-on) repeat-x}






/* =Left Navigation ----------------------------------------------- */



div#left-nav ul {padding: 10px}
div#left-nav ul li {list-style:none;  border-bottom: 1px solid #999;  }
div#left-nav ul li a {padding:10px 11px 10px 25px; display:block; color:#223762; background:#fff; font-weight:bold;display:block; text-decoration: none; font-size: 0.85em}
div#left-nav ul li a:hover {padding:10px 11px 10px 25px; color:#0E92E5; font-weight:bold; text-decoration:none; background:#efefef; font-size: 0.85em}
 
div#left-nav ul li a.active {padding:10px 11px 10px 25px; color:#0E92E5; font-weight:bold; text-decoration:none; background:#efefef; font-size: 0.85em}



/* =Footer----------------------------------------------- */
#footer {margin:0 0 50px 0; padding:20px;   font-size:0.75em;  border-top: 1px solid #999;  border-bottom: 1px solid #999;   border-right: 1px solid #999; background:#fff; width: 810px}
#footer p {text-align:center}
#footer p a {color:#223764; text-decoration: underline}
#footer p a:hover { color:#0E92E5;text-decoration: none}

#footer ul {margin: 10px auto; list-style:none; text-align: center; height: 20px; width: 75%}
#footer ul li {padding:0 6px; float:left; border-right: 1px solid #474747}
#footer ul li.last {border: none; padding-right: 0}




/* =Gallery------------------------------------------------------*/
div.gallery ul {padding-bottom: 50px;}
div.gallery ul li {float:left; background:none!important}

/* =Lightbox-----------------------------------------------------*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/gallery/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/gallery/overlay.png", sizingMethod="scale");
	}