/* <![ 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:#FFFFFF;
	font:12px/14px Tahoma,Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	behavior:url(/scripts/csshover.htc);}
	
a {	
	color:#02488d;
	text-decoration:underline}
p{
	margin:1em 0 1em 0;
}
	
input, select, textarea{	
	border:solid #737373;
	border-width:1px 1px 1px 1px;}	
	
legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
	
hr{
	height:1px;
	color:#cbcbcb;
	margin:5px 0px;
	padding:0px;}

h1{	
	font: normal 22px Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:0px;
	color:#02488d;}
	
h2{	
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:0px;
	color:#02488d;}
	
h3{	
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:0px;
	color:#02488d;}
	
a:hover {	
	color:#988447;
	text-decoration:none;}	
	
/* -----------------------------Containers and alignment--------------------------*/		

#container {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:url(../images/frame-bg.gif) top left repeat-y;
	position:relative;
	z-index:100;
}
	
#main{
	padding:0;
	margin:0 auto 0 auto;
	width: 899px;
}
#bluebg{
	height:222px;
	background:url(../images/bg_blue.jpg) top left repeat-x;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	line-height:0px; /*for IE*/
	font-size:1px; /*for IE*/
	z-index:50;
}
#topbar{
	height:42px;
	background:url(../images/bg_topbar.gif)
}
.center{
	width:899px;
	margin: 0 auto 0 auto;
}
#topbar .center img{
	float:left;
	}
#topbar .center #topnav{
	margin:0;
	padding:0;
	float:right;
	height:42px;
	width:300px;
	font-size:10px;
	position:relative;
	color:#FFFFFF;
	}

#topbar .center #topnav ul{
	margin:0;
	padding:0;
	position:absolute;
	top:10px;
	left:6px;
	display:inline;
	width: 228px;
}
#topbar .center #topnav ul li{
	display:inline;
}

#topbar .center #topnav ul li a{
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	padding:2px 11px 2px 11px;
	display:block;
	border-right:1px solid #000;
}
#topbar .center #topnav ul li a:hover{
	color:#000000;
}
#topbar .center #topnav ul .last_child a{
	border-right:none;
}			
#addressbanner{
	background:url(../images/img_banner.gif) top left no-repeat;
	height:153px;
	position:relative;
	width: 899px;
	margin: 0 auto 0 auto;
	}
#address{
	position:absolute;
	width: 686px;
	height: 38px;
	top: 105px;
	right: 0px;
	background: #988447;
	color: #FFFFFF;
	text-align: center;
	line-height: 16px;
	padding: 3px 0 0 0;
	z-index:10;
	font-size: 12px;
	}
#address strong{
	color:#f5d376;
	}
#logo{
	position:absolute;
	top:11px;
	left:34px;
	z-index:20;
	}
/*	<![ Navigation [ -----------------------------------------------------------*/

#mainnav{
	margin:0 auto 0 auto;
	padding:5px 0 0 0;
	height:20px;
	width:846px;
	color:#FFFFFF;
	position:relative;
	font-size:10px;
	background:url(../images/bg_navbar.gif) top left no-repeat;
	text-transform:uppercase;
	}
#mainnav ul{
	margin:0;
	display:inline;
	width: 847px;
}
#mainnav ul li{
	display:inline;
	margin:0;
	padding:0;
}

#mainnav ul li a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	float:left;
	padding:0px 33px 0px 32px;
	display:block;
	border-right: 1px solid #f1cf70;
}

#mainnav ul li a:hover{
 	color:#f7e194;
}
#mainnav ul .last_child a {
	border-right:none;

}		

/*	<![ Layout [ -----------------------------------------------------------*/

#header{
	height:292px;
	background:url(../images/bg_header-fade.gif)
}
#header .center{
	margin:0 auto 0 auto;
	width:846px;
	}
#header h1{
	display:none;
	visibility:hidden;
}
#header h2{
	display:none;
	visibility:hidden;
}

#mid {
	width:899px;
	background:#FFFFFF;
}
#contact { /* replace "mid" with contact in order to change the layout removing the left minicontact area*/
	width:820px;
	padding:5px 0 5px 0;
	margin:0 4px 0 5px;
	background:#FFFFFF;
}
	
#content {
	float:right;
	margin:0;
	padding:15px 0 0 20px;
	width:610px;
}

