/* CSS Document */
* {
	padding: 0;
	margin: 0;
} 
body{
	padding:0px 0px 0px 0px;
	margin:0px;
	background: #1aa7d9 url(../images/background.jpg) top left repeat-x;
	color:#000;
	font: normal 12px/1.5 Arial, Verdana, Helvetica, sans-serif;
}



.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/

#body-wrap{
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: url(../images/body-back.jpg) top center no-repeat;
	float:left;
}
#headerwrap{
	width: 100%;
	padding: 0px 0px 0px 0px;
	float:left;
}

#header{
	height:180px;
	position:relative;
	margin:0 auto;
	width: 940px;
}
#header #header-top {
	width: 940px;
	float: left;
	position: relative;
	 height: 147px;
	 background: #0189b8 url(../images/header-back.jpg) top left no-repeat;
	}
	
#header #header-btm {
	width: 940px;
	float: left;
	position: relative;
	 height: 33px;
	 background: #239bc4  url(../images/top-menu-back.jpg) top left no-repeat;
	}


#header #header-btm #hleft {
	width: 200px;
	float: left;
	padding: 7px 0px 0px 10px;
	}
	
#header #header-btm #hcenter {
	width: 400px;
	float: right;
	padding: 7px 0px 0px 10px;
	color: #FFF;
	}
	
#header #header-btm #hright {
	width: 300px;
	float: right;
	padding: 0px 10px 0px 10px;
	}
	
#topnav{
	padding: 0px 0px 0px 5px;
	float: right;
	height: 25px;
	position: relative;
}

#topnav ul{
	font: normal 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
}

#topnav li{
	display:inline;
	margin:0 4px 0 0;
	padding:0;
	text-transform: none;
}


#topnav a{
	text-align: left;
	float: left;
	color: #FFFFFF;
	margin:0 0px 0px 0;
	padding:8px 7px 8px 8px;
	text-decoration:none;
	border-right: 1px solid #1d92b9;
}

#topnav a:hover{
	background: #5f98d8 url(../images/t-menu-hover.jpg) bottom left repeat-x;
	text-decoration:none;
	color: #00143e;
}
	
#header #right .licnse{
	width: 690px;
	float: right;
	height: 30px;
	padding: 5px 10px 0px 0px;
	text-align: right;
	}
	

#header #right #slogan{
	width: width: 680px;
	float: right;
	height: 35px;
	padding: 15px 10px 0px 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #00435c;
	}



/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#bodywrap{
	width: 100%;
	padding-top: 0px;
	float: left;
	position: relative;
	
}

#body{
	width: 940px;
	padding: 0px;
	position: relative;
	background: #FFF url(../images/body-back.jpg) top left repeat-y;
	margin: 0px auto;
	
	
}

* html #body{

	padding: 0px 0px 10px 0px;

	
	
}

#body-in{
	width: 930px;
	padding: 0px 5px 0px 5px;
	position: relative;
	background: #FFF url(../images/body-back.jpg) top left repeat-y;
	float: left;
	
	
}

#content{
	margin-left: 190px;
	margin-right: 200px;
	padding: 5px;
	padding-top: 10px;
}

#content h2{
		font: bold 16px Arial, Helvetica, sans-serif;
		padding: 0px 0px 2px 0px;
		margin: 0px 0px 5px 0px;
		border-bottom: 1px solid #bfdce8;
}

.con-box {
		padding: 5px 8px;
		margin: 0px 0px 15px 0px;
		background: #FFF url(../images/box-back.jpg) repeat-x top left;
		float: left;
		width: 97.5%;
		position: relative;
}
.menutitle {

	width:120px;
	margin: 10px 5px 0 0px;
	padding: 14px 5px 6px 45px;
	background: #01617d url(../images/menu-title-back.jpg) top left no-repeat;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF;

}

#leftnav{
	float: left;
	width: 175px;
	margin: 0;
	padding: 0px  1px 0px 7px;
}


.navi {
	width:170px;
	margin:0 0 0 0px;
	padding: 0px 0px 0px 0px;
	background: #0080a5;
	float: left;
}

