/*
-----------------------------------------------------------------------------------------
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 {margin: 0 auto; height: 100%; width: 100%}
	#outer-shadow-table #layout_white_shadow_left {
		float:left;
		width:75px;
		background-image: url(../images/left-outer-white-shadow.png);
		height: 100%;
	}
	#outer-shadow-table #layout_white_shadow_right {
		float:right;
		width:75px;
		background-image: url(../images/right-outer-white-shadow.png);
		height: 100%;
	}
#shadow-table {
	width:780px;
	margin:auto;
	display:block;
	height: 100%;
}
	#shadow-table #layout_shadow_left {
		width:10px;
		float:left;
		border-right:1px solid #FFFFFF;
		background-image: url(../images/shadow-left.png);
		height: 100%;
	}
	#shadow-table #layout_shadow_right {
		width:10px;
		border-left:1px solid #FFFFFF;
		float:left;
		background-image: url(../images/shadow-right.png);
		height: 100%;
	}

#printwrap {
	width:755px;
	background-color:#FFFFFF;
	float:left;
	display:block;
}
	#printwrap #center-page-holder {width:755px;}
#headertop {
	height:104px;
	width:750px;
	border-bottom:solid #FFFFFF 1px;
	background-image: url(../images/header-background.png);
}

#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;
}
#content {
	margin:0 0 0 2px;
	width:541px;
	float:left;
	background-image:url(../images/content-background.gif);
	background-repeat:repeat-y;
	/*background-position:0 0;*/
}
* html #content {margin-left:2;}
#content #content-wrapper {
	margin:20px;
	width:501px;
}
#content #accent {
	width:511px;
	height:182px;
	margin-left:18px;
}
#content #accent.accent-none {display:none;}
#under-content-bar {
	height:34px;
	width:750px;	
	margin-left:0px;
	background-image: url(../images/under-content-bar.png);
}
* html #under-content-bar {	margin-left:2px;}
#under-header-bar {
	height:30px;
	width:750px;
	/*margin-left:2px;*/
}

#footer {
	height:30px;
	width:750px;
/*	margin-left:2px;*/
}
* html #footer {	margin-left:2px;}
#above-content-bar {
	background-image: url(../images/above-content-bar.jpg);
	height:22px;
	width:750px;
}
#navcontainer #under-nav-bar {
	background-image: url(../images/under-nav-bar.jpg);
	height:13px;
	width:192px;
	font-size:0;
	line-height:0;
}

/*
-----------------------------------------------------------------------------------------
=#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;
		background-image: url(../images/nav-background.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		/*background-color:#efefef;*/
		padding:0 0 0 25px;
		border:1px solid #B9B9B9;
		word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {
		text-decoration:none;		
	}
	#nav-left #navcontainer #nav-wrapper div a:hover h3 {		
		background: transparent;
	}
		#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:none;			
				}

/*
-----------------------------------------------------------------------------------------
=#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;}
* html #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;}
#content.nav-right {
	/*margin:0 0 0 3px;*/
	/*width:521px;*/
}
* html #footer.nav-right {
	margin-left:1px;
}
* html #content.nav-right {margin:0 0 0 2px;}
#nav-right {
	float:right;
	width:197px;
	z-index:1000;
}
/*------------------ Navigation Elements ------------------*/	
#nav-right #navcontainer {
	clear:right;
	float:right;
	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 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:none;		
	}
	#nav-left #navcontainer #nav-wrapper div a:hover h3 {		
		background: transparent;
	}
		#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:none;			
				}
				
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
/*------------------ Does Not Apply to This Layout ------------------*/