@charset "UTF-8";
/* CSS Document */



body {
	margin: 0px;	
	background: #fff url(../_images/bodybg.jpg) center repeat-y;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
}

body > #wrap {height: auto; min-height: 100%;}


#wrapper {
	margin: 0 auto;
	width: 808px;
}

#top {
	background: url('../_images/topbg.jpg');
	width: 808px;
}
#logo {
	float: left;
	margin-top: 10px;
}
#menu {
	float: left;
	margin-top: 27px;
	background: #1a3473;
	height: 20px;
	width: 573px;
}
.menu_links, .menu_links a, .menu_links a:visited {
	color: #FFFFFF;
	font-weight: bold; 
	font-size: 12px;
	text-decoration: none;
}
.menu_links a:hover {
	color: #f58026;
	font-weight: bold; 
	font-size: 12px;
	text-decoration: none;
}

#banner {
	margin: 0 auto;
	width: 790px;
	padding-bottom: 10px;
}

#content {
	clear: both;
	padding: 5px 5px 40px 5px;
	min-height: 480px;
}
#content a, #content a:visited {
	color: #1a3473;
}
#content a:hover {
	color: #f58026;
}
#main_image {
	float: left;
	width: 525px;
	height: 220px;
	padding-right: 10px;
}
#main_right {
	float: left;
	color: #000000;
	width: 200px;
	height: 220px;
	padding: 0px 20px 0px 30px;
	margin-bottom: 10px;
	font-size: 14px;
	letter-spacing: 1px;
	background: #fff585;
}

#left_col {
	clear: both;
	float: left;
	width: 460px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 30px;	
	border-top: 1pt dotted #999;
}
#right_col {
	float: left;
	width: 225px;
	padding: 20px 20px 20px 30px;
	border-left: 1pt dotted #999;	
	border-top: 1pt dotted #999;
	min-height: 480px;
	/*background: #f0f0f0;*/
}

#one_col {
	clear: both;
	width: 750px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;	
	border-top: 1pt dotted #999;
}

#footer {
	clear: both;
	background: #eaeaea;
	height: 40px;
	border-bottom: 1pt solid #d9d7d7;	
	border-top: 1pt solid #d9d7d7;
	margin-top: 10px;
	color: #999999;

}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* text classes */

.mission {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1a3473;
}


.orange {
	background: #f58026;
	color: #ffffff;
	padding: 10px 10px 8px 10px; 
	margin-left: -10px;
	margin-right: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.blue {
	background: #1a3473;
	color: #ffffff;
	padding: 10px 10px 8px 10px; 
	margin-left: -10px;
	margin-right: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.11 {
	font-size: 11px;
}











/* slideshow */

ul, li {
	margin: 0px; 
	padding: 0px;
}

#s3slider {
   width: 525px; /* important to be same as image width */
   height: 220px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 525px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 12px Arial, Helvetica, sans-serif;
   padding: 10px 10px;
   width: 120px;
   height: 204px;
   background-color: #1a3473;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.right {
	right: 0;
}

.left {
	left: 0;
}

.clear {
   clear: both;
}