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

body{
	padding:0;
	margin:0;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	background: #f0fdd6 url(images/body_bg.gif) 0 0 repeat-x;
	color:#1F1F1F;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:980px;
	background:url(images/header.jpg) center 40px no-repeat;
	padding:0px;
	height:307px;
	margin:0 auto;
}
#header #topnav {
	width:980px;
	height: 40px;
	padding:0;
	margin:0;
	position: relative;
}
#topnav #search{
	width:257px;
	height: 21px;
	padding:0;
	margin: 0;	
	float:left;
	position: relative;
	left: 0px;
	margin-left: 0px;
	top: 9px;
	margin-right: 10px;
}
#topnav #search input.txtBox{
	width:197px;
	height:17px;
	background-color:#989898;
	color:#262728;
	padding:4px 0 0 9px;
	margin:0;
	font:normal 9px Arial, Helvetica, sans-serif;
	float:left;
	border:none;
	margin-left: 8px;
}
#topnav #search input.btnGo{
	width:25px;
	height:21px;
	border:none;
	cursor:pointer;
	background:url(images/btn_go.gif) 0 0 no-repeat #2C2D2D;
	color:#fff;
	font:normal 9px/21px Arial, Helvetica, sans-serif;
	float:left;
	margin-left: 10px;
}
#topnav ul{
	float:left;
	top: 8px;
	position: relative;
	left: 110px;
}
#topnav ul li{
	float:left;
	font-size:0;
	line-height:0;
	margin:0 1px 0 0;
}
#topnav ul li a{
	display:block;
	font:bold 11px/31px Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:left;
}
#topnav ul li a span.left{
	float:left;
	display:block;
	width:auto;
	height:31px;
}
#topnav ul li a span.left span.right{
	color:#B4B4B4;
	background-color:inherit;
	display:block;
	width:auto;
	height:31px;
	padding:0 18px 0 19px;
	margin:0;
	cursor:pointer;
	float:left;
}
#topnav ul li a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#topnav ul li a:hover span.left{
	background:url(images/nav_hover_left.gif) 0 0 no-repeat;
	display:block;
	width:auto;
	height:31px;
	float:left;
}
#topnav ul li a:hover span.left span.right{
	background:url(images/nav_hover_right.gif) right top no-repeat;
	display:block;
	width:auto;
	height:31px;
	float:left;
	color:#fff;
	background-color:inherit;
}
#topnav ul li a.hover{
	display:block;
	font:bold 11px/31px Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:left;
	cursor:text;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#topnav ul li a.hover span.left2{
	background:url(images/nav_hover_left.gif) 0 0 no-repeat;
	display:block;
	width:auto;
	height:31px;
	float:left;
}
#topnav ul li a.hover span.left2 span.right2{
	background:url(images/nav_hover_right.gif) right top no-repeat;
	display:block;
	width:auto;
	height:31px;
	float:left;
	padding:0 18px 0 18px;
	color:#fff;
	background-color:inherit;
}
h1#logo {
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 180px;
	position: relative;
}
h1#logo a{
	background: url(images/logo.gif) 0 0 no-repeat;
	display:block;
	width: 257px;
	height: 180px;
	margin:0px;
	padding: 0px;
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
#header .punchline{
	padding:0px;	
	margin:0px;
	width: 980px;
	height: 86px;
	font:bold 18px/86px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	text-align: center;
	background: url(images/punchline.jpg) 0px 1px no-repeat;
}
.punchline p{
	padding:0px;	
	margin:0px;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	padding: 0;
	margin: 0;
	width:980px;
	margin:0px auto;
	background: #FFFFFF url(images/bg-black.gif) top center repeat-y;
	}
/*------------------------------------------------left--------------------*/
#left{
	padding: 0;
	margin: 0;
	width:257px;
	float:left;
	color:#1F1F1F;
	background-color:#4689B4;
}
#leftnav{
	background:url(images/left_bg.gif) 0 0 repeat-x #FFFFE4;
	color:#1B1E23;
	padding:14px 0 26px 26px;
	border-right:#D4D4A3 solid 1px;
	border-left:#D4D4A3 solid 1px;
}
#leftnav h2{
	display:block;
	font:normal 22px/40px Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0;
}
#leftnav h3{
	display:block;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	padding:0 0 12px 17px;
	margin:0;
	background:url(images/bullet.gif) 0 1px no-repeat;
}
#leftnav h3 span{
	font-style:italic;
	font-weight:normal;
}
#leftnav ul{
	padding:0 0 10px 0;
}
#leftnav ul li{
	font-size:0;
	line-height:0;
	background:url(images/mid_link_div.gif) left bottom repeat-x;
	margin-right: 20px;
}
#leftnav ul li a{
	display: block;
	font:normal 11px/30px Arial, Helvetica, sans-serif;
	color:#AF2922;
	background-color:inherit;
	text-decoration:underline;
	background:url(images/bullet.gif) 0 11px no-repeat;
	padding:0 0 0 16px;
}
#leftnav ul li a:hover{
	color:#000;
	background:#F3F3CB url(images/bullet.gif) 0 11px no-repeat;
	text-decoration:none;
}
#leftnav ul li a.hover{
	cursor:text;
	text-decoration: none;
	color: #333;
}
#quality {
	background-color:#4689B4;
	color:#fff;
	padding-bottom: 10px;
}
#quality h2{
	display:block;
	height:52px;
	padding:0 0 0 26px;
	font:normal 22px/52px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#1F1F1F;
}
#quality h4{
	margin-top: 10px;
	margin-left: 26px;
	color: #D4D4A4;
	font-size: 12px;
}
#quality p{
	margin-left: 26px;
	margin-right: 20px;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
