/*
-----------------------------------------------------------------------------------------
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 */
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {
	position:relative;
}
ul, ol {
	margin:15px;
	padding:0 0 0 25px;
}
ol {
	padding:0 0 0 30px;
}
.clearer {
	clear:both;
}
#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
	margin: 7px 0;
	
}

#content h1 {
	font-size:32px;
}	
#content h2 {
	font-size:28px;
}
#content h3 {
	font-size:24px;
}
#content h4 {
	font-size:20px;
}
#content h5 {
	font-size:16px;
}
#content h6 {
	font-size:14px;
}
/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-top {
	position: absolute;
	left: 50%;
	margin-left: -305px;
	width:610px;
	background: #fff;
}

#website-title {
	width:610px;
	height:50px;
	background-image: url(../images/top.png);
	background-position:top;
	}
	
h2#website-slogan {
	visibility:hidden;
	}
	
#navcontainer, #nav-wrapper {
	width:600px;
	float:left;
	z-index: 1000;
	}
#inner {
	float: left;
	width:610px;
	padding-bottom:35px;
	background:url(../images/bottomaccent.gif) bottom right no-repeat;
	}
	
#content {
	float: left;
	width:530px;
	padding:25px 40px;
	background:url(../images/topaccent.gif) no-repeat;

	}
#content-table, #content-table-main {
	width:530px;
}

/*
-----------------------------------------------------------------------------------------
Featured Image 
-------------------------------------------------------------------------------------- */
.accent {
	float:left;
	height:160px;
	width:600px;
	}

/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */
/*------------------ Navigation Elements ------------------*/
#nav-top #navcontainer #nav-wrapper div, #nav-top #navcontainer #nav-wrapper div h3 {
	float:left;
	display:block;
}
	#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:8px 8px;
		margin-left: 19px;
		text-decoration:none;
	}
	#nav-top #navcontainer #nav-wrapper div a:hover {
		padding:8px 8px;
		}
	
		#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;
			border-top:1px solid #DDDDDD;
			width:130px;
				
		}
			#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:136px;
				border-bottom:1px solid #ddd;
				border-right:0;
				margin-left: 0;
			}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:hover {
				border-top:0;
			}
/*------------------ content styling ------------------*/	

