/*
-----------------------------------------------------------------------------------------
CSS document: ImageCaf� Template Styles
Created: 08/24/06 by: Brad Miller
Last Modified: 04/11/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;} 
body {
  background:#3f7ba5 url(../images/bg.jpg) top left repeat-x;
}

/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {position:relative;}
h4, h5 {margin:10px 15px;}
ul, ol {
  margin:15px;
  padding:0 0 0 25px;
}
ol {padding:0 0 0 30px;}
.clearer {clear:both;}
/*------------------ content styling ------------------*/	

#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
	margin: 5px 0px;
}

#content h1 {
	font-size:30px;
}	
#content h2 {
	font-size:26px;
}
#content h3 {
	font-size:22px;
}
#content h4 {
	font-size:18px;
}
#content h5 {
	font-size:16px;
}
#content h6 {
	font-size:14px;
}

/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */

#nav-left {
	float: left;
	width:860px;
	background:url(../images/repeat.png) top left;
	background-repeat:repeat-y;
}
#grass {
	float: left;
	width:860px;
	background:url(../images/footer.gif) bottom left no-repeat;
}
#trees {
	float: left;
	height:515px;
	width:295px;
	padding-right: 5px;
	background:url(../images/trees.jpg);
	z-index: 1000;
			/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width:290px;		
}
#navcontainer {
	float:right;
	margin-top:150px;
	width: 165px;
	z-index: 1000;
}
#nav-wrapper {
	float:left;
	width: 165px;
	z-index: 1000;
}
#inner {
	width:505px;
	float:left;
}
#headertop {
	float: left;
	width:505px;
	height:145px;
	background:url(../images/header.png);
}
#rightshadow {
	float:left;
	width:445px;
	padding-right:5px;
	background:url(../images/right.png) top right repeat-y;
			/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
	width:440px;
}
#content {
	float: left;
	width: 420px;
	background: #fff;
	padding:10px;
}
#content-table, #content-table-main {
	width: 420px;
}
h1#website-title{
	display: none;
}
h2#website-slogan {
	display: none;
}
#footer {
	float: left;
	width: 420px;
}


/*
-----------------------------------------------------------------------------------------
Featured Image 
-------------------------------------------------------------------------------------- */
.accent {
	float: left;
	width: 10px;
	height: 10px;
}



/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */

/*------------------ Navigation Elements ------------------*/
#nav-left #navcontainer #nav-wrapper div, #nav-left #navcontainer #nav-wrapper div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-left #navcontainer #nav-wrapper div {width:177px;}
	#nav-left #navcontainer #nav-wrapper div a:link, 
	#nav-left #navcontainer #nav-wrapper div a:active, 
	#nav-left #navcontainer #nav-wrapper div a:visited {
		float:left;
		/*--- width for IE5 --*/
			width:165px;
		padding: 5px 10px;
		text-decoration:none;
		background: none !important;
		/*--- width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:145px;
	}
		#nav-left #navcontainer #nav-wrapper div div.submenu, 
		#nav-left #navcontainer #nav-wrapper div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-left #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			width:176px;
			background: #fff;
			border: #3f7ba5 solid 1px;
		}
			#nav-left #navcontainer #nav-wrapper div div.submenu div {
				display:block;
				margin:0;
			}
			#nav-left #navcontainer #nav-wrapper div div.submenu a:link, 
			#nav-left #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-left #navcontainer #nav-wrapper div div.submenu a:visited {
				float:left;
				background: #fff;
			}
			#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {
				border-top:0;
			}