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

/*
Site 9 Default CSS File
Working Version: template
VERSION: 1.0 
LAST MODIFIED: 02.07.2008
LAST MODIFIED BY: NAPOLISX

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.

*/


html {
	height:100%;}
	
.body{	
	margin:0px; 
	padding:0px; 	
	behavior:url(/scripts/csshover.htc);
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	background:#022e31 url(../images/body-bg.jpg) top left repeat-x;}


#container {
	padding:0px;
	margin:0px auto;
	text-align:left;
	width:1000px;}
	
	
input, select, textarea {	
	}
	
legend	{
	font:bold 11px Arial, Helvetica, sans-serif; color:#000;}
	
hr {
	height:1px;
	color:#000;
	border-bottom:1px solid #000;
	margin:5px 0px;
	padding:0px;}

address {
	font-style:normal;}


/*	<![ Navigation [ -----------------------------------------------------------*/

#topnav {
	position:relative;
	width:949px;
	margin:0px auto;}
	
	#topnav ul {
		}
	#topnav ul li {
		}
	#topnav ul li a {
		}
	#topnav ul li a:hover {
		}
		
#nav {
	text-align:center;
	height:40px;}


	#nav ul {
		list-style:none;
		margin:0px;
		padding:0px;}
	
		#nav ul ul {
			display:inline;}


	#nav ul li {
		display:inline;
		margin:0px;
		padding:0px;}


	#nav ul li a {
		display:inline-block;
		padding:12px 18px 12px 18px;
		margin:0px -2px;
		background:transparent url(../images/nav-li.jpg) top right no-repeat;
		color:#fff;
		font:12px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-decoration:none;}


	#nav ul li a:hover,
	#nav ul ul li:hover a    /* this  declaration so rollover state stays up when scrolling through dropmenu */
	{
		background:transparent url(../images/nav-li.jpg) bottom right no-repeat;
		color:#fff;
		text-decoration:none;}

	#nav ul li.last_child a {
		background:transparent url(../images/nav-li.jpg) top left no-repeat;}
	
	#nav ul li.last_child a:hover {
		background:transparent url(../images/nav-li.jpg) bottom left no-repeat;}

	/* ----- DROP NAV STYLING ----- */


	#nav ul ul ul {
		display:none;
		position:absolute;
		z-index:98;
		top:74px;
		left:auto;
		*width:150px;    /* for dropmenus in IE,  list width needs to be declared */
		font:12px "Trebuchet MS", Tahoma, Arial, sans-serif;
		text-transform:none;
		text-align:left;
		background:#999;
		border:2px solid #777;}



		/* --- left  absolute positioning needs to be declared for each dropmenu individually --- */



	#nav ul ul ul li {
		position:relative;
		z-index:99;}        



	#nav ul ul ul li a,
	#nav ul ul li:hover ul li a {
		position:relative;
		z-index:100;
		display:block;
		background:none;
		border:none;
		color:#fff;
		text-decoration:none;}



	#nav ul ul ul li a:hover,
	#nav ul ul li:hover ul li a:hover {
		background:none;
		border:none;
		color:#fff;
		text-decoration:none;}


	
#aop {
	position:absolute;
	right:0px;
	font:15px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:60px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	width:260px;
	height:325px;
	background:url(../images/aop-bg.jpg) no-repeat top right;}
	
	#aop h2 {
		display:block;
		text-align:center;
		color:#fff;
		text-transform:uppercase;
		font:normal 13px Arial, Helvetica, sans-serif;
		padding:10px 0px;
		margin:0px;}
	#aop ul {
		list-style:none;
		padding:0px;
		margin:0px;}
	#aop ul li {
		display:block;
		padding:0px 0px 1px 0px;
		margin:0px 0px -1px 0px;}
	#aop ul li a {
		display:block;
		padding:8px 10px 8px 35px;
		color:#fff;
		text-decoration:none;
		font-weight:normal;
		background:url(../images/aop-li.gif) 10px 7px no-repeat;}
		
		#aop ul li .current_link {
			color:#e6d7af;
			font-weight:bold;}
		
	#aop ul li a:hover {
		color:#e6d7af;
		text-decoration:none;}	
		
		#aop ul li .current_link:hover {
			color:#e6d7af;}
			
		#aop ul li ul {
			padding:1px 0px 0px 0px;}
			
		#aop ul li ul li a {
			padding:5px 20px 5px 38px;
			font-size:11px;}

