/*
-----------------------------------------------------------------------------------------
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;}*/
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;}
.clearleft {clear:left;}
.clearright {clear:right;}
#printwrap {position:static;}

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

#outer-shadow-table, #shadow-table {
	float:left;
	width:770px;
	margin:0;
	display:block;
}
	#shadow-table #layout_shadow_left {
		width:0px;
		float:left;
		border-right:0px solid #FFFFFF;
		background-image: url(../images/shadow-left.png);
		display:none;
	}
	#shadow-table #layout_shadow_right {
		width:0px;
		border-left:0px solid #FFFFFF;
		float:left;
		background-image: url(../images/shadow-right.png);
		display:none;
	}

	#outer-shadow-table #layout_white_shadow_left {
		float:left;
		width:0px;
		background-image: url(../images/left-outer-white-shadow.png);
		display:none;
	}
	#outer-shadow-table #layout_white_shadow_right {
		float:right;
		width:0px;
		background-image: url(../images/right-outer-white-shadow.png);
		display:none;
	}
#printwrap {
	width:770px;
	background-color:#FFFFFF;
	float:left;
	display:block;
	margin:0;
	position:absolute;
}
	#printwrap #center-page-holder {
		width:770px;
		float:left;
		position:absolute;
		background-color:#FFFFFF;
	}
#headertop {
	height:104px;
	width:755px;
	border-bottom:solid #FFFFFF 1px;
	background-image: url(../images/header-background.png);
	background-repeat:no-repeat;
}
	
#headertop #title h1#website-title {
    float:left;
    padding: 14px 0 0 30px;
    width:700px;
    display:block;
    overflow:hidden;
}
#headertop #slogan h2#website-slogan {
    float:left;
    padding: 0px 30px 0 150px;
    display:block;
    width:550px;
    overflow:hidden;
    height:50px;
}
	
#under-header-bar {
	line-height:0; font-size:0;
	margin:0;padding:0;
	height:9px;
	background-image: url(../images/under-header-bar-background.png);
	background-repeat:repeat-x;
	background-position:center;
	border-bottom:solid #FFFFFF 1px;
}	
#nav-and-page-container {
	float:left;
	width:755px;
	background-color:#FFFFFF;
}
#nav-and-page-container #content {
	margin:0 0 0 2px;
	width:552px;
	float:left;
	position:relative;
	background-image:url(../images/content-background.gif);
	background-repeat:repeat-y;
}
#nav-and-page-container #content #content-wrapper {
	margin-top:20px;
	margin-left:7px;
	width:535px;
	float:left;
}
#content #accent {
	width:510px;
	height:182px;
	margin-left:14px;
}
#content #accent.accent-none {display:none;}
#under-content-bar {
	height:34px;
	width:752px;	
	margin-left:2px;
	background-image: url(../images/under-content-bar.png);
}
#under-header-bar {
	height:30px;
	width:754px;
	/*margin-left:2px;*/
}

#footer {
	height:30px;
	width:752px;
	margin-left:2px;

}
#above-content-bar {
	background-image: url(../images/above-content-bar.jpg);
	height:22px;
	width:753px;
}
#navcontainer #under-nav-bar {
	background-image: url(../images/under-nav-bar.jpg);
	height:13px;
	width:192px;
	font-size:0;
	line-height:0;
}
#other_footer {
	margin-left:5px;
	float:left;
}
/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */
/*------------------ Does Not Apply to This Layout ------------------*/	

/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/
#nav-left {
	float:left;
	width:197px;
	z-index:1000;
}
/*------------------ Navigation Elements ------------------*/	
#nav-left #navcontainer {
	clear:left;
	float:left;
	width:190px;
	padding-left:7px;
	z-index:1000;
}
#nav-left #navcontainer div a h3 {padding: 8px 0 8px 0;}
#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:38px;
		background-image: url(../images/nav-background.gif);
		background-repeat:repeat-y;
		padding:0 0 0 25px;
		background-color:#efefef;
		border:1px solid #B9B9B9;
		word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {
		text-decoration:underline;		
	}
		#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;
		}
			#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:0;
				word-wrap: break-word;
			}
				#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {
					text-decoration:underline;			
				}

/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/
#above-content-bar.nav-right {
	background-image: url(../images/above-content-bar-r.jpg);
	margin-left:7px;
}
* html #above-content-bar.nav-right { margin-left:5px;}
#footer.nav-right { margin-left:-1px;}
#under-content-bar.nav-right {
/*	margin:0 0 0 -1px;*/
	background-image: url(../images/under-content-bar-r.png);
	background-position:0 0;
	width:750px;	
}
* html #under-content-bar.nav-right {margin-left:1px;}
#outer-shadow-table.nav-right, #shadow-table.nav-right, #printwrap.nav-right,  #center-page-holder.nav-right {
	float:left;
	width:750px;
	margin:0;
}
#nav-and-page-container.nav-right {
	float:left;
	width:750px;
}
#nav-and-page-container #content {
	margin:0 0 0 3px;
	width:535px;
	float:left;
}
#footer.nav-right {
	margin-left:1px;
}
#nav-right {
	float:right;
	width:197px;
	z-index:1000;
}
/*------------------ Navigation Elements ------------------*/	
#nav-right #navcontainer {
	clear:right;
	float:left;
	width:190px;
	padding-right:7px;
	z-index:1000;
}
* html #nav-right #navcontainer {padding-right:7px;}
#nav-right #navcontainer div a h3 {padding: 8px 0 8px 0;}
#nav-right #navcontainer div, #nav-right #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}

	#nav-right #navcontainer #nav-wrapper{
		float:left;
	}

	#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:31px;
		background-image: url(../images/nav-background.gif);
		background-repeat:repeat-y;
		padding:2px 0 0 25px;
		border:1px solid #B9B9B9;
		word-wrap: break-word;
	}
	#nav-right #navcontainer #nav-wrapper div a:hover {
		text-decoration:underline;		
	}
		#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;
			visibility: hidden;
		}
			#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;
				margin:0;
				word-wrap: break-word;
			}
				#nav-right #navcontainer #nav-wrapper div div.submenu a:hover {
					text-decoration:underline;			
				}
				
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
/*------------------ Does Not Apply to This Layout ------------------*/