/* <![ Global [ -----------------------------------------------------------*/


/*NOTES:
Image pathing needs to be as follows.

url(/images/img.jpg);

This can be developed any way you wish, but must be changed before upload.

*/

/* ----------------- Globals ---------------------*/
html {
	height:100%}
	
.body{	
	margin:0; 
	padding:0; 
	background:url(../images/bg_body.gif) top left repeat;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	text-align:left;
	behavior:url(/scripts/csshover.htc);}
	
a {	
	color:#385e82;
	text-decoration:underline;}
a:hover {	
	color:#a03002;
	text-decoration:none;}	
p{
	margin:1em 0 1em 0;
}
	
input, select, textarea{	
	border:solid #000;
	border-width:1px 1px 1px 1px;}	
	
legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
	
hr{
	height:1px;
	color:#666666;
	margin:5px 0px;
	padding:0px;}

h1{	
	color:#385e82;
	margin:0px 0 3px 0;
	font:bold 16px "Times New Roman", Times, serif;
	text-transform:none;}
	
h2{	
	color:#385e82;
	margin:0px 0 3px 0;
	font:bold 16px "Times New Roman", Times, serif;
	text-transform:none;}
	
h3{	
	color:#000;
	margin:0px 0 3px 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-transform:none;}
	
	
/* -----------------------------Containers and alignment--------------------------*/		

#container {
	margin:0 auto 0 auto;
	padding: 0px;
	text-align:left;
	width: 820px;

}

#main{
	padding: 0px;
	text-align:left;
	width:820px;
	background:#ffffff;
}
/* ------------------------------Header--------------------------------------------*/

#header{
	background:url(../images/bg_header.gif) top left repeat-x;
	height:117px;
	width: 820px;
	position: relative;
	}
	/*	<![ Top Nav [ -----------------------------------------------------------*/

#topnav{
	margin:0;
	padding:5px 0 0 25px;
	color:#FFF;
	position:absolute;
	right:0px;
	width: 190px;
	top: 0px;
	background: #31506f;
	line-height: 10px;
	height: 16px;
}
#topnav ul{
	margin:0;
	padding:0;
	display:block;
	/*border:1px solid #ff00ff;*/
}
#topnav ul li{
	display:inline;
	margin:0;
	padding:0;
}

#topnav ul li a{
	color:#a3c1dd;
	font:10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:left;
	border-right:1px solid #FFF;
	padding:0px 5px 0px 5px;
	display:block;
	background:none;
}

#topnav ul li a:hover{
	color:#FFF;
}
#topnav ul .first_child a {
}
#topnav ul .last_child a {
	border-right:none;
}		
/*	<![ Main Navigation [ -----------------------------------------------------------*/

#mainnav{
	margin:0;
	padding:0 0 0 0;
	color:#FFF;
	height:24px;
	background:url(../images/bg_mainnav.gif) top left repeat-x;
	width: 820px;
}
#mainnav ul{
	margin:0;
	padding:0;
	display:block;
	/*border:1px solid #ff00ff;*/
}
#mainnav ul li{
	display:inline;
	margin:0;
	padding:0;
}

#mainnav ul li a{
	color:#afcbe4;
	border-right:1px dashed #FFF;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
	padding:4px 12px 3px 11px;
	display:block;
}

#mainnav ul li a:hover{
	color:#FFF;
}
#mainnav ul .first_child a {
}
#mainnav ul .last_child a {
	border-right:none;
}		
/*-------------------------------PhotoBanner-----------------------------------------*/

#photobanner{
	margin:0;
	padding:0;
	width:820px;
	height:200px;
	background:url(../images/bg_photobanner.jpg) top left repeat-x;
	}
#photobanner .photo{
	float:left;
	margin:0;
	border-right:1px solid #000;
	}
/*----------------------------Middle-------------------------------------------------*/

#mid{
	margin:0;
	padding:0;
	width:820px;
	background:url(../images/bg_mid.gif) top left repeat-y;
	}
#leftbar{
	margin:0;
	padding:0 15px 15px 15px;
	float:left;
	width:198px;
	}
#leftbar h2{
	color:#173051;
	margin:10px 0 3px 0;
	font:bold 16px "Times New Roman", Times, serif;
	text-transform: uppercase;
	display:block;
	width:198px;
	height:27px;
	background:url(../images/bg_left-h2.gif) top left no-repeat;
	text-align: center;
	padding: 15px 0 0 0;
	}
#center{
	margin:0;
	padding:0;
	float:left;
	width:592px;
	}
#center #content{
	padding:20px 20px 0 20px;
	}

/*---------------------------------AOP Nav ------------------------------------------*/
#aops{
	margin:0;
	padding:0 0 0 0;
	color:#000;
}
#aops ul{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}
#aops ul li{
	margin:0;
	padding:0;
	list-style:none;
}

#aops ul li a{
	color:#173051;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:12px 5px 10px 30px;
	display:block;
	text-align:left;
	background:url(../images/bg_aop.gif) top left no-repeat;
	_display:inline-block;
	width:163px;
}

#aops ul li a:hover{
	color:#a03002;
	background:url(../images/bg_aop-roll.gif) top left no-repeat;
}
#aops ul .first_child a {
}
#aops ul .last_child a {
}		
/*	<![ Quick Contact [ -----------------------------------------------------------*/

