/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 02/07/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:#000;
}
/*
-----------------------------------------------------------------------------------------
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;}
ul, ol {
	margin:10px;
	padding:0 0 0 20px;
}
ol {padding:0 0 0 30px;}
blockquote {margin:10px 10px 10px 40px;}
.clearer {clear:both;}
.accent-none {background-image:none;}
/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-top {
	position: absolute;
	/* top: 50%; */
	left: 50%;
	margin-top: 100px;
	margin-left: -375px;
	padding:5px;
	width: 740px;
/*	height: 555px;*/
	text-align: left;
	visibility: visible;
}
#inner {
	float:left;
	width:738px;
	border:1px solid #000;
	background:#fff;
}
#accent-container-wrapper {
	float:left;
	/* --- width for IE5 --*/
		width:199px;
	min-height:546px;
	height:546px;
	border-right:1px solid #000;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:200px;
}
#accent-container.accent {
	float:left;
	/* --- width for IE5 --*/
		width:199px;
	min-height:510px;
	height:510px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:200px;
}
#accent-container.accent-none {
	float:left;
	/* --- width for IE5 --*/
		width:199px;
	min-height:510px;
	height:510px;

	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:200px;
}
	div[id] #accent-container.accent {height:auto;}
	#accent-png {
		position: absolute;
		left:0;
		top:0;
		width:48px;
		height:510px;
		background:url(../images/ic_036_pngcover.png) no-repeat top left;
	}
#accent-top-spc	{
	border-top: 36px solid #000;
	/* --- width for IE5 --*/
		width:199px;
	
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:200px;
}
#website-title {
	text-align: left;
	padding:5px 12px 5px 12px;
	}
#website-slogan {
	float:left;
	width:537px;
	min-height:31px;
	height:31px;
	padding:5px 0 0 0;
	text-align:center;
	background-image:url(../images/ic_036_titles_bg.gif);
}
	div[id] #website-slogan {height:auto;}
/*
-----------------------------------------------------------------------------------------
=#NAV-TOP
-------------------------------------------------------------------------------------- */
/*------------------ Layout ------------------*/	
#nav-top #headertop {
	float:left;
	width:537px;
	min-height:36px;
	height:36px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
	background-image:url(../images/ic_036_titles_bg.gif);
}
	#nav-top .accent div[id] #headertop {height:auto;} /* min-height adjustment */
#nav-top #navcontainer {
	float:left;
	width:537px;
	background:#000;
	z-index:1000;
}
#nav-top #content {
	float:left;
	width:537px;
	height:400px;
  	/* overflow:auto; */
	border-bottom:1px solid #000;
	z-index:0;
}
#nav-top #footer {
	clear:both;
	/*--- width for IE5 --*/
		width:738px;
	padding:10px;
	color:#fff;
	border:1px solid #000;
	border-top:0;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:718px;
}
* html #nav-top #footer {margin-top:-5px;}

/*------------------ Navigation Elements ------------------*/	
#nav-top #navcontainer div, #nav-top #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
}
	#nav-top #navcontainer div a:link, 
	#nav-top #navcontainer div a:active, 
	#nav-top #navcontainer div a:visited {
		border-right:1px solid #000;
		/* --- width for IE5 ---*/
			/*width:60px;*/
		/*height:24px;*/
		padding:5px;
		text-decoration:none;
		display:table-cell;
		text-align:center;
		/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			/*width:55px;*/
		white-space: nowrap;
	}
		* html #nav-top #navcontainer div a:link, 
		* html #nav-top #navcontainer div a:active, 
		* html #nav-top #navcontainer div a:visited  {
			float:left;
			cursor:pointer;
			height:30px;
			padding-bottom:0;
		}
	#nav-top #navcontainer div a:hover {
		padding-bottom:2px;
		border-bottom:3px solid #fff;
	}
		* html #nav-top #navcontainer div a:hover {
			float:left;
			padding-bottom:0;
			border-bottom:0;
		}
		#nav-top #navcontainer div div.submenu, 
		#nav-top #navcontainer div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-top #navcontainer div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			width:200px;
			border-left:1px solid #000;
			border-right:1px solid #000;
			border-bottom:1px solid #000;
		}
			#nav-top #navcontainer div div.submenu div {display:block;}
			#nav-top #navcontainer div div.submenu a:link, 
			#nav-top #navcontainer div div.submenu a:active, 
			#nav-top #navcontainer div div.submenu a:visited {
				float:left;
				padding:10px;
				height:auto;
				border-top:1px solid #000;
				border-right:0;
				width:180px;
				word-wrap: break-word;
				white-space: normal;
			}
				#nav-top #navcontainer div div.submenu a:hover {
					padding:10px 10px 10px 5px;
					border-left:5px solid #fff;
					border-bottom:0;
				}	

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

/*
-----------------------------------------------------------------------------------------
=#NAV-LEFT
-------------------------------------------------------------------------------------- */
/* Not Applicable to this Layout */
/*
-----------------------------------------------------------------------------------------
=#NAV-RIGHT
-------------------------------------------------------------------------------------- */	
/* Not Applicable to this Layout */
		

/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #nav-top {
	margin-left: -495px;
	width: 980px;
}
body#wide #inner {width:978px;}
body#wide #website-slogan {width:777px;}

/*------------------------------------ NAV-TOP ------------------------------------*/
body#wide #nav-top #headertop {width:777px;}
body#wide #nav-top #navcontainer {width:777px;}
body#wide #nav-top #content {width:777px;}
body#wide #nav-top #footer {
	/*--- width for IE5 --*/
		width:777px;
	/*--- Proper width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:958px;
}

/*------------------------------------ NAV-LEFT ------------------------------------*/
/* Not Applicable to this Layout */

/*------------------------------------ NAV-RIGHT ------------------------------------*/
/* Not Applicable to this Layout */