@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; outline:0;}
ul, li { list-style:none; }
a img { border:0;}
p { padding:6px 0;}
body { font-family:Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size:13px; background: #5291d0 url(images/body_bg.png) repeat-x; }
hr {  background-color: #9bcdff; color: #9bcdff; border: solid 1px;}
.white { color: #fff; }
.yellow { color: #fff39b; }
#wrap1 { background: url(images/clouds_bg.jpg) center top no-repeat; width:100%; min-width: 1254px; }
#wrap2 { background: url(images/body_btm_bg.png) left bottom repeat-x; width:100%; min-width: 1254px; }
#wrap3 { position:relative; z-index:2; width:1254px; margin: 0 auto; padding-top: 238px; }
* html  #wrap3 { position:relative; background: none; width:1254px; margin: 0 auto; padding-top: 238px; z-index: 2; }
#wrap3 .ie6png1 { position: absolute; left:698px; top:49px; z-index: 10; background-image:url(images/new_logo.png); height: 149px; }
* html #wrap3 .ie6png1 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/new_logo.png"); height:0; padding-top:149px; background-image: none; position: absolute; left:698px; top:49px;  z-index: 10;} 
#header { padding-top: 8px; height: 54px; z-index: 10; position: relative; font-size: 0px; line-height: 0; }
#header h1 { float: left; display: block; width: 514px; text-indent: -4000px; height: 50px; }
#topNavigation { float: left; height: 50px; width: 100%; }
#topNavigation ul { float: left; display: block; height: 45px; width: 100%; }
#topNavigation ul li { float: left; display: block; padding: 9px 5px 0 3px; height: 31px; background: url(images/nav_sep.png) no-repeat right 6px; position: relative; margin: 0; }
#topNavigation ul li.last { background:none; }
#topNavigation ul li a { display: block; float: left; text-decoration: none; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; color: #FFF; padding: 0 0 0 7px; line-height: 24px; }
#topNavigation ul li a span { float: left; display: block; padding: 0 6px 0 0; height: 26px; }
#topNavigation ul li.current a, #topNavigation ul li a:hover, #topNavigation ul:hover li.current a:hover  { background: url(images/nav__hover_bg_left.png) no-repeat; display: block; float: left; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; color: #FFF; padding: 0 0 0 7px;  line-height: 24px; }
#topNavigation ul:hover .current a { background:none; }
#topNavigation ul .current a span, #topNavigation ul li  a:hover span, #topNavigation ul:hover li  a:hover span   { background: url(images/nav_hover_right_bg.png) no-repeat right top; float: left; display: block; padding: 0 6px 0 0; height: 26px; line-height: 24px; }
#topNavigation ul:hover .current a span { background:none; }
#topNavigation ul li ul li.current {background-color: #296BAD !important;}
#topNavigation ul li ul li.current a {padding-left: 8px; color: #fff; background-color: #296BAD !important; width: 100%;}
#topNavigation ul li ul li.current a:hover {padding-left: 8px !important; background-image: none !important; width: 100%;}
#topNavigation ul li ul li.current a:hover span {text-decoration: underline;  background-image: none;}
#topNavigation ul li.current ul li {background-color: #5291D0 !important;}

#content { }
#content .banner { background: url(images/top_banner_bg.png) no-repeat; height: 183px; width: 1242px; display: block; clear: right; padding: 6px 6px 66px 0; }
#content .doubleCol .leftCol { float: left; width: 580px; padding-right: 20px; }
#content .doubleCol .leftCol ul {margin-left: 1em; padding-left:1em; list-style-position: inside;}
#content .doubleCol .leftCol ul li {list-style-type: disc; margin: 10px 0;}

#content .title1 { font-size: 46px; font-family: "Myriad Pro", Arial, Helvetica, "Nimbus Sans L", FreeSans; }
#content .title2 { font-size:26px; height:40px; display:block;} 
#content  .modern { }
#content  .hanshand { }
#content  .ltblue { color: #9bcdff; }
/*#content { color: #305f8d; background: url(../images/content_bg.jpg)  center 224px no-repeat; padding-bottom: 90px; float: left; width: 100%; }*/
#content { color: #222; background: url(images/content_bg.jpg)  center 224px no-repeat; padding-bottom: 90px; float: left; width: 100%; }

#content .doubleCol { background: url(images/ver_sep.png) repeat-y 600px 0px; width: 1040px; margin: 0 auto; }
#content .singleCol { width: 1040px; margin: 0 auto;  }
#content .workers { float: left; }
* html #content .workers { float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/workers.png"); padding-top:220px;  }
#content .doubleCol .leftCol .rightCaption { float: left; color: #FFF; width: 270px; }
#content .doubleCol .rightCol { float: left; padding: 30px 0 0 30px; }
#content .doubleCol .rightCol p .ltblue { display: block; padding-top: 45px; position: absolute; left: 35px; width: 100%; z-index: 200; top: 12px; }
.clear { clear: both; font-size: 0px; line-height: 0; overflow: hidden; }
#footer { padding-top: 25px; clear: left; color: #FFF; text-align: center; height: 57px; }
#footer ul { diplay:block; text-align:center; }
#footer ul li { display: inline; font-weight: bold; font-size: 14px; line-height: 14px; }
#footer ul li a { color: #FFF; font-size: 12px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; text-decoration: none; }
#footer ul li a:hover { text-decoration:underline; }
#footer p a { color: #FFF39B; text-decoration:underline; }
#content  a { color: #213E69; }
#content .doubleCol .rightCol p a { text-decoration: none; }
#content .doubleCol .rightCol p { display: block; padding-left: 36px; position: relative;}
.modern { color: #fff39b; font-size: 46px;}
.hanshand { color: #FFF; font-family: "Comic Sans MS", cursive, serif; font-style: italic;  font-size: 46px;}
.modern2 { color: #fff39b; font-size: 30px; letter-spacing:1px;}
.hanshand2 { color: #ffffff; font-size: 30px; font-family: "Comic Sans MS", cursive, serif; font-style: italic; letter-spacing:1px;}
.modern3 { color: #fff39b; font-size: 26px; letter-spacing:1px;}
.hanshand3 { color: #ffffff; font-size: 26px; font-family: "Comic Sans MS", cursive, serif; font-style: italic; letter-spacing:1px;}
.modern object { position:relative; top:-20px; }
.modern2  object { position:relative; z-index:0; }
#content  .doubleCol .rightCol p .mdrn { padding-top: 35px; }
#topNavigation ul li ul { display: block; position: absolute; left: 0px; top: -4038px; padding: 0; float: left; border: solid 1px #fff; height: auto; width: 190px; }
#topNavigation ul li:hover ul { display: block; position: absolute; left: 0px; top: 38px; padding: 0; float: left; border: solid 1px #fff; height: auto; width: 190px; } 
#topNavigation ul li ul li { display: block; padding: 0; width: 190px; height: 26px; background: none; overflow: hidden; border-bottom: solid 1px #fff; float: left; }
#topNavigation ul li ul li:hover {  }
#topNavigation ul li ul li a { height: 26px; width: 177px; background-color: #5694D1; line-height: 24px; font-size: 12px; padding-left:13px;}
#topNavigation ul li ul li a span { height: 26px; padding-right:13px;}
#wrap1 #topNavigation ul li ul li a:hover span  { height: 26px; padding: 0 13px 0 0 ;}
#topNavigation ul li ul li a:hover  { background-color: #5694D1;  padding-left:13px;}
#topNavigation ul li ul .last { border: none; }

form dt {margin-bottom: 1px;}
form dd {margin-bottom: 8px;}
.required { font-weight: bold; }
form ul.errors { margin: 0 !important; padding: 0 !important;}
form ul.errors li { list-style-type: none !important; color: #ff0000; }

.tablelist { background-color: #71A5D8; }

.tablelist th, .tablelist td { background-color: #5291d0; padding: 5px; }

#photos {position: relative;}
#photos a {}
#photos .photoBox {display:block; width: 180px; text-align: center; float: left; margin: 20px 50px;}
#photos .photoBox span {color: #213E69; display: none;}
#photos img {margin-top: 3px; border: 2px solid #fff39b;}

/*
 * Pretty Photo
 */
div.pp_overlay{
    background-color: #5291D0 !important;    
}

/*
* WP default
*/
#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */