/*
-----------------------------------------------------------------------------------------
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;}
body {}
/* zero out everything: you may not want to use this as it removes
                         ALL default browser styles */
/*
-----------------------------------------------------------------------------------------
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;}
ul, ol {
	margin:10px;
	padding:0 0 0 20px;
}
ol {padding:0 0 0 30px;}
blockquote {margin:10px 10px 10px 40px;}
.clearer {clear:both;}
#printwrap {position:static;}

/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
body {
	background-image:url(../images/page-background.png);
	background-repeat:repeat-x;
}
#printwrap{
	width:100%;
	margin:auto;
}
#nav-left, #nav-right {
	width:752px;
	margin:0 auto;
}
#headertop {
	width:750px;
	margin:0 0 10px 0;
}
#headertop #website-title {
	float:left;
	padding-top:35px;
	padding-left:10px;
}
#headertop #website-slogan {
	float:right;
	padding-top:50px;
}
#accent-holder.accent {
	padding:12px 0 0 18px;
	width:519px;
	height:294px;
	position:static;
	background:none;
}
#accent-holder #accent {
	width:519px;
	height:294px;
	position:static;
}
#accent-holder #accent #accent-mask {
	width:519px;
	height:294px;
	position:static;
}
.accent-none {display:none;}
#content #content-table #content-table-main {padding:30px 10px 60px 10px;}

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

/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-left #navcontainer {
	float:left;
	padding-top:36px;
	width:204px;
	background-image: url(../images/under-nav-background.gif);
	background-repeat:repeat-y;
	z-index:1000;
}
#nav-left #content {
	float:right;
	width:548px;
	background-image: url(../images/content-background.gif);
	background-repeat:repeat-y;
}

/*------------------ Navigation Elements ------------------*/	
#nav-left #navcontainer div, #nav-left #navcontainer 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;
		text-decoration:none;
		width:165px;
		height:36px;
		background-image: url(../images/nav-background.gif);
		background-repeat:repeat-y;
		padding:6px 30px 0 5px;
		word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {text-decoration:none;}
		#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;
			z-index:10001;
		}
			#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;
				width:164px;
				border:1px solid #FFFFFF;
				margin:0;
				padding:5px 30px 0 5px;
				height:30px;
				word-wrap: break-word;
			}
				#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {text-decoration:none;}

/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-right #accent-holder.accent {padding:12px 0 0 12px;}
#nav-right #navcontainer {
	float:right;
	padding-top:36px;
	width:204px;
	background-image: url(../images/under-nav-background.gif);
	background-repeat:repeat-y;
	z-index:1000;
}
#nav-right #content {
	float:left;
	width:548px;
	background-image: url(../images/content-background-rt.gif);
	background-repeat:repeat-y;
}

/*------------------ Navigation Elements ------------------*/	
#nav-right #navcontainer div, #nav-right #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-right #navcontainer #nav-wrapper div a:link, 
	#nav-right #navcontainer #nav-wrapper div a:active, 
	#nav-right #navcontainer #nav-wrapper div a:visited {
		float:left;
		text-decoration:none;
		width:165px;
		height:36px;
		background-image: url(../images/nav-background.gif);
		background-repeat:repeat-y;
		padding:6px 30px 0 5px;
		word-wrap: break-word;
	}
	#nav-right #navcontainer #nav-wrapper div a:hover {text-decoration:none;}
		#nav-right #navcontainer #nav-wrapper div div.submenu, 
		#nav-right #navcontainer #nav-wrapper div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-right #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			margin-left:-5px;
			visibility: hidden;
			z-index:1001;
		}
			#nav-right #navcontainer #nav-wrapper div div.submenu div {display:block;}
			#nav-right #navcontainer #nav-wrapper div div.submenu a:link, 
			#nav-right #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-right #navcontainer #nav-wrapper div div.submenu a:visited {
				float:left;
				width:164px;
				border:1px solid #FFFFFF;
				margin:0;
				padding:5px 30px 0 5px;
				height:30px;
				word-wrap: break-word;
			}
				#nav-right #navcontainer #nav-wrapper div div.submenu a:hover {text-decoration:none;}
				
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
/*------------------ Does Not Apply to This Layout ------------------*/	