#leftbar{
	width:268px; /*= 205 - padding 25*/
	margin:0;
	float:left;
	padding-top: 7px;
}
#leftbar #aops{
	padding:9px;
	margin:0px;
	font-size:14px;
}
#leftbar #aops ul{
	margin:0;
	padding:0;
	list-style:none;
}
#leftbar #aops ul li{
	list-style:none;
	padding:2px 0 2px 15px;
	background:url(../images/bullet-aop.gif) 2px 5px no-repeat;
}
#leftbar #aops ul li ul{
	padding:2px 0 2px 20px;
}
#leftbar #aops ul li ul li{
	background:none;
	}
#leftbar a{
	color:#000;
	text-decoration:none;
	}
#leftbar a:hover{
	color:#cfb25d
	}

#contact #leftbar{
	display:none;
	visibility:hidden;
}

/*----------------------------------------Footer and bottom decorations------------------------*/
#bottom{
	padding:5px 0 0 0;
	clear:both;
	background: #0f191f;
 }
#bottom .links{
	margin:0 auto 0 auto;
	padding:0;
	font-size:10px;
	height:35px;
	color:#f1cf70;
	position:relative;
	width: 899px;
}
#bottom .links ul{
	margin:0;
	padding:0;
	position:absolute;
	top:9px;
	left:103px;
	display:inline;
	width: 787px;
}
#bottom .links ul li{
	display:inline;
}

#bottom .links ul li a{
	color:#f1cf70;
	text-decoration:none;
	float:left;
	padding:2px 11px 2px 11px;
	display:block;
	border-right:1px solid white;
}
#bottom .links ul li a:hover{
	color:#FFFFFF;
}
#bottom .links ul .last_child a{
	border-right:none;
}
#bottom #address{
	padding:20px 0 20px 0;
	text-align:center;
}
#bottom .disclaimer{
	text-align:left;
	height:60px;
	color:#FFF;
	padding:10px;
	font-size: 10px;
	width: 879px;
	margin: 0 auto 0 auto;
}
#bottom .disclaimer img{
	float:left;
	margin:0 10px;
}#bottom .disclaimer p{
	margin:0;
	padding:0px 10px 0 0;
}
#bottom .disclaimer a{
	color:#F1CF70;
}
	
	
/*-----------------------------Extra Classes---------------------------------------*/	

/*	<![ Quick Contact [ -----------------------------------------------------------*/

.contactmini {
	text-align:left;
	padding:0;
	color:#3d4246;
	font-size:10px;
	}
.contactmini form{
	padding:0  0 9px 9px;
	}
.contactmini h2{
	color:#1477a5;
	}
.contactmini p{
	font-size:12px;
	}	
.contactmini .form-pct { 
	width:215px; 
	height:20px;
	margin:0 0 4px 0;
	background:#bcb7ab;}

.contactmini .msg-pct { 
	width:248px; 
	height:53px;
	margin:0;
	background:#bcb7ab;
	overflow:auto;}

.contactmini .submitarea{
	width:248px;
	text-align:left;
	height:35px;
	padding:0;}

.contactmini .submitarea .submit {
	float:right;
	display:block;
	width:87px;
	margin:10px 0 5px 0;
	padding:0;
	height:17px;
	text-align:center;
	background:url(../images/bg_submit.gif) top left no-repeat;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
	
.contactmini .submitarea .submit:hover {	
	background: #000;	
	text-decoration:none;
	color:#fff;}

.disclaimlink{
	float:left;
	color:#383833;
	}	
.disclaimlink:hover{
	color:#561e32;
	text-decoration:none;
	}	
/*	<![ Site 9 Styles [ --------------------------------------------------------*/
.qctable {
	}
	
.qchead {
	}	

.PAD_form_itm {
	padding:0px;
	font:bold;}
	
.form-pct { 
	width:200px; 
	height:15px;}

.msg-pct { 
	width:500px; 
	height:70px;
	overflow:auto;
	}

.submit {
	display:block;
	height:16px;
	width:52px;
	padding:2px 0px 0px 0px;
	background: #ccc;
	color:#000;
	text-decoration:none;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;}
	
.submit:hover {	
	background: #000;	
	text-decoration:none;
	color:#fff;}

/* 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{
}