/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 12/28/2005
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%;
}
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {position:relative;}
#printwrap {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;}
#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:748px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	text-align:left;
}
#pagewrap {
	width:100%;
	background:#fff url(../images/ic_013_body_bg.gif) no-repeat fixed 50% 0;
	text-align:center;
}
#inner {
	float:left;
	width:748px;
}

/*------------------ nav-top does not apply to this template ------------------*/
/*------------------ nav-left ------------------*/	
#nav-left #content {
	float:right;
	width:427px;
	
}
#nav-left #headertop {
	float:left;
	width:427px;
}
#nav-left #navcontainer {
	float:left;
	width:320px;
}
	#nav-left #navcontainer #nav-wrapper {
		float:left;
		width:320px;
		border-bottom:1px solid #fff;
		z-index:1000;
	}
	#nav-left #navcontainer #image-container {
		float:left;
		padding:10px;
		min-height:381px;
		height:381px;
		width:300px;
		background:#fff url(../images/ic_013_nav_bg_2.gif) no-repeat top right;
	}
		#nav-left #navcontainer div[id] #image-container {height:auto;}
		#nav-left #navcontainer #image-container div.accent {
			width:300px;
			height:259px;
		}
#nav-left #footer {
	clear:both;
	padding:10px;
	color:#fff;
}
/*------------------ nav-right ------------------*/
#nav-right #content {
	float:left;
	width:427px;
	
}
#nav-right #headertop {
	float:left;
	width:427px;
}
#nav-right #navcontainer {
	float:right;
	width:320px;
}
	#nav-right #navcontainer #nav-wrapper {
		float:left;
		width:320px;
		border-bottom:1px solid #fff;
		z-index:1000;
	}
	#nav-right #navcontainer #image-container {
		float:left;
		padding:10px;
		min-height:381px;
		height:381px;
		width:276px;
		background:#fff url(../images/ic_013_nav_bg.gif) no-repeat top left;
	}
		#nav-right #navcontainer div[id] #image-container {height:auto;}
		#nav-right #navcontainer #image-container div.accent {
			width:300px;
			height:259px;
		}
#nav-right #footer {
	clear:both;
	padding:10px;
	color:#fff;
}
/*
-----------------------------------------------------------------------------------------
=#headertop
-------------------------------------------------------------------------------------- */	
#website-title {padding:32px 0 10px 12px;}
#website-slogan {
	padding:30px 15px 10px 15px;
}
/*
-----------------------------------------------------------------------------------------
Navigation Elements
-------------------------------------------------------------------------------------- */

/*------------------ nav-left ------------------*/		
#nav-left #navcontainer div, #nav-left #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-left #navcontainer div a:link, #nav-left #navcontainer div a:active, #nav-left #navcontainer div a:visited {
		float:left;
		/*--- Width for IE5/Win only --*/
			width:310px;
		border-top:1px dashed #ccc;
		padding:10px;
		margin:0 5px;
		text-decoration:none;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:290px;
			word-wrap: break-word;
	}
	#nav-left #navcontainer div a:hover {border-left:0;}
		#nav-left #navcontainer div div.submenu, #nav-left #navcontainer div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-left #navcontainer div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			border-left:1px solid #fff;
			width:200px;
		}
			#nav-left #navcontainer div div.submenu div {display:block;}
			#nav-left #navcontainer div div.submenu a:link, #nav-left #navcontainer div div.submenu a:active, #nav-left #navcontainer div div.submenu a:visited {
				float:left;
				width:180px;
				margin:0;
				word-wrap: break-word;
			}
				#nav-left #navcontainer div div.submenu a:hover {padding-left:10px;}		
/*------------------ nav-right ------------------*/		
#nav-right #navcontainer div, #nav-right #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-right #navcontainer div a:link, #nav-right #navcontainer div a:active, #nav-right #navcontainer div a:visited {
		float:left;
		/*--- Width for IE5/Win only --*/
			width:310px;
		border-top:1px dashed #ccc;
		padding:10px;
		margin:0 5px;
		text-decoration:none;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:290px;
			word-wrap: break-word;
	}
	#nav-right #navcontainer div a:hover {border-left:0;}
		#nav-right #navcontainer div div.submenu, #nav-right #navcontainer div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-right #navcontainer div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			border-right:1px solid #fff;
			width:200px;
		}
			#nav-right #navcontainer div div.submenu div {display:block;}
			#nav-right #navcontainer div div.submenu a:link, #nav-right #navcontainer div div.submenu a:active, #nav-right #navcontainer div div.submenu a:visited {
				float:left;
				/*--- Width for IE5/Win only --*/
					width:200px;
				margin:0;
				/*--- Proper width for all other browsers --*/
					voice-family: "\"}\"";
					voice-family:inherit;
					width:180px;
					word-wrap: break-word;
			}
				#nav-right #navcontainer div div.submenu a:hover {padding-left:10px;}		
/*
-----------------------------------------------------------------------------------------
Table Structures
-------------------------------------------------------------------------------------- */

/*------------------ nav-left ------------------*/		
#nav-left #content-table {
	float:left;
	width:426px;
}
	#nav-left #content-table-main {width:100%;}
		#nav-left #content-table-main p {padding:10px 20px 10px 15px;}

/*------------------ nav-right ------------------*/		
#nav-right #content-table {
	float:left;
	width:426px;
}
	#nav-right #content-table-main {width:100%;}
		#nav-right #content-table-main p {padding:10px 20px 10px 15px;}

/*------------------ no-accent adjustments ------------------*/		
.accent-none {display:none;}



/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #nav-top, body#wide #nav-left, body#wide #nav-right {width:948px;}
body#wide #inner {width:948px;}

body#wide #pagewrap {
background:#fff url(../images/ic_013_body_bg_wide.gif) no-repeat fixed 50% 0;
}

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

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

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