/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 01/24/2006
Last Modified: 03/02/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything */
body {
	width:100%;
	height: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;}
#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 {
	float:left;
	width:100%;
}
#website-title {
	float:left;
	padding:25px 15px 0 15px;
}
#website-slogan {
	float:left;
	padding:10px 10px 20px 10px;
}	
.accent-none {display:none;}

#pagewrap {

	background-image:url(../images/ic_033_body_bg.png);
	background-repeat:no-repeat;
	background-position:top left;
}
/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-top #top-margin {
	float:left;
	width:100%;
	height:10px;
	display:block;
}
#nav-top #headertop {
	float:left;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
	min-height:85px;
	height:77px;
}
	#nav-top div[id] #headertop {height:auto;}
#nav-top #inner {
	float:left;
	width:750px;
}
#nav-top #navcontainer {
	clear:both;
	float:left;
	width:100%;
	min-height:30px;
	height:30px;
	z-index:1000;
}
	#nav-top div[id] #navcontainer {height:auto;}
	#nav-top #navcontainer #nav-wrapper {
		float:left;
		width:100%;
		z-index:1000;
	}
#nav-top #slogan-container {
	float:left;
	width:175px;
	padding:170px 0 0 0;
    /*overflow has been added to reduce increase width of the slogan div element */
    overflow:hidden;

}
#nav-top .accent {
	float:left;
	width:175px;
	height:352px;
}	
#nav-top #content {
	float:right;
	width:575px;
	background:#fff;
}
#nav-top #footer {
	clear:both;
	padding:10px 0 125px 10px;
	color:#555;
	background:#fff;
	/*border-top:1px dashed #999;*/
}


/*------------------ Navigation Elements ------------------*/	
#nav-top #navcontainer div, #nav-top #navcontainer 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;
		border-right:1px dashed #E3B171;
		white-space: nowrap;
	}
	#nav-top #navcontainer #nav-wrapper div a:hover {
		padding-bottom:7px;
		border-bottom:3px solid #fff;
	}
		#nav-top #navcontainer #nav-wrapper div div.submenu, 
		#nav-top #navcontainer #nav-wrapper div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-top #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			width:165px;
		}
			#nav-top #navcontainer #nav-wrapper div div.submenu div {display:block;}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:link, 
			#nav-top #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-top #navcontainer #nav-wrapper div div.submenu a:visited {
				float:left;
				width:145px;
				padding:10px 10px 5px 10px;
				text-decoration:none;
				border-top:1px solid #E3B171;
				border-right:0;
				word-wrap: break-word;
				white-space: normal;
			}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-bottom:5px;
				border-bottom:0;
			}

/*------------------ Table Structures ------------------*/	
#nav-top #content-table {
	float:left;
	width:575px;;
}
	#nav-top #content-table-main {width:100%;}
		#nav-top #content-table-main p {padding:20px 20px 10px 15px;}
		
/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-left #top-margin {
	float:left;
	width:100%;
	height:10px;
	display:block;
}
#nav-left #headertop {
	float:left;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
	min-height:85px;
	height:77px;
}
	#nav-left div[id] #headertop {height:auto;}
#nav-left #inner {
	float:left;
	width:750px;
}
#nav-left #navcontainer {
	float:left;
	width:165px;
	/*--- padding for IE5 adjustment ---*/
		padding:0;
	z-index:1000;
	/*--- Proper padding for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		padding:140px 0 0 0;
}
	#nav-left #navcontainer #nav-wrapper {
		float:left;
		padding-top:10px;
		width:165px;
		z-index:1000;
	}
#nav-left #slogan-container {
	float:left;
	width:175px;
	/*--- padding for IE5 adjustment ---*/
		padding:0;
	/*--- Proper padding for all other browsers --*/
	voice-family: "\"}\"";
	voice-family:inherit;
	padding:85px 0 0 0;
	/*overflow has been added to reduce increase width of the slogan div element */
	overflow:hidden;
}
#nav-left .accent {
	float:left;
	width:175px;
	height:352px;
}	
#nav-left #content {
	float:left;
	width:410px;
	background:#fff;
}
#nav-left #footer {
	clear:both;
	padding:10px 0 125px 10px;
	color:#555;
	background:#fff;
	/*border-top:1px dashed #999;*/
}


/*------------------ 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;
		padding:10px;
		/*--- width for IE5 --*/
			width:165px;
		text-decoration:none;
		border-bottom:1px dashed #E3B171;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:145px;
			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;
			visibility: hidden;
			width:165px;
			border-left:1px solid #E3B171;
		}
			#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:145px;
				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:410px;;
}
	#nav-left #content-table-main {width:100%;}
		#nav-left #content-table-main p {padding:20px 20px 10px 15px;}
		
/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-right #top-margin {
	float:left;
	width:100%;
	height:10px;
	display:block;
}
#nav-right #headertop {
	float:left;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:2px solid #fff;
	min-height:85px;
	height:77px;
}
	#nav-right div[id] #headertop {height:auto;}
#nav-right #inner {
	float:left;
	width:750px;
}
#nav-right #navcontainer {
	float:right;
	width:165px;
	z-index:1000;
}
	#nav-right #navcontainer #nav-wrapper {
		float:left;
		padding:10px 0 25px 0;
		width:165px;
		z-index:1000;
	}
#nav-right #slogan-container {
	float:left;
	width:175px;
	/*--- padding for IE5 adjustment ---*/
		padding:0;
	/*--- Proper padding for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		padding:200px 0 0 0;
	 /*overflow has been added to reduce increase width of the slogan div element */
	overflow:hidden;
}
#nav-right .accent {
	float:left;
	width:175px;
	height:352px;
}	
#nav-right #content {
	float:left;
	width:410px;
	background:#fff;
}
#nav-right #footer {
	clear:both;
	padding:10px 0 10px 10px;
	color:#555;
	background:#fff;
	/*border-top:1px dashed #999;*/
	font-size:11px;
}
/*------------------ Navigation Elements ------------------*/	
#nav-right #navcontainer div, #nav-right #navcontainer 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 for IE5 --*/
			width:165px;
		text-decoration:none;
		border-bottom:1px dashed #E3B171;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:145px;
			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-left #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:165px;
		}
			#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;
				border-right:1px solid #E3B171;
				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:410px;;
}
	#nav-right #content-table-main {width:100%;}
		#nav-right #content-table-main p {padding:20px 20px 10px 15px;}
		

		
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #pagewrap {

	background-image:url(../images/ic_033_body_bg_wide.png);
	background-repeat:no-repeat;
	background-position:top left;
}

/*------------------------------------ NAV-TOP ------------------------------------*/
body#wide #nav-top #inner {width:990px;}
body#wide #nav-top #content {width:815px;}
body#wide #nav-top #content-table {width:815px;}

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

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