/* <![ 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-x #caf6ff;
	color:#42413b;
	font:12px  Arial, Verdana, Helvetica, sans-serif;
	line-height:18px;
	text-align:left;
	behavior:url(/scripts/csshover.htc);}
	
a {	
	color:#2799BB;
	text-decoration:underline;}
a:hover {	
	color:#2A4A63;
	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:#2799bb;
	margin:0px 0 3px 0;
	font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:none;}
	
h2{	
	color:#2799bb;
	margin:10px 0 3px 0;
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;}
	
h3{	
	color:#42413b;
	margin:10px 0 0px 0;
	font: bold 12px Arial, Helvetica, sans-serif;}
	
	
/* -----------------------------Containers and alignment--------------------------*/		

#container {
	margin:0px;
	padding: 0px;
	text-align:left;

}

#main{
	margin: 0 auto 0 auto;
	padding: 0px;
	text-align:left;
	width:823px;
}
/* ------------------------------Header--------------------------------------------*/

#header{
	background:url(../images/bg_header.gif) top left repeat-x;
	height:115px;
	}
/*	<![ Main Navigation [ -----------------------------------------------------------*/

#mainnav{
	margin:0 3px 0 3px ;
	padding:0 30px 0 30px;
	color:#FFF;
	height:69px;
	background:url(../images/bg_mainnav.gif) top left repeat-x;
	width:757px;
}
#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:#123a4e;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
	padding:16px 22px 0px 22px;
	display:block;
	background:url(../images/bg_mainnav-line.gif) top right no-repeat;
	height: 53px;
}

#mainnav ul li a:hover{
	color:#FFF;
	background:url(../images/bg_mainnav-hover.gif) top repeat-x;
}
#mainnav ul .first_child a {
}
#mainnav ul .last_child a {
background:none;
}		
/*-------------------------------PhotoBanner-----------------------------------------*/

#photobanner{
	margin:0;
	padding:0;
	height:200px;
	background:url(../images/bg_photobanner.jpg) top left repeat-x;
	}
#photobanner .photo{
	float:left;
	margin:0;
	}
/*----------------------------Middle-------------------------------------------------*/

#mid{
	margin:0;
	padding:20px 3px 0 4px;
	width:816px;
	background:url(../images/bg_mid.png) top left repeat-y;
	}
#leftbar{
	margin:0;
	padding:0 44px 0 22px;
	float:left;
	width:171px;
	}
#center{
	margin:0;
	padding:0;
	float:left;
	width:578px;
	}
#center #content{
	padding:0 20px 20px 0;}

/*	<![ Quick Contact [ -----------------------------------------------------------*/
#video{
	display:block;
	margin: 0 0 20px 0;
	}

#quickcontact {
	text-align:left;
	color:#FFF;
	margin: 15px 0 10px 0;
	}
#quickcontact form{
	padding:0;
	margin:0;
	}
#quickcontact .form-pct {
	width:168px;
	height:18px;
	margin:3px 0 3px 0;
	background:#FFF;
	border:1px solid #a9a8a8;
	color: #3396ad;
	font: normal 11px Arial, Helvetica, sans-serif;
	}
#quickcontact .msg-pct { 
	margin:3px 0 3px 0;
	width:168px;
	height:53px;
	background:#FFF;
	border:1px solid #a9a8a8;
	color: #3396ad;
	font: normal 11px Arial, Helvetica, sans-serif;
	overflow:auto;
	}
#quickcontact .submitarea{
	width:168px;
	text-align:right;
	height:25px;
	padding:5px 0 5px 0;
	}
#quickcontact .submitarea .submit {
	float:right;
	display:block;
	width:70px;
	padding:2px;
	margin:0;
	height:20px;
	text-align:center;
	background:url(../images/bg_submit.jpg) top left no-repeat;
	color:#FFF;
	border:none;
	text-decoration:none;
	}
#quickcontact .submitarea .submit:hover {	
	text-decoration:none;
	}
.disclaimlink{
	float:left;
	color:#FFF;
	}	
.disclaimlink:hover{
	color:#561e32;
	text-decoration:none;
	}	

/*-------------------------------bottom nav -----------------------------------------*/

#bottomnav{
	margin:0 auto 0 auto;
	padding:7px 0 7px 20px;
	font-size:10px;
	clear:both;
	height:20px;
	background: #57adc0;
	text-transform: uppercase;
	}
#bottomnav ul{
	margin:0;
	padding:0;
	display:inline;
	}
#bottomnav ul li{
	display:inline;
	}

#bottomnav ul li a{
	color:#000;
	text-decoration:none;
	float:left;
	padding:0px 8px 0px 8px;
	display:block;
	border-right:#000 1px solid;
	}
#bottomnav ul li a:hover{
	color:#FFFFFF;
	text-decoration: underline;
	}
#bottomnav ul .first_child a{}
#bottomnav ul .last_child a{
	border-right:none;
	}
#address{
	color:#686869;
	background:#FFF;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:none;
	padding: 3px 0 3px 0;
	}
#address address{
	font-style:normal;
	}
/*--------------------------Disclaimer--------------------------*/

#disclaimer{
	margin:0 auto 0 auto;
	text-align:left;
	color:#012639;
	padding:10px 5px 5px 5px;
	font:10px Arial, Helvetica, sans-serif;
	width:806px;
	}
#disclaimer img{
	float:left;
	margin:0px 10px 10px 0;
	border:none;
	}
#disclaimer p{
	margin:0;
	padding:0;
	}
#disclaimer a{
	color:#000000;
	text-decoration:underline;
	}
#disclaimer a:hover{
	color:#686869;
	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;
	}
