/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 12/27/2005
Last Modified: 03/02/2005
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything */
html {height:100%;}
body {
	width:100%;
	height:100%;
	text-align:center;
}
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {position:relative;}
h1, h2, h3, h4, h5, h6, p {margin:10px 15px;}
h1#website-title {margin:0;}
h2#website-slogan {margin:0;}
#navcontainer div h3 {margin:0;}
ul, ol {
	margin:15px;
	padding:0 0 0 25px;
}
ol {padding:0 0 0 30px;}
blockquote {margin-left:40px;}
.clearer {clear:both;}
/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#printwrap {position:static;} /* Cancel out relative positioning of this specific div */
#pagewrapper {
	margin:0 auto;
	padding:0 0 0 0;
	width: 600px;
	height:100%;
	text-align: left;
	z-index: 1000;
}
#pngcontainera {
	float: left;
	width:40px;
	height: 100%;
	font-size: 1px;
	z-index:0;
	margin:0;
	padding:0;
	z-index: 1000;
	background-image:url(../images/ic_028_left_shadow.png);
	background-repeat:repeat-y;
	background-position:top left;
}
* html #pngcontainera {
	background-image: none;
}
#pngcontainerb {
	float: left;
	width:40px;
	height: 100%;
	font-size: 1px;
	z-index:0;
	margin:0;
	padding:0;
	z-index: 1000;
	background-image:url(../images/ic_028_right_shadow.png);
	background-repeat:repeat-y;
	background-position:top left;
}
* html #pngcontainerb {
	background-image: none;
}
#nav-left, #nav-right {
	float:left;
	margin:0 auto;
	padding:0 0 0 0;
	width: 520px;
	height:100%;
	text-align: left;
	z-index: 1000;
}
#inner {float:left;}
.accent-none {display:none;}
#website-title {padding:20px 15px;}
#website-slogan-wrapper {
	padding: 40px 0px 40px 0px;
}
#website-slogan-holder {
	padding-left: 15px;
	padding-right: 15px;
}
* html #website-slogan-holder {
	width: 300px;
	padding-left: 20px;
	padding-right: 0px;
	}
#website-slogan {
	margin:0;
	word-wrap: break-word;
}

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

/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	

#nav-left #navcontainer {
	float:left;
	width:177px;
	z-index:1000;
}
	#nav-left #navcontainer #nav-wrapper {
		float:left;
		width:177px;
	}
#nav-left .accent {
	float:left;
	width:177px;
	height:367px;
}
#nav-left #content {
	float:left;
	width:343px;
}
#nav-left #footer {
	clear:both;
	padding:10px;
	color:#fff;
}

/*------------------ 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;
		border-bottom:1px dashed #9A999A;
		padding:10px;
		text-decoration:none;
		width:157px;
		word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {
		padding-left:7px;
		border-left:3px solid #fff;
	}
		#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;
			width:177px;
			visibility: hidden;
			border-left:1px solid #717171;
		}
			#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:157px;
				word-wrap: break-word;
			}
				#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {
					padding-left:10px;
					border-left:0;
				}	

/*------------------ Table Structures ------------------*/	
#nav-left #content-table {
	float:left;
	width:343px;
	background:#fff;
}
	#nav-left #content-table-main {
		padding:20px 0 0 0;
		width:100%;
	}
		
/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-right #navcontainer {
	float:right;
	width:177px;
	z-index:1000;
}
#nav-right .accent {
	float:left;
	width:177px;
	height:367px;
}
#nav-right #content {
	float:left;
	width:343px;
}
#nav-right #footer {
	clear:both;
	padding:10px;
	color:#fff;
}

/*------------------ Navigation Elements ------------------*/	
#nav-right #navcontainer div, #nav-right #navcontainer div h3 {
	float:left;
	display:block;
}
	#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;
		border-bottom:1px dashed #9A999A;
		padding:10px;
		text-decoration:none;
	
			width:157px;
			word-wrap: break-word;
	}
	#nav-right #navcontainer #nav-wrapper div a:hover {
		padding-left:7px;
		border-left:3px solid #fff;
	}
		#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;
			width:177px;
			visibility: hidden;
			border-right:1px solid #717171;
		}
			#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;
				word-wrap: break-word;
			}
				#nav-right #navcontainer #nav-wrapper div div.submenu a:hover {
					padding-left:10px;
					border-left:0;
				}	

/*------------------ Table Structures ------------------*/	
#nav-right #content-table {
	float:left;
	width:343px;
	background:#fff;
}
	#nav-right #content-table-main {
		padding:20px 0 0 0;
		width:100%;
	}
		
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #pagewrapper {
	width: 800px;
}
body#wide #nav-left, 
body#wide #nav-right {
	width:720px;
/*	margin-left: -360px;*/
}

/*------------------------------------ NAV-TOP ------------------------------------*/
/*Does Not Apply to Layout*/

* html body#wide #website-slogan-holder {
	width: 500px;
	padding-left: 20px;
	padding-right: 0px;
	}


/*------------------------------------ NAV-LEFT ------------------------------------*/
body#wide #nav-left #content {width:543px;}
body#wide #nav-left #content-table {width:543px;}

/*------------------------------------ NAV-RIGHT ------------------------------------*/
body#wide #nav-right #content {width:543px;}
body#wide #nav-right #content-table {width:543px;}