/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 03/14/2006
Last Modified: 03/14/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}  /* zero out everything */
body {
	width:100%;
	background:#000;
	text-align:center;
}
/*
-----------------------------------------------------------------------------------------
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 {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-375px;
	width:750px;
	height:100%;
	text-align:left;
	
}
#website-title {
	float:left;
}
#website-slogan {
	float:left;
}
.accent-none {display:none;}
.accent {
	float:left;
	width:545px;
	height:313px;
}
	.accent #ac-1 {
		position:absolute;
		left:0;
		top:0;
		width:390px;
		height:320px;
		filter: alpha(opacity=50);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 0.50; /* for older versions of Moz/FF */
		opacity:0.50;
		background:url(../images/shad1.gif) no-repeat 0 0;
	}
	.accent #ac-2 {
		position:absolute;
		left:0;
		top:0;
		width:390px;
		height:320px;
		filter: alpha(opacity=42);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=42);
		-moz-opacity: 0.42; /* for older versions of Moz/FF */
		opacity:0.42;
		background:url(../images/shad2.gif) no-repeat 0 0;
	}
	.accent #ac-3 {
		position:absolute;
		left:0;
		top:0;
		width:390px;
		height:320px;
		filter: alpha(opacity=30);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
		-moz-opacity: 0.30; /* for older versions of Moz/FF */
		opacity:0.30;
		background:url(../images/shad3.gif) no-repeat 0 0;
	}
	.accent #ac-4 {
		position:absolute;
		left:0;
		top:0;
		width:390px;
		height:320px;
		filter: alpha(opacity=25);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
		-moz-opacity: 0.25; /* for older versions of Moz/FF */
		opacity:0.25;
		background:url(../images/shad4.gif) no-repeat 0 0;
	}
	.accent #ac-5 {
		position:absolute;
		left:0;
		top:0;
		width:390px;
		height:320px;
		filter: alpha(opacity=20);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
		-moz-opacity: 0.20; /* for older versions of Moz/FF */
		opacity:0.20;
		background:url(../images/shad5.gif) no-repeat 0 0;
	}
	.accent #ac-6 {
		position:absolute;
		left:0;
		top:0;
		width:390px;
		height:320px;
		filter: alpha(opacity=15);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
		-moz-opacity: 0.15; /* for older versions of Moz/FF */
		opacity:0.15;
		background:url(../images/shad6.gif) no-repeat 0 0;
	}
	.accent #ac-7 {
		position:absolute;
		left:0;
		top:0;
		width:390px;
		height:320px;
		filter: alpha(opacity=10);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
		-moz-opacity: 0.10; /* for older versions of Moz/FF */
		opacity:0.10;
		background:url(../images/shad7.gif) no-repeat 0 0;
	}
	.accent #ac-8 {
		position:absolute;
		left:0;
		top:0;
		width:390px;
		height:320px;
		filter: alpha(opacity=5);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=5);
		-moz-opacity: 0.05; /* for older versions of Moz/FF */
		opacity:0.05;
		background:url(../images/shad8.gif) no-repeat 0 0;
	}
#footer {clear:both;padding:0 10px;}

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


/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
#nav-left #base {
	position:relative;
	top:0;
	left:0;
	width:750px;
	z-index:0;
}
#nav-left #base #headertop {
	float:left;
	width:750px;
}
	#nav-left #base #multiple-curve {
		position:absolute;
		top:0;
		left:0;
	}
#nav-left #base #bottom-gradient {
	float:left;
	margin:150px 4px 0 4px;
	width:742px;
}
/*--- width and margin adjustment for IE ---*/
	* html #nav-left #base #bottom-gradient {margin:150px 2px 0 2px;}
#nav-left #inner {
	position:absolute;
	top:0;
	left:0;
	width:746px;
	z-index:1000;
}
	#nav-left #inner #headertop-content {
		float:left;
		padding:0 0 0 410px;
		width:336px;
	}
		#nav-left #inner #headertop-content #website-title {
			float:left;
			padding:10px 0 5px 0;
			width:336px;
		}
	#nav-left #inner #navcontainer {
		float:left;
		width:240px;
		z-index:1000;
	}
		#nav-left #inner #navcontainer #nav-wrapper {
			float:left;
			padding:120px 0 0 90px;
			width:150px;
			z-index:1000;
		}
	#nav-left #inner #content {
		float:left;
		padding:30px 0 0 0;
		width:506px;
	}

/*------------------ Navigation Elements ------------------*/
#nav-left #inner #navcontainer #nav-wrapper div, #nav-left #inner #navcontainer #nav-wrapper div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-left #inner #navcontainer #nav-wrapper div a:link, 
	#nav-left #inner #navcontainer #nav-wrapper div a:active, 
	#nav-left #inner #navcontainer #nav-wrapper div a:visited {
		float:left;
		margin:2px 0 2px 0;
		padding:5px;
		width:140px;
		text-decoration:none;
		word-wrap: break-word;
	}
	#nav-left #inner #navcontainer #nav-wrapper div a:hover {padding-top:5px;}
		#nav-left #inner #navcontainer #nav-wrapper div div.submenu, 
		#nav-left #inner #navcontainer #nav-wrapper div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-left #inner #navcontainer #nav-wrapper div div.submenu {
			position:absolute;
			top:0;
			left:0;
			margin:-2px 0 0 -89px;
			visibility: hidden;
			width:240px;
		}
			#nav-left #inner #navcontainer #nav-wrapper div div.submenu div {
				display:block;
				margin:0;
			}
			#nav-left #inner #navcontainer #nav-wrapper div div.submenu a:link, 
			#nav-left #inner #navcontainer #nav-wrapper div div.submenu a:active, 
			#nav-left #inner #navcontainer #nav-wrapper div div.submenu a:visited {
				float:left;
				padding:5px;
				word-wrap: break-word;
			}
			#nav-left #inner #navcontainer #nav-wrapper div div.submenu a:hover {padding-top:5px;}

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

		
		
/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #nav-left {
	margin-left:-450px;
	width:900px;
}
body#wide #nav-left #base {width:900px;}
body#wide #nav-left #base #headertop {width:900px;}
body#wide #nav-left #base #bottom-gradient {width:892px;}
body#wide #nav-left #inner {width:900px;}
	body#wide #nav-left #inner #content {width:660px;}