/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 01/23/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%;
	background:#0B0F06 url(../images/ic_031_body_bg.jpg) no-repeat 750px -5px;
}
/*
-----------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {position:relative;}
h4, h5 {margin:10px 15px;}
ul, ol {
	margin:15px;
	padding:0 0 0 25px;
}
	ol {padding:0 0 0 30px;}
.clearer {clear:both;}

/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-top, #nav-left, #nav-right {
	width:750px;
	border-bottom:5px solid #333;
}

/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */

/*------------------ Layout ------------------*/	
#nav-top #navcontainer {
	float:left;
	width:750px;
	z-index:1000;
}
#nav-top #inner {
	float:left;
	width:750px;
	background-image:url(../images/ic_031_inner_bg.gif);
	background-repeat:repeat-y;
	background-position:top right;
}
#nav-top #headertop {
	float:left;
	width:750px;
	height:91px;
	background:#333 url(../images/ic_031_headertop_bg.jpg) no-repeat top right;
}
	#nav-top #website-title {
		padding:45px 15px 15px 15px;
		width:450px;
		background-image:url(../images/ic_031_tagline_bg.gif);
		background-repeat:no-repeat;
		background-position:top right;
	}
#nav-top .accent {
	float:left;
	width:181px;
	height:378px;
}
#nav-top #content {
	float:left;
	min-height:318px;
	height:318px;
	padding-right:80px;
	width:670px;
	background:transparent url(../images/ic_031_content_bg.jpg) no-repeat top right;
}
	#nav-top div[id] #content {height:auto;}
	#nav-top #website-slogan {
		/*--- Width and padding for IE5/Win only --*/
			padding:25px 0 20px 15px;
			width:670px;
		background-image:url(../images/ic_031_tagline_bg.gif);
		background-repeat:no-repeat;
		background-position:top right;
		/*--- Proper width and padding for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			padding:25px 10px 20px 15px;
			width:645px;
	}
#nav-top #footer {
	padding:10px;
	clear:both;
	color:#666;
	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-left:1px solid #fff;
	}
	#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:180px;
			border-top:1px solid #fff;
		}
			#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:158px;
				border-bottom:1px solid #fff;
				border-left:1px solid #fff;
				border-right:1px solid #fff;
				padding:10px 10px 5px 10px;
				text-decoration:none;
			}
			#nav-top #navcontainer #nav-wrapper div div.submenu a:hover {
				padding-left:7px;
				border-left:4px solid #fff;
			}		

/*------------------ Table Structures ------------------*/	
#nav-top #content-table {
	float:left;
	width:670px;
	border-top:1px solid #fff;
}
	#nav-top #content-table-main {width:100%;}
		#nav-top #content-table-main p {padding:10px 20px 10px 15px;}
	#nav-top #content-table-sub {
		display:block;
		width:181px;
		height:378px;
	}
		* html #nav-top #content-table-sub {
			padding:378px 0 0 181px;
		}
		
/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */

/*------------------ Layout ------------------*/	
#nav-left #navcontainer {
	float:left;
	width:181px;
	z-index:1000;
}
#nav-left #inner {
	float:left;
	background-image:url(../images/ic_031_inner_bg.gif);
	background-repeat:repeat-y;
	background-position:top right;
}
#nav-left #headertop {
	float:left;
	width:569px;
	height:124px;
	background:#333 url(../images/ic_031_headertop_bg.jpg) no-repeat 489px 33px;
}
	#nav-left #website-title {
		padding:45px 15px 15px 15px;
		width:400px;
		background-image:url(../images/ic_031_tagline_bg.gif);
		background-repeat:no-repeat;
		background-position:top right;
	}