.navi li {
	clear:both;
	font: bold 11px Tahoma, Geneva, sans-serif;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.navi li a {
	display:block;
	width:150px;
	padding:5px 5px 5px 15px;
	overflow:hidden;
	color:#FFF;
	border-bottom: 1px solid #027091;
	font: bold 11px Tahoma, Geneva, sans-serif;
	background: url(../images/arrow.gif) left center no-repeat;

}
.navi li a:visited {

	color:#FFF;


}

.navi li a:hover {
	text-decoration:none;
	 background: #0189b1 url(../images/arrow.gif) left center no-repeat;
	 color: #FFF;
}




#info-box {
		
		width: 170px;
		float: left;
		background: #2696c8 url(../images/info-back.jpg) top left repeat-x;
		padding: 0px;
		margin: 10px 0px 10px 0px;
}
.infotitle {

	width:130px;
	margin: 0px 5px 0 0px;
	padding: 6px 5px 8px 35px;
	background: url(../images/info-t-back.jpg) top left no-repeat;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #202a2b;

}

* html .infotitle {

	width:125px;
	margin: 0px 0px 0 0px;
	padding: 6px 10px 8px 35px;


}

.sinfobox {
padding: 2px 5px 2px 5px;
}

.sinfotitle {
padding: 2px 5px 2px 5px;
font-size: 12px;
font-weight: bold;
}


/* Search box */
#search-box {
	width: 170px;
	float: left;
	background: #65b8e7 url(../images/search-box-back.jpg) top left repeat-x;
	padding: 0px;
	margin: 5px 0px 10px 0px;
}

.searchtitle {
	width:130px;
	margin: 0px 5px 0 0px;
	padding: 6px 5px 8px 35px;
	background: url(../images/search-t-back.jpg) top left no-repeat;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #202a2b;
}

* html .searchtitle {
	width:125px;
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 8px 35px;


}

.searchbox-in {
	padding: 2px 5px 2px 5px;
}


/* S Menu */
/*** Blue Block ***/
.smenu{
	width: 100%; /*width of menu*/
	font-size: 16px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.smenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.smenu ul li{
	padding-bottom: 0px; /*bottom spacing between menu items*/
}

.smenu ul li a{
	font-weight: bold;
	color: #FFFFFF;
	display:block;
	padding: 2px 0px 0px 10px;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #56a6d3;
	width: 92.5%;
}

.smenu ul li a:visited{
	color: #000;
}

.smenu ul li a:hover{ /*hover state CSS*/
	color: #FFF;
	background-color: #4aa3d5;
}





.smenu1{
	width: 100%; /*width of menu*/
	font-size: 12px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.smenu1 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.smenu1 ul li{
	padding-bottom: 0px; /*bottom spacing between menu items*/
}

.smenu1 ul li a{
	font-weight: bold;
	color: #002027;
	display:block;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #56a6d3;
	width: 92.5%;
}

.smenu1 ul li a:visited{
	color: #000;
}

.smenu1 ul li a:hover{ /*hover state CSS*/
	color: #FFF;
	background-color: #4aa3d5;
}


/* S Menu End */

#boxtop{
	background: url(../images/mtright.gif) no-repeat top right;
	position:relative;
}

#boxbottom{
	background: url(../images/mbright.gif) no-repeat bottom right;
	position:relative;
}

#boxtop1{
	background: url(../images/rtright.gif) no-repeat top right;
	position:relative;
}

#boxbottom1{
	background: url(../images/rbright.gif) no-repeat bottom right;
	position:relative;
}

/*** Input ***/
#info-box input {
	font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: bold;	
}

#info-box select{
	font-family: Arial, Tahoma;
	font-size: 11px;
	margin-bottom: 4px;
	width: 100%;
}

* html #info-box select{
	font-family: Arial, Tahoma;
	font-size: 11px;
	margin-bottom: 4px;
	width: 100%;
}


/* right Box */


#rightnav{
	float: right;
	width: 180px;
	margin: 0;
	padding: 5px;
	background: #cfe3f0;
}

.rmenutitle {
	width:130px;
	margin: 10px 5px 0 0px;
	padding: 14px 5px 6px 45px;
	background: #0275b6 url(../images/rmenu-title-back.jpg) top left no-repeat;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF;

}


