/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 03/9/2006
Last Modified: 03/09/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything */
body {width:100%;}
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */

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;}
#docwrapper {clear:both;}
/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
* html #printwrap {
	position:absolute;
	top:0;
	left:0;
	width:1000px;
	height:100%;
}
#nav-left, #nav-right {
	width:100%;
	height:100%;
	float:left;
}
#nav-right #inner {
	float:left;
	width:50%;
}
#nav-right #headertop {margin:0 0 0 50%;}
#nav-left #inner {
	float:right;
	width:50%;
}
#nav-left #headertop {margin:0 50% 0 0;}
.accent {
	float:left;
	width:443px;
	height:144px;
}
#docwrapper {
	position:absolute;
	bottom:0;
	left:0;
	height:0 !important;
	line-height:0;
}
#website-title {
	float:left;
	padding:10px 0;
}
#website-slogan {
	float:left;
	padding:10px;
}

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


/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-left #inner #inner-container {
	float:left;
	padding:3px 0 0 3px;
	width:447px;
	text-align:left;
}
	#nav-left #inner #inner-container #accent-container {
		float:left;
		padding:0 4px 0 0;
		width:443px;
	}
		#nav-left #inner #inner-container #accent-container #website-slogan {float:left;}
	#nav-left #inner #inner-container #content {
		float:left;
		padding:0 0 0 4px;
		width:443px;
	}
		#nav-left #inner #inner-container #content #content-table {
			float:left;
			width:443px;
		}
		#nav-left #inner #inner-container #content #footer {
			padding:10px;
		}
#nav-left #headertop #headertop-container {
	float:right;
	width:300px;
	text-align:left;
}
	#nav-left #headertop #headertop-container #website-title {
		float:left;
		padding:20px 0 20px 20px;
		width:280px;
	}
	#nav-left #headertop #headertop-container #navcontainer {
		float:right;
		padding:85px 0 0 0;
		width:280px;
	}
		#nav-left #headertop #headertop-container #navcontainer #nav-wrapper {
			width:280px;
			text-align:right;
		}

/*------------------ Navigation Elements ------------------*/
#nav-left #navcontainer #nav-wrapper div, #nav-left #navcontainer #nav-wrapper div h3 {
	float:right;
	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;
		/*--- width for IE5 --*/
			width:280px;
		padding:10px;
		text-decoration:none;
		/*--- width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:260px;
			word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {padding-top:10px;}
		#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:280px;
		}
			#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;
				word-wrap: break-word;
			}
			#nav-left #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-top:10px;
				border-top:0;
			}

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

	
/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-right #inner #inner-container {
	float:right;
	padding:3px 3px 0 0;
	width:447px;
	text-align:left;
}
	#nav-right #inner #inner-container #accent-container {
		float:left;
		padding:0 0 0 4px;
		width:443px;
	}
	#nav-right #inner #inner-container #content {
		float:left;
		padding:0 0 0 4px;
		width:443px;
	}
		#nav-right #inner #inner-container #content #content-table {
			float:left;
			width:443px;
		}
		#nav-right #inner #inner-container #content #footer {
			padding:10px;
		}
#nav-right #headertop #headertop-container {
	float:left;
	width:300px;
	text-align:left;
}
	#nav-right #headertop #headertop-container #website-title {
		float:left;
		padding:20px 0 20px 20px;
		width:280px;
	}
	#nav-right #headertop #headertop-container #navcontainer {
		float:left;
		padding:85px 0 0 0;
		width:280px;
	}
		#nav-right #headertop #headertop-container #navcontainer #nav-wrapper {width:280px;}

/*------------------ Navigation Elements ------------------*/
#nav-right #navcontainer #nav-wrapper div, #nav-right #navcontainer #nav-wrapper div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-right #navcontainer #nav-wrapper div {width:177px;}
	#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;
		/*--- width for IE5 --*/
			width:280px;
		padding:10px;
		text-decoration:none;
		/*--- width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:260px;
			word-wrap: break-word;
	}
	#nav-right #navcontainer #nav-wrapper div a:hover {padding-top:10px;}
		#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;
			width:280px;
		}
			#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;
				word-wrap: break-word;
			}
			#nav-right #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-top:10px;
				border-top:0;
			}

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