/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 03/13/2006
Last Modified: 03/13/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything */
body {width:100%;}
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {position:relative;}
h1, h2, h3, h4, h5, h6 {margin:10px;}
h1#website-title {margin:0;}
h2#website-slogan {margin:0;}
#navcontainer div h3 {margin:0;}
#navcontainer div h3 {margin:0;}
ul, ol {
	margin:10px;
	padding:0 0 0 20px;
}
ol {padding:0 0 0 30px;}
blockquote {margin:10px 10px 10px 40px;}
.clearer {clear:both;}
.accent-none {
	background-image:none;
}
.accent {
	float:left;
	width:392px;
	height:115px;
}
/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-top, #nav-left, #nav-right {
	float:left;
	width:750px;
}
#website-title {
	float:left;
	padding:10px 10px 5px 100px;
	width:640px;
}
#website-slogan {
	float:right;
	padding:10px;
}
#footer {padding:10px;}
#docwrapper {
	float:left;
	width:750px;
}

/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */
/*------------------ Does Not Apply to This Layout ------------------*/	
				
/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-left #headertop {
	float:left;
	width:750px;
	margin:4px 0 0 0;
	border-top:5px solid #000;
	border-bottom:1px solid #fff;
}
	#nav-left #headertop #accent-gradient {
		position:absolute;
		top:40px;
		left:10px;
		height:115px;
	}
	#nav-left #headertop #accent-cover {
		position:absolute;
		top:39px;
		left:0;
		width:750px;
		height:115px;
		background:url(../images/ic_069_accent_cover.png) no-repeat top left;
	}
#nav-left #inner {
	float:left;
	width:750px;
	border-top:2px solid #000;
}
	#nav-left #inner #navcontainer {
		float:left;
		width:145px;
		z-index:1000;
	}
		#nav-left #inner #navcontainer #nav-wrapper {
			position:absolute;
			top:50px;
			left:10px;
			z-index:1000;
		}
	#nav-left #inner #content {
		float:left;
		width:600px;
	}
	
/*------------------ 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 a:link, 
	#nav-left #navcontainer #nav-wrapper div a:active, 
	#nav-left #navcontainer #nav-wrapper div a:visited {
		float:left;
		margin:3px 0;
		padding:5px 10px;
		width:110px;
		text-decoration:none;
		border:1px solid #555;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {
		padding-top:5px;
		border:1px solid #555;
	}
		#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;
			margin:-3px 0 0 1px;
			visibility: hidden;
			width:130px;
			z-index:1000;
		}
			#nav-left #navcontainer #nav-wrapper div div.submenu div {
				display:block;
			}
			#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;
				margin:3px 0;
			}
			#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-top:5px;
			}

/*------------------ Table Structures ------------------*/	
#nav-left #content-table {
	float:left;
	width:600px;
}
	#nav-left #content-table-main {width:100%;}
		#nav-left #content-table-main p {margin:10px 10px 15px 10px;}

		
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #nav-left {width:1000px;}
body#wide #website-title {width:890px;}
body#wide #docwrapper {width:1000px;}

/*------------------------------------ NAV-TOP ------------------------------------*/
/*Does Not Apply to This Layout*/

/*------------------------------------ NAV-LEFT ------------------------------------*/
body#wide #nav-left #headertop {width:1000px;}
	body#wide #nav-left #headertop #accent-gradient td.secondary {
		width:650px;
	}
	body#wide #nav-left #headertop #accent-cover {
		width:1000px;
		background:url(../images/ic_069_accent_cover_wide.png) no-repeat top left;
	}
body#wide #nav-left #inner {width:1000px;}
	body#wide #nav-left #inner #content {width:855px;}
body#wide #nav-left #content-table {width:855px;}


/*------------------------------------ NAV-RIGHT ------------------------------------*/
/*Does Not Apply to This Layout*/