#nav-left .accent {
	float:left;
	width:181px;
	height:378px;
}
#nav-left #content {
	float:left;
	min-height:318px;
	height:318px;
	padding-right:80px;
	width:489px;
	background:transparent url(../images/ic_031_content_bg.jpg) no-repeat top right;
}
	#nav-left div[id] #content {height:auto;}
	#nav-left #website-slogan {
		/*--- Width and padding for IE5/Win only --*/
			padding:25px 0 20px 15px;
			width:489px;
		background-image:url(../images/ic_031_tagline_bg.gif);
		background-repeat:no-repeat;
		background-position:top right;
		/*--- Proper width and padding for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			padding:25px 10px 20px 15px;
			width:464px;
	}
#nav-left #footer {
	padding:10px;
	float:left;
	width:730px;
	color:#999;
	background:#333;
}


/*------------------ 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/Win only --*/
			width:181px;
		text-decoration:none;
		border-bottom:1px solid #fff;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:161px;
	}
	#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;
			border-left:1px solid #fff;
			width:180px;
		}
			#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:131px;
				margin:0;
			}
				#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:489px;
}
	#nav-left #content-table-main {width:100%;}
		#nav-left #content-table-main p {padding:10px 20px 10px 15px;}
	#nav-left #content-table-sub {
		display:block;
		width:181px;
		height:378px;
	}
		* html #nav-left #content-table-sub {
			padding:378px 0 0 181px;
		}
		
/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */

/*------------------ Layout ------------------*/	
#nav-right #navcontainer {
	position:absolute;
	display:block;
	width:181px;
	top:0;
	right:80px;
	z-index:1000;
}
	#nav-right #navcontainer #nav-wrapper {z-index:1000;}
#nav-right #inner {
	float:left;
	width:750px;
	background-image:url(../images/ic_031_inner_bg.gif);
	background-repeat:repeat-y;
	background-position:top right;
}
#nav-right #headertop {
	float:left;
	width:750px;
	height:124px;
	background:#333 url(../images/ic_031_headertop_bg.jpg) no-repeat 670px 33px;
}
	#nav-right #website-title {
		float:left;
		padding:45px 15px 15px 15px;
		background-image:url(../images/ic_031_tagline_bg.gif);
		background-repeat:no-repeat;
		background-position:top right;
	}
#nav-right .accent {
	float:left;
	width:181px;
	height:378px;
}
#nav-right #content {
	float:left;
	min-height:318px;
	height:318px;
	padding-right:0;
	width:750px;
	background:transparent url(../images/ic_031_content_bg.jpg) no-repeat top right;
	/*--- Proper width and padding for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		padding-right:80px;
		width:670px;
}
	#nav-right div[id] #content {height:auto;} /* For FF */
	#nav-right #website-slogan {
		padding:25px 10px 20px 15px;
		width:645px;
		background-image:url(../images/ic_031_tagline_bg.gif);
		background-repeat:no-repeat;
		background-position:top right;
	}
#nav-right #footer {
	padding:10px;
	float:left;
	width:730px;
	color:#999;
	background:#333;
}

/*------------------ 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/Win only --*/
			width:181px;
		text-decoration:none;
		border-bottom:1px solid #fff;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:161px;
	}
	#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;
			visibility: hidden;
			width:181px;
		}
		/* Positioning fix for IE */
			* html #nav-right #navcontainer #nav-wrapper div div.submenu {
				/*--- margin  for IE5/Win only --*/
					margin:0;
				/*--- proper margin for IE6s --*/
					voice-family: "\"}\"";
					voice-family:inherit;
					margin:0 0 0 -181px;
			}
			#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 {
				border-right:1px solid #fff;
			}
				#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:489px;
}
	#nav-right #content-table-main {width:100%;}
		#nav-right #content-table-main p {padding:10px 20px 10px 15px;}
	#nav-right #content-table-sub {
		display:block;
		width:181px;
		height:378px;
	}
		* html #nav-right #content-table-sub {
			padding:378px 0 0 181px;
		}

/*
-----------------------------------------------------------------------------------------
=accent-none
-------------------------------------------------------------------------------------- */
#nav-top #content-table-sub.accent-none, 
#nav-left #content-table-sub.accent-none,
#nav-right #content-table-sub.accent-none {
	width:0;
	height:0;
	padding:0;
}