/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 03/10/2006
Last Modified: 03/10/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;}
ul, ol {
	margin:10px;
	padding:0 0 0 20px;
}
ol {padding:0 0 0 30px;}
blockquote {margin:10px 10px 10px 40px;}

/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#printwrap {position:static;} /* Cancel out relative positioning of this specific div */
#nav-top, #nav-left, #nav-right {
	/*float:left;*/
	width:100%;
}
#headertop {
	float:left;
	width:100%;
}
* html #headertop {
	float: none;
}

#website-title {
	float:left;
	padding:10px;
}
#website-slogan {
	float:left;
	padding:10px 10px 30px 10px;
	width:278px;
}
#content {
	float:left;
	padding:10px;
}
.accent-none {display:none;}
.accent {
	float:left;
	width:298px;
	height:223px;
}
	.accent #accent-cover {
		float:left;
		width:298px;
		height:223px;
		background-image:url(../images/ic_062_accent_cover.png);
		background-repeat:no-repeat;
		background-position:0 0;
	}
#docwrapper {
	clear:both;
	height:0 !important;
	line-height:0 !important;
}
#footer {clear:both;}

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


/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
#nav-left #website-title {
	
	margin:0 0 0 308px;
	
}
/*--- margin adjusment for IE ---*/
	* html #nav-left #website-title {
		margin:0;
		padding:10px 0 10px 308px;
	}
#nav-left #inner {
	margin-left: 298px;	
}
/*--- margin adjusment for IE ---*/
/*	* html #nav-left #inner {
		margin:0;
		padding:0 0 0 298px;
	}
	*/
#nav-left #navcontainer {
	position:absolute;

	top:0;
	left:0;

	width:298px;
	
	z-index:1000;
}
	#nav-left #navcontainer #nav-wrapper {
		float:left;
		width:200px;
		height:100%;
		z-index:1000;
		
		/*position: absolute;
		left:0;
		top:0;
		z-index:1000;*/
	}
/*------------------ 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;
		padding:7px 10px 5px 30px;
		width:258px;
		text-decoration:none;
		background-image:url(../images/ic_062_navbutton_bg.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {
		background-image:url(../images/ic_062_navbutton_bg_ov.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
		#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;
			width:200px;
		}
			
			#nav-left #navcontainer #nav-wrapper div div.submenu div {
				display:block;
				margin:0;
			}
			#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:160px;
				word-wrap: break-word;
			}
			#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {
				background-image:url(../images/ic_062_navbutton_bg_ov.gif);
				background-repeat:no-repeat;
				background-position:0 0;
			}

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

					
/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
#nav-right #inner {
	/*float:left;*/
	margin:0 0 0 0;
}

#nav-right #navcontainer {
	position:absolute;
	top:0;
	left:471px;
	width:298px;
	z-index:1000;
}
	#nav-right #navcontainer #nav-wrapper {
		float:left;
		z-index:1000;
	}
/*------------------ Navigation Elements ------------------*/
#nav-right #navcontainer #nav-wrapper div, #nav-left #navcontainer #nav-wrapper 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;
		padding:7px 10px 5px 30px;
		width:258px;
		text-decoration:none;
		background-image:url(../images/ic_062_navbutton_bg.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		word-wrap: break-word;
	}
	#nav-right #navcontainer #nav-wrapper div a:hover {
		background-image:url(../images/ic_062_navbutton_bg_ov.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
		#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:-200px;
			visibility: hidden;
			width:200px;
		}
			#nav-right #navcontainer #nav-wrapper div div.submenu div {
				display:block;
				margin:0;
			}
			#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:160px;
				word-wrap: break-word;
			}
			#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {
				background-image:url(../images/ic_062_navbutton_bg_ov.gif);
				background-repeat:no-repeat;
				background-position:0 0;
			}

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

		
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
/*------------------------------------ nav-left ------------------------------------*/
body#wide #nav-left #content-table {width:692px;}

/*------------------------------------ nav-right ------------------------------------*/
body#wide #nav-right #content-table {width:692px;}
body#wide #nav-right #navcontainer {left:712px;}