/* <![ 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%;
}

div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, body{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Times New Roman", Times, serif;
	color: #721c0b;
}

.title {
font-family: "Times New Roman", Times, serif;
	color: #721c0b;
	font-size: 16px
	}

body{	
	text-align: center;
	behavior: url(/scripts/csshover.htc);
	font: 12px Arial, Helvetica, sans-serif;
	background: #2d4760 url(../images/body-bg.gif) top left repeat-x;
	color: black;
}

img, a img{
	border: none;
}

a{
	color: #721C0B;
}

#container {
	margin: 0px auto;
	padding: 0px;	
	text-align: center;
	width: 810px;
	background: url(../images/container-bg.png) top left repeat-y;
}

#main{
	text-align: left;
	background: white;
	margin: 0px auto;
	width: 784px;
	border-left: 1px solid #4F6781;
	border-right: 1px solid #4F6781;	
}

.search {
	margin:0px auto;
	padding:0px 0px 20px 0px;
	text-align:right;}
	
	.search form {
		margin:0px;
		padding:0px;}
	
	.search-field {
		padding:3px;
		font:10px Verdana, 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 Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:center;}
	
	.search-button:hover {	
		background: #0f364a;
		border:1px solid #0f364a;  	
		text-decoration:none;
		color:#fff;}
	
input, select, textarea {	
	}
	
legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}
	
hr{
	height:1px;
	color:#000;
	margin:5px 0px;
	padding:0px;}

/*	<![ Navigation [ -----------------------------------------------------------*/

#mainnav{
	height: 27px;
	border-top: 4px solid #721c0b;
	border-bottom: 1px solid white;
	background: #ccccb4;
}
	#mainnav ul, #mainnav li{
		height: 27px;
		margin: 0;
		padding: 0;
	}
	#mainnav ul{
		margin: 0 32px;
	}
	#mainnav li{
		float: left;
		list-style-type: none;
		border-right: 1px solid #b1b191;
	}
		#mainnav li a{
			display: block;
			float: left;
			
			color: #721c0b;
			text-decoration: none;
			font-weight: bold;
			padding: 6px 10px;
		}
			#mainnav li a:hover{
				background: #b1b192;
				color: #122c45;
			}
		

	
/*	<![ Layout [ -----------------------------------------------------------*/

address {
	font-style:normal;}
	
#header{
	top: 0px;
	background-color: #4e6881;
	padding: 30px 35px 25px 35px;
	border-bottom: 1px solid white;
}
	#header img{
		float: left;
		color: #ccccb4;
	}
		#header a{
			color: #ccccb4;
			text-decoration: none;
			font-size: 20px;
		}
	#header #addresses{
		float: right;
		color: white;
		width: 223px;
		font-size: 11px;
	}
		#header div p{
			float: left;
			margin: 10px 0 0 0;
		}
			#header div p#address2{
				float: right;
			}

.aop{
	background: #4e6881 url(../images/handshake.jpg) top left no-repeat;
	height: 289px;
	padding: 0 0 0 35px;
	margin: 0;
}
	.aop .section{
		margin: 133px 9px 0 0;
		text-align: center;
		float: left;
	}
		.aop .section #last{
			margin-right: 0px;
		}
		.aop .section img{
			border: 3px solid white;
			background: white;
			display: block;
		}
		.aop .section a{
			display: block;
			text-transform: uppercase;
			text-decoration: none;
			color: #122c45;
			font-weight: bold;
			margin: 3px 0 0 0;
		}
			.aop .section a:hover{
				text-decoration: underline;
				color: #4e6881;
			}
#content{
	padding: 0 30px 20px 30px;
	border-left: 1px solid #4F6781;
	border-right: 1px solid #4F6781;
	border-bottom: 4px solid #721c0b;
}
	* html #content{
		width: 722px;
	}
	#content2{
		width: 470px;
		float: left;
	}
		#content2 ul, #content2 ol{
			margin: 0 0 10px 15px;
		}
		#content2 table{
			width: 470px;
			margin: 0 0 10px 0;
			border: none;
		}
			#content2 table td{
				border: none;
				list-style-type: disc;
			}
		#content h1{
			font-size: 18px;
		}
		#content h2{
			font-size: 16px;
		}	
		#content h3{
			fontsize: 14px;
		}
		#content h4{
			font-size: 12px;
		}
		#content h5{
			font-size: 12px;
		}
		#content h6{
			font-size: 12px;
		}
		#content2 p{
			margin: 0 0 10px 0;
			line-height: 18px;
		}
		#content2 form input, #content2 form textarea{
			width: 370px;
		}
	#side-bar{
		float: right;
		width: 170px;
	}
		#side-bar h3{
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			margin-top: 25px;
			text-transform: uppercase;
		}
			#side-bar form input, #side-bar form textarea{
				background: white;
				border: 1px solid #344d65;
				width: 170px;
				margin: 5px 0 0 0;
				padding: 0;
			}
				#side-bar form input.submit{
					float: right;
					height: 22px;
					padding: 0 0 5px 0;
					width: 50px;
					background: url(../images/submit-button.gif) top left no-repeat;
					border: none;
					color: white;
					font-size: 9px;
					text-align: center;
				}			
.footlinks{
	background: #8fa3b7 url(../images/footlinks-bg.gif) top left repeat-y;
	border-bottom: 1px solid #577088;
	border-top: 1px solid white;
	padding: 10px 20px;
}
	.footlinks ul{
		list-style-type: none;
		margin: 30px 0 0 0;
		float: left;
		width: 500px;
	}
	.footlinks li{
		float: left;
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid white;
		font-size: 9px;
		text-transform: uppercase;
	}
		.footlinks li.last_child{
			border: none;
		}
		.footlinks li a{
			color: #122c45;
			text-decoration: none;
		}
			.footlinks li a:hover{
				text-decoration: underline;
			}
	.footlinks img{
		float: right;
	}			
		
.form-pct { 
	width:500px; 
	height:18px;
	font:12px Arial, Helvetica, sans-serif;}

.msg-pct { 
	width:640px; 
	height:70px;
	overflow:auto;
	font:12px Arial, Helvetica, sans-serif;}
	
#video_link{
	width:170px;
	margin:10px 0px;
}

/*	<![ Quick Contact [ -----------------------------------------------------------*/

.qctable {
	}
	
.qchead {
	}	

.pad_frm_itm2 {
	padding:0px;}
	
.form-pct2 { 
	width:100px; 
	height:15px;
	font:11px Arial, Helvetica, sans-serif;}

.msg-pct2 { 
	width:100px; 
	height:70px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;}

	
.submit:hover {	
	background: #000;	
	text-decoration:none;
	color:#fff;}

/*	<![ Disclaimer [	 -----------------------------------------------------------*/

#disclaimer {
	margin: 0px auto;
	padding: 10px 0px;
	width: 740px;
	text-align: left;
	font: 9px Arial, Helvetica, sans-serif;
	color: white;
}
	
	#disclaimer a {
		color:#798f99;
		font-weight:bold;
		text-decoration:none;}
	#disclaimer a:hover {
		color:#798f99;
		font-weight:bold;
		text-decoration:underline;}	

/*	<![ Site 9 Styles [ --------------------------------------------------------*/

/* Directions Page Styles (Google Maps Default)

/* [ 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{
	}
	
.clearfix, div.clearfix {
	clear: both;
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}	