/*
-----------------------------------------------------------------------------------------
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
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything: you may not want to use this as it removes
                         ALL default browser styles */
body {

}

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

/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-top, #nav-left, #nav-right {
	postion: absolute;
	width: 750px;
	left: 50%;
	margin-left: -375px;
	padding: 0 10px;
	background: url(../images/bg_shadow.png);
}

#headertop {
	width: 750px;
	height: 120px;
	background-image: url(../images/header_png.png);
}

#headertop #title {
	float: left;
	width: 455px;
	height: 120px;
	padding-left: 20px;
}
#headertop #titlealign {
	height: 120px;
	vertical-align: middle;
}
#headertop #slogan {
	position: absolute;
	right: 15px;
	bottom: 10px;
	width: 260px;
	text-align: right;
}
#footer {
	clear: both;
	width: 750px;
	height: 30px;
	background-image: url(../images/footer_png.png);
}
.accent {display:none;}


/*
-----------------------------------------------------------------------------------------
Featured Image 
-------------------------------------------------------------------------------------- */


/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */

#nav-top #wrap-navcontent {
	clear: both;
	width: 750px;
	margin-top: 2px;
}
#nav-top #navcontainer {
	clear: both;
	float: left;
	width: 750px;
	z-index: 1000;
}
#nav-top #navwrapper {
	float: left;
	width: 750px;
	z-index: 1000;	
}	
#nav-top #content {
	clear: both;
	width: 750px;
	padding: 10px 20px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
	
	width: 710px;

}
#nav-top #content-table,
#nav-top #content-table-main  {
	width: 710px;
}



/*--------------- Navigation elements -------------------*/
#nav-top #navcontainer #nav-wrapper div, #nav-top #navcontainer #nav-wrapper div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-top #navcontainer #nav-wrapper div a:link, 
	#nav-top #navcontainer #nav-wrapper div a:active, 
	#nav-top #navcontainer #nav-wrapper div a:visited {
		float:left;
		padding: 5px 20px 5px 20px;
		text-decoration:none;
	}
	#nav-top #navcontainer #nav-wrapper div a:hover {padding-top:5px;}
		#nav-top #navcontainer #nav-wrapper div div.submenu, 
		#nav-top #navcontainer #nav-wrapper div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-top #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			margin-top: -1px;
			border-top:1px solid #fff;
			width:176px;
		}
			#nav-top #navcontainer #nav-wrapper div div.submenu div {
				display:block;
				margin:0;
			}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:link, 
			#nav-top #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-top #navcontainer #nav-wrapper div div.submenu a:visited {
				float:left;
				width:156px;
				border-bottom:1px solid #fff;
				border-right:0;
			}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-top: 5px;
				border-top:0;
			}

/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
#nav-left #wrap-navcontent {
	clear: both;
	float: left;
	width: 750px;
	margin: 2px 0;
}
#nav-left #navcontainer {
	float: left;
	margin-top: 20px;
	width: 170px;
	z-index: 1000;
}
#nav-left #navwrapper {
	float: left;
	width: 170px;
	z-index: 1000;	
}	
#nav-left #content {
	float: right;
	width: 580px;
	padding: 10px 20px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;

	width: 540px;
}
#nav-left #content-table,
#nav-left #content-table-main  {
	width: 540px;
}

/*--------------- Navigation elements -------------------*/

#nav-left #navcontainer div, #nav-left #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-left #navcontainer div a:link, #nav-left #navcontainer div a:active, #nav-left #navcontainer div a:visited {
		float:left;
		/*--- Width for IE5/Win only --*/
			width:170px;
		padding: 5px 10px;
		text-decoration:none;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:150px;
	}
	#nav-left #navcontainer div a:hover {border-left:0;}
		#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;
			border-left:1px solid #fff;
			width:150px;
		}
			#nav-left #navcontainer div div.submenu div {display:block;}
			#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;
				width:160px;
				margin:0;
				border-bottom:1px solid #fff;
			}
				#nav-left #navcontainer div div.submenu a:hover {padding-left:10px;}	




/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */

#nav-right #wrap-navcontent {
	clear: both;
	float: left;
	width: 750px;
	margin: 2px 0;
}
#nav-right #navcontainer {
	float: right;
	margin-top: 20px;
	width: 170px;
	z-index: 1000;
}
#nav-right #navwrapper {
	float: left;
	width: 170px;
	z-index: 1000;	
}	
#nav-right #content {
	float: left;
	width: 580px;
	padding: 10px 20px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;

	width: 540px;
}
#nav-right #content-table,
#nav-right #content-table-main  {
	width: 540px;
}
/*--------------- Navigation elements -------------------*/


#nav-right #navcontainer div, #nav-right #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-right #navcontainer div a:link, #nav-right #navcontainer div a:active, #nav-right #navcontainer div a:visited {
		float:left;
		/*--- Width for IE5/Win only --*/
			width:170px;
		padding: 5px 10px;
		text-decoration:none;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:150px;
	}
	#nav-right #navcontainer div a:hover {border-left:0;}
		#nav-right #navcontainer div div.submenu, #nav-right #navcontainer div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-right #navcontainer div div.submenu {
			position:absolute;
			top:0;
			left:0;
			margin:0 0 0 -1px;
			visibility: hidden;
			border-right:1px solid #fff;
			width:200px;
		}
			#nav-right #navcontainer div div.submenu div {display:block;}
			#nav-right #navcontainer div div.submenu a:link, #nav-right #navcontainer div div.submenu a:active, #nav-right #navcontainer div div.submenu a:visited {
				float:left;
				/*--- Width for IE5/Win only --*/
					width:200px;
				margin:0;
				/*--- Proper width for all other browsers --*/
					voice-family: "\"}\"";
					voice-family:inherit;
					width:180px;
			}
				#nav-right #navcontainer div div.submenu a:hover {padding-left:10px;}	
				
				
				
/* -----------------------------------------------------------------------------------------
Table Structures
-------------------------------------------------------------------------------------- */


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

#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
	margin: 10px 0;
	font-family:georgia, verdana, sans-serif;
	font-weight:normal;
	color:#000000;
}

#content h1 {
	font-size:28px;
}	
#content h2 {
	font-size:24px;
}
#content h3 {
	font-size:18px;
}
#content h4 {
	font-size:16px;
}
#content h5 {
	font-size:14px;
}
#content h6 {
	font-size:13px;
}

/*------------------ no-accent adjustments ------------------*/		
.accent-none {display:none;}