/*--------------------------------------------------------------------------------------
CSS document: ImageCaf� Template Styles
Created: 04/11/2006
Last Modified: 04/11/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #004D81 url(../images/body.jpg) repeat-x left top;
}
/*--------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
.clearer {clear:both}
div {position:relative}
#printwrap {position: static;}

/*------------------ content styling ------------------*/	

#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
	margin: .2em 0 .1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003B5F;
}
#content h1, #content h3, #content h5 {
	color: #0069AD;
}
#content h1 {
	margin: 0 0 .1em;
	font-size: 1.75em;
}	
#content h2 {
	font-size: 1.25em;
}
#content h3, #content h4 {
	font-size: 1em;
}
#content h5, #content h6 {
	font-size: .8em;
}
#content p, #content ol, #content ul {
	margin-top: .2em;
	margin-bottom: 2em;
}
#content b, #content strong {
	font-weight: bold;
	color: #003E67;
}
/* override title */
#website-title {
	display: none;
}

/*--------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------
Featured Image 
-------------------------------------------------------------------------------------- */
.accent {
	position: absolute;
	left: 20px;
	top: 0;
	width: 760px;
	height: 115px;
}

/*---------------------------------------------------------------------------------------
#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout Elements ------------------*/
#nav-left {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: transparent url(../images/nav-left.jpg) repeat-y center top;
}
#headertop {
	float: left;
	width: 800px;
	height: 150px;
	background: transparent url(../images/headertop.jpg) no-repeat center top;
}
#nav-left h2#website-slogan {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 800px;
	right: 25px;
	bottom: 2px;
	font-family: "Brush Script MT", sans-serif;
	font-size:24px;
	font-weight:normal;
	font-style: italic;
	color:#fff;
	text-align: right;
}
#inner {
	float: left;
	width: 760px;
	padding: 0 20px;
	background: transparent url(../images/inner.jpg) no-repeat center top;
}
#navcontainer {
	float: left;
	width: 180px;
	z-index: 1000;
	min-height: 350px;
	_height: 350px; /*--IE Hack--*/
	background: #D7BBA3 url(../images/navcontainer.jpg) no-repeat center top;
}
#content {
	float: right;
	width: 575px;
}
#content-table {
	float: left;
	width: 575px;
}
#footer {
	float: left;
	width: 800px;
	height: 40px;
	padding-top: 10px;
	background: transparent url(../images/footer.jpg) no-repeat center top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}

/*------------------ Navigation Elements ------------------*/
#nav-left #navcontainer div, #nav-left #navcontainer div h3 {
	float: left;
	display: block;
	cursor: pointer;
	margin: 0;
	line-height: 14px;
}
	#nav-left #navcontainer div {width: 180px;}
	#nav-left #navcontainer div a:link, 
	#nav-left #navcontainer div a:active, 
	#nav-left #navcontainer div a:visited {
		float: left;
		/*--- width for IE5 --*/
			width: 180px;
		padding: 5px;
		text-decoration: none;
		/*--- width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family: inherit;
			width: 170px;
	}
	#nav-left #navcontainer div a:hover {padding-top: 5px;}
		#nav-left #navcontainer div div.submenu, 
		#nav-left #navcontainer div div.submenu h3 {
			float: left;
			display: block;
		}
		#nav-left #navcontainer div div.submenu {
			position: absolute;
			top: 0;
			left: 0;
			visibility: hidden;
			width: 180px;
			margin-left: 5px;
		}
			#nav-left #navcontainer div div.submenu div {
				display: block;
				margin: 0;
			}
			#nav-left #navcontainer div div.submenu a:link, 
			#nav-left #navcontainer div div.submenu a:active, 
			#nav-left #navcontainer div div.submenu a:visited {
				float: left;
			}
			#nav-left #navcontainer div div.submenu a:hover {
				padding-top: 5px;
			}
/*--- Navigation Menu Overrides ---*/
#nav-left #navcontainer div a.tertiary,
#nav-left #navcontainer div a.tertiary h3 {
	background: transparent;
}
#nav-left #navcontainer div div.submenu {
	background: #014D81;
}
#nav-left #navcontainer div a.tertiary:hover, #nav-left #navcontainer div a.tertiary:hover h3 {
	color: #fff;
	background: #5c9bc6;
}