#footlinks {
	padding:25px 0px;
	text-align:center;}	
	
	#footlinks ul {
		list-style:none;
		margin:0px;
		padding:0px;}
	#footlinks ul li {
		display:inline;
		margin:0px;
		padding:0px;}
		
		#footlinks ul ul {
			display:inline;}
			
			#footlinks ul ul ul {
				display:none;}

	#footlinks  ul li a {
		text-decoration:none;
		padding:0px 10px;
		border-right:1px solid #fff;
		color:#fff;}
		
		#footlinks ul .last_child a {
			border-right:none;}
		
	#footlinks ul li a:hover {
		}

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

#clear {
	clear:both;
	margin:0px;
	padding:0px;
	height:1px;}


.search {
	position:relative;
	margin:0px auto;
	padding:0px 0px 20px 0px;
	text-align:right;}
	
	.search form {
		margin:0px;
		padding:0px;}
	
	.search-field {
		padding:3px;
		font:10px Arial, Helvetica, sans-serif;
		border:1px solid #8fa3af;
		background:#fff;
		width:100px;}
		
	.search-button {
		width:60px;
		background: #cbd3d8;
		color:#0f364a;
		border:1px solid #8fa3af;
		text-decoration:none;
		font:11px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:center;}
	
	.search-button:hover {	
		background: #062552;
		border:1px solid #0f364a;  	
		text-decoration:none;
		color:#fff;}
	
.logo {
	float:left;
	margin:0px 0px 0px 40px;}
	
#address {
	float:right;
	vertical-align:top;
	width:450px;
	padding:10px 0px;}
	
	#address address {
		text-align:center;
		font:14px Arial, Helvetica, sans-serif;
		color:#fff;}
		
		#address h1 {
			margin:0px;
			padding:15px 0px;
			text-align:center;
			color:#fff;
			font:30px Arial, Helvetica, sans-serif;}

#header {
	height:146px;
	overflow:hidden;
	background:url(../images/header-bg.jpg) top center no-repeat;}

#topbar {
	position:relative;
	height:302px;}

	#subimg {
		position:absolute !important;
		left:0px;}
		#subimg p, #subimg ul{
			margin:0px;
			padding:0px;}
		#subimg li {
			list-style:none;}
	
	#peerreview {
		position:absolute;
		z-index:100;
		top:270px;
		left:460px;}
		
		#peerreview img {
			border:none;}
	
#mid {
	margin:0px;
	text-align:left;
	background: url(../images/main-bg.jpg) top left no-repeat #fffff3;}

#left {
	float:left;
	width:720px;
	padding:0px;
	font:11px Arial, Helvetica, sans-serif;
	color:#062552;}
	
#right {
	float:left;
	width:280px;}

#content {
	font:12px Arial, Helvetica, sans-serif;
	color:#313131;
	padding:130px 25px 25px 25px;
	line-height:18px;
	height:auto !important;
	min-height:350px;
	height:350px;}
	#content p {
		line-height:18px;}
	#content h1 {	
		font:24px Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		color:#0f2e3c;
		display:block;
		line-height:normal;
		padding:0px;
		margin-top:0px;}
	#content h2 {	
		font:bold 18px Arial, Helvetica, sans-serif !important;
		color:#12445a;
		line-height:normal;
		margin:0 0 5px;
		padding:10px 0px 0px 0px;}
	#content h3 {	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#000;
		line-height:normal;
		padding:0px;}
	#content h4 {	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#555;
		line-height:normal;
		padding:0px;}
	#content h5 {	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#777;
		line-height:normal;
		padding:0px;}
	#content a {
		color:#13494d;
		font-weight:bold;
		text-decoration:none;}
	#content a:hover {
		color:#13494d;
		text-decoration:underline;}
	#content td ul, #content td ol {
		margin-top:0px;
		margin-bottom:0px;
		padding-top:0px;
		padding-bottom:0px;}

.photoLT {
	float:left;
	padding:0px 10px 10px 0px;}

.photoRT {
	float:right;
	padding:0px 0px 10px 10px;}

#footer {
	height:184px;
	background:url(../images/footer-bg.jpg) no-repeat;}