/*#right{
	padding:0 0 0 294px;
}*/
/*------------------------------------------------right--------------------*/

/*------------------------------------------------right2-------------------*/
#right2{
	padding: 0;
	margin: 0;
	width:243px;
	float:right;
	background-color:#fffffe;
	color:#fff;
}
#right2 form{
	background:url(images/user_login.gif) 0 0 repeat-x #4689B4;
	color:#fff;
	padding:24px 37px 30px 27px;
}
#right2 form h2{
	display:block;
	font:normal 22px/24px Arial, Helvetica, sans-serif;
	padding:0 0 27px 0;
	margin:0;
}
#right2 form input.txtBox2{
	width:178px;
	height:14px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	background-color:#fff;
	color:#000;
	padding:5px 0 0 9px;
	margin:0 0 9px 0;
	font:normal 9px/14px Arial, Helvetica, sans-serif;
	float:left;
}
#right2 form select{
	width:190px;
	height:20px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	background-color:#fff;
	color:#000;
	padding:5px 0 0 9px;
	margin:0 0 9px 0;
	font:normal 9px/14px Arial, Helvetica, sans-serif;
	float:left;
}
#right2 form input.btnSubmit{
	width:52px;
	height:21px;
	border:none;
	cursor:pointer;
	background-color:#363636;
	color:#fff;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	float:left;
}
#right2 p.mem{
	display:block;
	background:url(images/member_bg.gif) 0 0 no-repeat;
	height:33px;
	padding:74px 0 0 80px;
	margin:0 0 1px 0;
	font: normal 10px/28px Arial, Helvetica, sans-serif;
	color: #666;
}
#right2 p.mem a{
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#D7D4A9;
	background-color:inherit;
	text-decoration:none;
}
#right2 p.mem a:hover{
	color:#fff;
	background-color:inherit;
}
#resource{
	background:url(images/resource_bg.gif) 0 0 repeat-x #DFECF5;
	color:#1F1F1F;
	padding:14px 0 26px 22px;
	border-left:#9FC2DA solid 1px;
	border-bottom:#9FC2DA solid 1px;
	border-right:#9FC2DA solid 1px;
	height: 100%;
	min-height: 100%;
}
#resource h2{
	display:block;
	font:normal 22px/40px Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0;
}
#resource ul{
	padding:0;
}
#resource ul li{
	font-size:0;
	line-height:0;
	background:url(images/mid_link_div.gif) left bottom repeat-x;
	margin-right: 20px;
}
#resource ul li a{
	display: block;	
	font:normal 11px/30px Arial, Helvetica, sans-serif;
	color:#AF2922;
	background-color:inherit;
	text-decoration:underline;
	background:url(images/bullet.gif) 0 11px no-repeat;
	padding:0 0 0 16px;
}
#resource ul li a:hover{
	color:#000;
	background:#CCE0ED url(images/bullet.gif) 0 11px no-repeat;
	text-decoration:none;
}
#ourservices {
display: block;
 width: 243px;
 height: 106px;
 background: #99CCFF url(images/ourservices.jpg) 0 0 no-repeat;
 text-indent: -1000px; 
 overflow: hidden;
}
/*------------------------------------------------right2-------------------*/

/*------------------------------------------------mid-------------------*/
#mid{
	padding: 0;
	margin: 0;
	background-color:#fff;
	color:#1F1F1F;
	width:480px;
	float:left;
	}
#content{
	padding: 0;
	margin: 0 auto;
	margin-top: 10px;
	width:450px;
	}
#mid h2{
	display:block;
	font:normal 22px/40px Arial, Helvetica, sans-serif;
	padding:5px 0 5px 0;
	margin:0;
}
#mid h3{
	display:block;
	font:bold 16px/25px Arial, Helvetica, sans-serif;
	padding:5px 0 5px 0;
	margin:0;
	color: #7CAD18;
}
#mid h4{
	display:block;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	padding:5px 0 5px 0;
	margin:0;
	color: #555;
}

#mid p.midTxt{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#5A9CC1;
	background-color:inherit;
	padding:0 0 22px 0;
	display:block;