#quickcontact {
	text-align:left;
	color:#FFF;
	padding: 0 10px 0 10px;
	}
.qch2{
	position:relative;
	top:3px;
	}
#quickcontact form{
	margin:0;
	border: solid #3a3a3a;
	border-width: 0 1px 1px 1px;
	width: 159px;
	padding: 8px 8px 0 8px;
	overflow: hidden;
	}
#quickcontact .form-pct {
	width:157px;
	height:18px;
	margin:3px 0 3px 0;
	background:#eff1f1;
	border:1px solid #3a3a3a;
	}
#quickcontact .msg-pct {
	margin:3px 0 3px 0;
	width:157px;
	height:44px;
	background:#eff1f1;
	border:1px solid #3a3a3a;
	overflow:auto;
	}
#quickcontact .submitarea{
	width:157px;
	text-align:right;
	height:25px;
	padding:5px 0 5px 0;
	}
#quickcontact .submitarea .submit {
	float:right;
	display:block;
	width:68px;
	padding:2px;
	margin:0;
	height:20px;
	text-align:center;
	background:url(../images/bg_submit.gif) top left no-repeat;
	color:#FFF;
	border:none;
	text-decoration:none;
	}
#quickcontact .submitarea .submit:hover {	
	text-decoration:none;
	color:#fff;
	}
.disclaimlink{
	float:left;
	color:#FFF;
	}	
.disclaimlink:hover{
	color:#561e32;
	text-decoration:none;
	}	
#locationsbox{
	width:535px;
	margin: 0  20px 20px 20px;
	font:11px Arial, Helvetica, sans-serif;
	color:#173051;
	line-height:14px;
	background-color: #cdddea;
	border: solid #3a3a3a;
	border-width: 1px 0 1px 0;
	}
#locationsbox .right{
	width:240px;
	float:right;
	padding: 0 20px 0 10px;
	}
#locationsbox .left{
	width:235px;
	float:left;
	padding: 0 10px 0 20px;
	}
#locationsbox address{
	font-style:normal;
	margin:0;
	padding:5px 0 5px 0;
	}
/*-------------------------------Footer-----------------------------------------*/

#footer{
	width:820px;
	}

/*-------------------------------bottom nav -----------------------------------------*/

#bottomnav{
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
	font-size:10px;
	clear:both;
	height:20px;
	position:relative;
	}
#bottomnav ul{
	margin:0;
	padding:0;
	display:inline;
	width: 806px;
	position:absolute;
	left:6px;
	}
#bottomnav ul li{
	display:inline;
	}

#bottomnav ul li a{
	color:#80a5c6;
	text-decoration:none;
	float:left;
	padding:0px 8px 0px 8px;
	display:block;
	border-right:#80a5c6 1px solid;
	line-height: 12px;
	}
#bottomnav ul li a:hover{
	color:#FFFFFF;
	text-decoration: underline;
	}
#bottomnav ul .first_child a{}
#bottomnav ul .last_child a{
	border-right:none;
	}

/*--------------------------Disclaimer--------------------------*/

#disclaimer{
	margin:0 auto 0 auto;
	text-align:left;
	color:#80a5c6;
	padding:10px 5px 5px 5px;
	font:10px Arial, Helvetica, sans-serif;
	line-height: 14px;
	}
#disclaimer img{
	float:left;
	margin:0px 10px 10px 0;
	border:none;
	}
#disclaimer p{
	margin:0;
	padding:0;
	}
#disclaimer a{
	color:#80a5c6;
	text-decoration:underline;
	}
#disclaimer a:hover{
	color:#FFF;
	text-decoration:none;
	}
/*	<![ Directions Page Styles (Google Maps Default) [ --------------------------------------------------------*/

/* [ Outer div ] --------- */
#directionsForm{}

/* div that wraps form */
#directionsInput {
	padding:0px 0px 15px 0px;
	}

#fromAddress{
	width:300px;
	border:1px solid #adab93;
	}

#directionsLocale{
	padding:0px 0px 15px 0px;
	}

#locale{
	width:300px;
	border:1px solid #adab93;
	}

#directionsSubmit{
	padding:0px 0px 25px 0px;
	}

#map{
	border:1px solid #adab93;
	}

#addressNotFound{}

#directions{}

/*	<![ Site 9 Form Styles [ --------------------------------------------------------*/
.pad_frm_itm {
      padding:3px 0px;
      margin:0px;
}

.form-label {
	width:140px; /* Width of labels */
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;
	}

.form-pct {
      width:300px;
      font:12px Verdana, Arial, Helvetica, sans-serif;
	}
.msg-pct {
      width:445px; /*  .form-label + .form-pct + horizontal padding on .form-label   */
      height:70px;
      overflow:auto;
      font:12px Verdana, Arial, Helvetica, sans-serif;
	}

.custom-form {}

.custom-form fieldset {
	margin:0px 0px 10px 0px;
	padding:0px;
	width:470px; /*  .msg-pct width + 25   */
	border:none;
	}

.custom-form legend {
	padding:0px 2px;
	font-weight:bold;
	}

.custom-form fieldset ol {
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
/* ------------------ Special Classes ------------------------*/	
.clearbar{
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	padding:0;
	margin:0;
}
.autowidthwrap{
	width:100%;
	text-align:center;
	}