/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.pad_frm_itm {
	padding:3px 0px;
	margin:0px;}

.form-label {
	width:140px;
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.form-pct {
	width:300px;
	font:12px Arial, Helvetica, sans-serif;}
	
.msg-pct {
	width:445px;
	height:70px;
	overflow:auto;
	font:12px Arial, Helvetica, sans-serif;}

.main-submit {
	} /*applied to SUBMIT and CLEAR VALUES buttons on main contact form */
	
.main-submit:hover {
	}


.custom-form {
	}

	.custom-form fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}
		

/*  <![ Disclaimer Alert [ ----------------------------------------------------*/

#overlay_div {
	position:relative;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	z-index:100;}

#overlay_div p {
	}
	
#iagree {
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	padding:15px 15px 15px 15px;
	border:1px solid #031c40; /* Disclaimer box border color */
	background-color:#ececec; /* Disclaimer box bgcolor color */
	width:400px;
	margin:4px 0 0 0;}

#overlay_div h3 {
	font:18px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #0a3150;
	color:#031c40;
	padding:0;
	margin:0;}

#iagree .overlay_submit {
	padding:4px;
	margin:0 6px 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#555;
	border:1px solid #333;
	float:right;
	text-decoration:none;}
	
	#iagree .overlay_submit:hover {
		text-decoration:none;
		color:#fff;
		background:#777;
		border:1px solid #555;}
	
#iagree .checkbox {
	float:left;
	height:22px;
	display:block;}

#iagree input#Agreement {
	position:relative;
	top:3px;
	border:none;}

	

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

#qc {
	position:absolute;
	right:0px;
	top:385px;
	padding:75px 15px 0px 15px;
	width:250px;
	height:285px;
	background:url(../images/qc-bg.jpg) no-repeat top right;
	color:#fefef2;
	font:11px Arial, Helvetica, sans-serif;}
	
	#qc p {}
	
	#qc strong {
		color:#e6d7af;}
	
.trigger {
	display:none;}

.pad_frm_itm2 {
	padding:3px 0px;
	margin:5px 0px;}

.form-label2 {
	width:58px;
	padding:0px 2px 0px 0px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	font-size:12px;
	font-weight:bold;}
  
.form-pct2 {
	padding:2px 5px;
	width:170px;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;
	background:#fffff3;
	border:1px solid #fffff3;}
	
.msg-pct2 {
	padding:2px 5px;
	width:170px;
	height:50px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;
	background:#fffff3;
	border:1px solid #fffff3;}

.custom-form2 {
	font:11px Arial, Helvetica, sans-serif;}

	.custom-form2 fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		width:246px;
		border:none;}
		  
	.custom-form2 legend {
		padding:0px 2px 5px 33px;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-align:center;}
		  
	.custom-form2 ol {
		margin:0px;
		padding:0px;
		list-style:none;}

.submit-align2 {
	text-align:right;}

#qc .submit {
	font:11px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:3px 10px;
	text-align:center;
	background:#252c1b url(../images/submit-bg.jpg) top left repeat-x;
	border:1px solid #484e4c;
	color:#e9dfa5;}
	
#qc .submit:hover {	
	}
	

/*	<![ Disclaimer [	 -----------------------------------------------------------*/

#disclaimer {
	position:relative;
	margin:0px auto;
	padding:20px 0px 0px 0px;
	width:950px;
	text-align:left;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;}
	#disclaimer img {
		float:left;
		padding:0px 20px 60px 0px;}
	#disclaimer a {
		color:#fff;
		font-weight:bold;
		text-decoration:none;}
	#disclaimer a:hover {
		color:#fff;
		font-weight:bold;
		text-decoration:underline;}	

/*	<![ Site 9 Styles [ --------------------------------------------------------*/

/* Directions Page Styles (Google Maps Default)*/


/* Fix for IE6 - prevents text from disappearing when map loads - apply this class to the RTF for content area */
.DirectionsContent {
	display:block;
	position:relative;}
	

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

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

#fromAddress {
	width:350px;}

#directionsLocale {
	padding:10px 0px;}

#locale {
	}

#directionsSubmit {
	padding:10px 0px;}

#map {
	border:1px solid #000;
	color:#000;}

#addressNotFound {
	}

#directions {
	}
