/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 02/17/2006
Last Modified: 02/28/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;}
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;}
.spacer {
	float:left;
	width:100%;
	height:1px;
	line-height:0;
	margin:0;
	padding:0;
}
.accent-none {display:none;}

/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-top, #nav-left, #nav-right {
	float:left;
	width:750px;
}
#headertop {
	float:left;
	width:750px;
	height:106px;
	background-image:url(../images/ic_045_header_bg.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
	#website-title {
		float:left;
		margin:15px 0 0 200px;
                height: 40px;
                overflow: hidden;
                width:500px;
	}
		/* for IE margin fix */
		* html #website-title {margin:15px 0 0 100px;}
	#website-slogan {
		float:left;
		margin:5px 10px 0 200px;
		padding:5px;
		width:500px;
		text-align:right;
                height: 14px;
                overflow: hidden;
	}
		/* for IE margin fix */
		* html #website-slogan {margin:5px 10px 0 100px;}
#inner {
	float:left;
	width:750px;
}
.accent {
	float:left;
	margin:4px;
	width:111px;
	height:111px;
}
	/* for IE margin fix */
	* html .accent {margin:5px 2px 20px 2px;}

/*
-----------------------------------------------------------------------------------------
NAV-TOP
-------------------------------------------------------------------------------------- */

/*------------------ Does Not Apply for This Template ------------------*/	


/*
-----------------------------------------------------------------------------------------
NAV-LEFT
-------------------------------------------------------------------------------------- */

/*------------------ Layout ------------------*/	
#nav-left #navcontainer {
	float:left;
	width:185px;
	z-index:1000;
}
	#nav-left #navcontainer #nav-png {
		float:left;
		height:20px;
		width:185px;
		padding:10px 0 0 0;
		background-image:url(../images/ic_045_navwrapper_bg.png);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#nav-left #navcontainer #nav-wrapper {
		float:left;
		width:185px;
		z-index:1000;
	}
	#nav-left #navcontainer #accent-wrapper {
		clear:both;
		float:left;
		width:185px;
		height:156px;
		background-image:url(../images/ic_045_navcontainer_bg.png);
		background-repeat:no-repeat;
		background-position:0 0;
		border-top:1px solid #fff;
	}
		#nav-left #navcontainer #accent-wrapper #accent-border {
			float:left;
			margin:10px 0 0 20px;
			background-image:url(../images/ic_045_accent_bg.png);
			background-repeat:no-repeat;
			background-position:0 0;
		}
			/* for IE margin fix */
			* html #nav-left #navcontainer #accent-wrapper #accent-border {margin:10px 0 0 10px;}
#nav-left #content {
	float:left;
	/*--- margin and width for IE5 ---*/
		margin:0;
		width:565px;
	z-index:0;
	/*--- margin and width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		margin:0 10px 0 5px;
		width:550px;
}
#nav-left #footer {
	float:left;
	padding:10px;
	/*--- width for IE5 ---*/
		width:550px;
	color:#fff;
	/*--- width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:530px;
}

/*------------------ Navigation Elements ------------------*/	
#nav-left #navcontainer #nav-wrapper div, #nav-left #navcontainer #nav-wrapper 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;
		border-top:1px solid #fff;
		/*--- width for IE5 ---*/
			width:185px;
		padding:10px 10px 10px 10px;
		text-decoration:none;
		/*--- width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:165px;
			word-wrap: break-word;
	}	
	#nav-left #navcontainer #nav-wrapper div a:hover {
		padding-left:5px;
		border-left:5px 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:1px solid #fff;
			border-top:0;
		}
			#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;
				border-top:1px solid #fff;
				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;
	padding:15px 0 0 0;
	width:550px;
}
	#nav-left #content-table-main {width:100%;}
		#nav-left #content-table-main p {margin:10px 20px 15px 20px;}

/*
-----------------------------------------------------------------------------------------
NAV-RIGHT
-------------------------------------------------------------------------------------- */

/*------------------ Does Not Apply for This Template ------------------*/	



/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #nav-left {width:990px;}
body#wide #headertop {
	width:990px;
	background-image:url(../images/ic_045_header_bg_wide.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
body#wide #inner {width:990px;}

/*------------------------------------ NAV-TOP ------------------------------------*/
/*Does Not Apply to this Template*/
	
/*------------------------------------ NAV-LEFT ------------------------------------*/
body#wide #nav-left #content {
	/*--- margin and width for IE5 ---*/
	width:805px;
	/*--- margin and width for all other browsers --*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width:790px;
}
body#wide #nav-left #footer {
	/*--- width for IE5 ---*/
	width:790px;
	/*--- width for all other browsers --*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width:770px;
}
body#wide #nav-left #content-table {width:770px;}
body#wide #website-title {width:720px;}
body#wide #website-slogan {width:720px;}

/*------------------------------------ NAV-RIGHT ------------------------------------*/
/*Does Not Apply to this Template*/