/*	float:left;*/
	width:100%;
}
#mid ul{
	width:256px;
	background: url(images/mid_link_div.gif) left top repeat-x;
}
#mid ul li{
	display:block;
	height:23px;
	background:url(images/mid_link_div.gif) left bottom repeat-x;
	padding:1px 0 0 0;
}
#mid ul li a{
	display:block;
	background:url(images/bullet2.gif) 5px 7px no-repeat;
	padding:0 0 0 19px;
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	background-color:inherit;
	text-decoration:none;
}
#mid ul li a:hover{
	color:#1F1F1F;
	background-color:#F6FBD5;
}

#mid ul.lists {
	width:100%;
	background: url(images/mid_link_div.gif) left top repeat-x;
	margin: 20px 0px;
}
#mid ul.lists li{
	display:block;
	height: auto;
	background:url(images/mid_link_div.gif) left bottom repeat-x;
	padding:1px 0 0 0;
}
#mid ul.lists li span{
	display:block;
	background:url(images/bullet2.gif) 5px 9px no-repeat;
	padding:4px 0 4px 19px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#1F1F1F;
	background-color:inherit;
	text-decoration:none;
}

#mid p {
margin-bottom: 5px;
}

#mid img.pics {
float: left;
margin-right: 5px;
border: 5px solid #D4D4A4;
}

.pic1{
	height:25px; width:auto;
	}
.pic{
	padding:0 25px 0 0;
	margin:0 ;
	width:405px;
}
.pic img{
	display:block;
	font-size:0;
	line-height:0;
	float:left;
	margin:0 0 0 0;
}
.pic p.picTxt{
	float:right;
	width:285px;
	display:block;
}
.pic p.picTxt span{
	color:#AF2922;
	background-color:inherit;
	font-weight:bold;
	line-height:14px;
	font-size:12px;
}
/*------------------------------------------------mid-------------------*/

/*------------------------------------------------body-------------------*/

/*------------------------------------------------footer-------------------*/
#footer{
	width:980px;
	height:107px;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	margin:0 auto;
}
#footer #footernav{
	margin:0 auto;
	width: 800px;
	height: 70px;
}
#footernav ul{
	width:450px;
	margin:0 auto;
}
#footernav ul li{
	padding: 0;
	margin: 0;
	float:left;
	font: bold 12px/70px Arial, Helvetica, sans-serif;
	color:#F6FBD5;
	background-color:inherit;
}
#footernav ul li a{
	padding:0 12px;
	color:#F6FBD5;
	background-color:inherit;
	text-decoration:underline;
}
#footernav ul li a:hover{
	color:#000;
	background-color:inherit;
}
#footernav ul li a.hover{
	cursor:text;
	text-decoration: none;
	color: #333;
}
#footer #copyright{
float: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}
#footer p{
	width:300px;
	margin:0 auto;
	font:normal 10px/34px Arial, Helvetica, sans-serif;
	color:#C0DA31;
	background-color:inherit;
	display:block;
}
/*------------------------------------------------footer-------------------*/

/*------------------------------------------------ Forms --------------------*/
fieldset.fieldsets {
	border-top: 1px solid #E6E6BC;
	border-right: 1px solid #E6E6BC;
	border-bottom: 1px solid #E6E6BC;
	border-left: 1px solid #E6E6BC;
	margin: 0;	
	padding: 20px;
	display: block;
	clear: both;
	width: 410px;
}
fieldset.fieldsets legend {
	color: #B52822;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}
fieldset.fieldsets p {
}
fieldset.fieldsets table, fieldset.fieldsets td {
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#2F2C1F;
}
.fieldsets input {
}
.fieldsets label {
	float:left;
	width:100px;
	display: block;
}
.fieldsets input.text {
	width: 255px;
	font-size: 12px;
	padding: 4px;
	font-weight: bold;
}
.fieldsets input.radio {
	width: 30px;
	font-size: 12px;
	padding: 4px;
	font-weight: bold;
}
.fieldsets input.checkbox {
	width: 30px;
	font-size: 12px;
	padding: 4px;
	font-weight: bold;
}
.fieldsets input:focus {
	background: #E6E6BC;
}
.fieldsets select {
}
.fieldsets select:focus {
	background: #E6E6BC;
}
.fieldsets select option {
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
}
.fieldsets input.buttons {
	width: 100px;
}
.fieldsets textarea {
	width: 400px;
	height: 150px;
	margin: 0;
}
.fieldsets textarea:focus {
	background: #E6E6BC;
}
.fieldsets .inputText {
	font-size: 11px;
	color:#999999;
	padding-left: 100px;
}
.fieldsets .required {
font-weight: bold;
}
.fieldsets span.required {
color: #CC0000;
font-size: 125%;
}
.fieldsets .infieldsets {
clear: both;
}
.fieldsets .infieldsets strong {
display: block;
clear: both;
margin-bottom: 10px;
}
.nostyle {
float: none;
background: none;
border: none;
margin: 0;
padding: 0;
text-indent: 0;
}