/*
-----------------------------------------------------------------------------------------
CSS document: ImageCaf� Template Styles
Created: 05/08/2007
Last Modified: 05/08/2007
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}
body {}
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {margin:0px;}
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;}
/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
* html #printwrap { 
� � �position:absolute; 
� � �top:0;
� � �left:0;
� � �width:100%;
� � �height:100%;
}

#outer-shadow-table {
	width:100%;
	margin:0 auto;
}
	#outer-shadow-table #layout_white_shadow_left {
		position:absolute;
		left:0;
		top:0;
		width:75px;
		background-image:url(../images/left-outer-white-shadow.png);
		background-repeat:repeat-y;
	}
	#outer-shadow-table #layout_white_shadow_right {
		position:absolute;
		right:0;
		top:0;
		width:75px;
		background-image:url(../images/right-outer-white-shadow.png);
		background-repeat:repeat-y;
	}
#shadow-table {
	width:780px;
	margin:0 auto;
}
	#shadow-table #layout_shadow_left {
		float:left;
		width:10px;
		border-right:1px solid #FFFFFF;
		background-image:url(../images/shadow-left.png);
		background-repeat:repeat-y;
	}
	#shadow-table #layout_shadow_right {
		float:left;
		width:10px;
		border-left:1px solid #FFFFFF;
		background-image:url(../images/shadow-right.png);
		background-repeat:repeat-y;
	}


#headertop {
	height:140px;
	background-image:url(../images/headerstripes.png);
	background-repeat:repeat-x;
	border-bottom:solid #FFFFFF 5px;
}
	#headertop #header-main {
		height:66px;
		padding:38px 0 36px 34px;
	}	
	* html #headertop #header-main {margin-bottom:-5px;}
#nav-and-page-container {
	float:left;
	background-image:url(../images/left-column-white-shadow.png);
	background-repeat:repeat-y;
}
#top-left-corner-holder {float:left;}
	#top-left-corner {
		width:274px;
		height:189px;
	}
	#accent {
		width:224px;
		height:155px;
		top:15px;
		left:22px;	
	}
		#accent #accent-mask {
			width:224px;
			height:155px;
			background-image: url(../images/accent-mask.png);
		}
		* html #accent #accent-mask {
			display: none;
		}
		#accent .accent-none {display:none;}
#content {
	width:393px;
	float:left;
	padding:50px 40px 50px 40px;
	background-color:#FFFFFF;
	background-image:url(../images/body-text-background.png);
	background-repeat:repeat-y;
}

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

/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/
#nav-left {
	float:left;
	width:275px;
	z-index:1000;
}

/*------------------ Navigation Elements ------------------*/	
#nav-left #navcontainer {
	clear:left;
	float:left;
	padding-left:22px;
	width:223px;
	border:1px solid #DDDDDD;
	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:169px;
		height:35px;
		background-image: url(../images/nav-background.gif);
		background-repeat: repeat-y;
		background-position:top left;
		padding:2px 0 0 25px;
		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;
				width:169px;
				border:1px solid #DDDDDD;
				margin:0;
				word-wrap: break-word;
			}
				#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {text-decoration:underline;}

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

		
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #shadow-table {width:980px;}
body#wide #printwrap {width:948px;}
	body#wide #printwrap #center-page-holder {width:948px;}
body#wide #content {width:593px;}