/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 08/09/2006
Last Modified: 08/15/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything */
body {
	width:100%;
	text-align:center;
}
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
* html #printwrap {
	position:absolute;
	top:0;
	left:0;
}
h1, h2, h3, h4, h5, h6 {margin:10px;}
h1#website-title {margin:0;}
h2#website-slogan {margin:0;}
#navcontainer div h3 {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
-------------------------------------------------------------------------------------- */
#nav-top, #nav-left, #nav-right {
	margin:0 auto;
	width: 750px;
	text-align: left;
}

.accent {
	float:left;
	height:360px;
	border:4px solid #fff;
	_border: 0px solid #FFF;
	width:249px;
	_width: 180px;
	overflow: hidden;
}

* html div.accent img {
	width: 200px;
	height: 270px;
}

#inner {float:left;width:488px;}
	
#website-title {
	float:right;
	padding:10px 20px;
}
#website-slogan {
	clear:right;
	float:right;
	padding:0 20px 20px 20px;
}

/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/
#nav-top #header-nav-container {float:left;width: 100%;}
#nav-top #headertop {padding:0 0 30px 0;width: 100%;}
#nav-top #navcontainer {
	float:left;
	border-bottom:0px solid #fff;
	width: 100%;
}
	#nav-top #navcontainer #nav-wrapper {float:left;width: 100%;}
#nav-top #content {padding:10px 0 0 0;}
#nav-top #footer {
	clear:both;
	padding:10px;
}	

#nav-top #content-wrap {	
	float:left;
	width:675px;
}

/*------------------ Navigation Elements ------------------*/
#nav-top #navcontainer #nav-wrapper div, #nav-top #navcontainer #nav-wrapper div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-top #navcontainer #nav-wrapper div a:link, 
	#nav-top #navcontainer #nav-wrapper div a:active, 
	#nav-top #navcontainer #nav-wrapper div a:visited {
		float:left;
		padding:10px;
		text-decoration:none;
	}
	#nav-top #navcontainer #nav-wrapper div a:hover {padding-top:10px;}
		#nav-top #navcontainer #nav-wrapper div div.submenu {display:none;}
			
/*------------------ Table Structures ------------------*/	
#nav-top #content-table {float:left;}
	#nav-top #content-table-main {width:100%;}
	#nav-top #content-table-main p {margin:10px 10px 15px 10px;}
	
/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/
#nav-left #inner {width:450px;}
#nav-left #header-nav-container {
	float:left;
	border-bottom:4px solid #fff;
}
#nav-left #headertop {
	float:right;
	width:320px;
}

#website-title {
	float:right!important;
	padding:10px 20px;
}
#website-slogan {
	clear:right;
	float:right!important;
	padding:0 20px 20px 20px;
}

#nav-left #navcontainer {
	float:left;
	width:130px;
	z-index:1000;
}
#nav-left #content {padding:10px 0 0 0;}
	#nav-left #inner #content #content-table {float:left;}
#nav-left #footer {
	clear:both;
	padding:10px;
}	

#nav-left #content-wrap {	
	float:left;
	width:660px;
}

/*------------------ 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:10px;
		width:110px;
		text-decoration:none;
		word-wrap: break-word;
	}
	#nav-left #navcontainer #nav-wrapper div a:hover {padding-top:10px;}
		#nav-left #navcontainer #nav-wrapper div div.submenu {display:none;}
			
/*------------------ Table Structures ------------------*/	
#nav-left #content-table-main {width:100%;}
	#nav-left #content-table-main p {margin:10px 10px 15px 10px;}	
	
/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/
#nav-right #header-nav-container {
	float:left;
	width:493px;
	border-bottom:4px solid #fff;
	z-index:1000;
}
#nav-right #headertop {
	float:left;
	width:359px;
}
	#nav-right #website-title {
		float:left!important;
		padding:10px 20px;
	}
	#nav-right #website-slogan {
		clear:left;
		float:left!important;
		padding:0 20px 20px 20px;
	}
#nav-right #navcontainer {
	float:right;
	width:130px;
	z-index:1000;
}
	#nav-right #navcontainer #nav-wrapper {
		float:left;
		z-index:1000;
	}
#nav-right #content {
	clear:both;
	float:left;
	padding:10px 0 0 0;
	width:493px;
}
	#nav-right #inner #content #content-table {
		float:left;
		padding:0 20px 0 0;
		width:473px;
	}
#nav-right #footer {
	clear:both;
	padding:10px;
}	


/*------------------ 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 a:link, 
	#nav-right #navcontainer #nav-wrapper div a:active, 
	#nav-right #navcontainer #nav-wrapper div a:visited {
		float:left;
		padding:10px;
		width:110px;
		text-decoration:none;
		word-wrap: break-word;
	}
	#nav-right #navcontainer #nav-wrapper div a:hover {padding-top:10px;}
		#nav-right #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			width:160px;
			border:1px solid #fff;
			border-top:0;
			margin-left:-2px;
		}
			#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 Adjustment for IE5 --*/
					width:160px;
				border-top:1px solid #fff;
				/*--- Proper width for all other browsers --*/
					voice-family: "\"}\"";
					voice-family:inherit;
					width:140px;
					word-wrap: break-word;
			}
			#nav-right #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-top:10px;
			}
/*------------------ Table Structures ------------------*/	
#nav-left #content-table-main {width:100%;}
	#nav-left #content-table-main p {margin:10px 10px 15px 10px;}	
	
		
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #nav-top,
body#wide #nav-left,
body#wide #nav-right {width: 990px;}
body#wide #content-wrap {width:990px;}
body#wide #inner {
	/*--- Width adjustment for IE5 --*/
		width:741px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:733px;
}

/*------------------------------------ NAV-TOP ------------------------------------*/
body#wide #nav-top #header-nav-container {
	/*--- Width adjustment for IE5 --*/
		width:741px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:733px;
}
body#wide #nav-top #headertop {
	/*--- Width adjustment for IE5 --*/
		width:741px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:733px;
}
body#wide #nav-top #navcontainer {
	/*--- Width adjustment for IE5 --*/
		width:741px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:733px;
}
body#wide #nav-top #content {
	/*--- Width adjustment for IE5 --*/
		width:741px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:733px;
}

/*------------------------------------ NAV-LEFT ------------------------------------*/
body#wide #nav-left #header-nav-container {width:733px;}
body#wide #nav-left #headertop {width:603px;}
body#wide #nav-left #content {width:733px;}
	body#wide #nav-left #inner #content #content-table {width:713px;}


/*------------------------------------ NAV-RIGHT ------------------------------------*/	
body#wide #nav-right #header-nav-container {width:733px;}
body#wide #nav-right #headertop {width:603px;}
body#wide #nav-right #content {width:733px;}
	body#wide #nav-right #inner #content #content-table {width:713px;}