.rnav {
	width:180px;
	margin:0 0 0 0px;
	padding: 0px 0px 0px 0px;
	background: #008cc1;
	float: left;
}

.rnav li {
	clear:both;
	font: normal 11px Tahoma, Geneva, sans-serif;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.rnav li a {
	display:block;
	width:160px;
	padding:5px 5px 5px 15px;
	overflow:hidden;
	color:#FFF;
	border-bottom: 1px solid #017fae;
	font: normal 12px Tahoma, Geneva, sans-serif;
	background: url(../images/arrow.gif) left center no-repeat;
}

.rnav li a:visited {
	color:#FFF;
}


.rnav li a:hover {
	text-decoration:none;
	background: #0189b1 url(../images/arrow.gif) left center no-repeat;
	color: #FFF;
}



#down-box {
	width: 180px;
	float: left;
	background: #2796c8 url(../images/download-back.jpg) top left repeat-x;
	padding: 0px;
	margin: 10px 0px 5px 0px;
}

.downtitle {
	width:135px;
	margin: 0px 5px 0 0px;
	padding: 6px 5px 8px 40px;
	background: url(../images/down-t-back.jpg) top left no-repeat;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #202a2b;

}

* html .downtitle {
	width:135px;
	margin: 0px 0px 0 0px;
	padding: 6px 5px 8px 40px;
}

.sdownbox {
	padding: 2px 5px 2px 5px;
}

.sdowntitle {
	padding: 2px 5px 2px 5px;
	font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial,  sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.link-box {
	width:180px;
	margin:10px 0 10px 0px;
	padding: 0px 0px 0px 0px;
	background: #65b8e7;
	float: left;
}

.link-box h3{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #023d5f;
	border-bottom: 1px solid #56a6d3;
}

/*------------------------------------------------left--------------------*/

/*------------------------------------------------body--------------------*/
/* Middle Body */

#mid-bodywrap{
	width: 100%;
	padding-top: 0px;
	float: left;
	overflow: hidden;
	}

#mid-body{
	width: 940px;
	margin:0 auto;
	background: #48a0c8 url(../images/footer-back.gif) top left repeat-y;
	
	
}
#mid-body-in {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: #48a0c8 url(../images/footer-back.gif) top left repeat-y;
	position: relative;
	
	}
	

/* links and buttons */

/*------------------------------------------------footer--------------------*/


#footer{
	width: 940px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
}


#footer a{
	color: #FFF;
}


#footer a:hover{
	color: #0387b1;
}

#footer .left{
	float: left;
	padding-left: 15px;
	text-align: left;
	font: 12px/1.5 Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	width:25%;
	color: #466873;
	
	}
	
#footer .center{
	float: left;
	padding: 15px 5px;
	text-align: left;
	font: 12px/1.5 Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.3;
	width:30%;
	color: #466873;
	
	}
	
#footer .right{
	float: right;
	text-align: right;
	padding: 15px 15px;
	font: 12px/1.5 Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	color: #eff8ff;
	width: 35%;
	}
	
/*------------------------------------------------footer--------------------*/


.imgleft {
	border: 1px solid #c6cbd8;
	background-color: #FFFFFF;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	}
	
.imgright {
	border: 1px solid #c6cbd8;
	background-color: #FFFFFF;
	padding: 4px;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
	}
	
.imgcon {
	border: 1px solid #c6cbd8;
	background-color: #FFFFFF;
	padding: 4px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	float: right;
	}
	
/* links */
a	{ 
	color: #0042ae;
	text-decoration: none;
	margin: 0px;
}

a:hover { 
	color: #e55c00;
	text-decoration: underline;
	background: none; 
}



	
/* Inquiry Form */

.formbox{
	width: auto;
	padding: 10px;
	border: 1px solid #ccd3db;
	background-color:#e7f1fd; 	
}

.formbox p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: auto;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 5%;

}
* html .formbox p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: auto;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 1%;

}

.formbox .writespace{
	font-weight: bold;
	font-size: 12px;
	float: left;
	margin-left: 5px; 
	width: 25%;
	text-align: left;
}

