/*
-----------------------------------------------------------------------------------------
CSS document: ImageCafe Template Styles
Created: 02/02/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;}
.accent-none {display:none;}

/*
-----------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */
#nav-top, #nav-left, #nav-right {width:100%;}
#inner {
	float:left;
	width:750px;
}
#website-title {padding:81px 0 0 22px;}
#website-slogan {
	padding:30px 160px 20px 20px;
	border-left:1px solid #fff;
}
#pngcontainer {
	position:absolute;
	top:0;
	left:548px;
	background:url(../images/ic_036_people.png) no-repeat top left;
	width:192px;
	height:280px;
	z-index:2000;
}

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

/*------------------ Layout ------------------*/	
#nav-top #headertop {
	float:left;
	width:100%;
	/*height:150px;*/
}
* html #nav-top #website-slogan {
	width:562px;
}
#nav-top #headertop-wrapper {
	float:left;
	width:562px;
	z-index:1001;
}
#nav-top #navcontainer {
	float:left;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	z-index:1000;
}
#nav-top #nav-wrapper {
	float:left;
	width:562px;
	z-index:1001;
}
#nav-top #content {
	float:left;
	width:750px;
}
#nav-top #footer {
	clear:left;
	/*padding:10px;*/
	width:750px;
	height: 20px;
	border-top:1px solid #fff;
	color:#fff;
}

/*------------------ 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 {
		float:left;
		padding:10px 15px 5px 15px;
		text-decoration:none;
		background-image:url(../images/ic_nav_bullet.gif);
		background-repeat:no-repeat;
		background-position:3px 7px;
		white-space: nowrap;
	}
	#nav-top #navcontainer div a:hover {background-position:3px -74px;}
		#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-top:1px solid #fff;
		}
			#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;
				width:180px;
				padding:10px;
				background-image:none;
				border-bottom:1px solid #fff;
				word-wrap: break-word;
				white-space: normal;
			}
				#nav-top #navcontainer div div.submenu a:hover {padding-left:10px;}

/*------------------ Table Structures ------------------*/		
#nav-top #content-table {
	float:left;
}
	#nav-top #content-table-main {width:551px;}
		#nav-top #content-table-main p {margin:10px 20px 15px 10px;}
	#nav-top #content-table-sub {
		display:block;
		width:199px;
		height:418px
	}
		* html #nav-top #content-table-sub {
			padding:418px 0 0 199px;
		}

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

/*------------------ Layout ------------------*/	
#nav-left #headertop {
	float:left;
	width:100%;
	height:150px;
	border-bottom:1px solid #fff;
}
#nav-left #headertop-wrapper {
	float:left;
	width:562px;
	z-index:1001;
}


#nav-left #navcontainer {
	float:left;
	width:150px;
	z-index:1000;
}
#nav-left #content {
	float:right;
	width:600px;
}
#nav-left #footer {
	clear:both;
	width:750px;
	border-top:1px solid #fff;
	color:#fff;
}
	#nav-left #footer p {padding:10px;}

/*------------------ Navigation Elements ------------------*/	
#nav-left #navcontainer div {
	display:block;
	float:left;
	width:100%;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}
	#nav-left #navcontainer div a:link, 
	#nav-left #navcontainer div a:active, 
	#nav-left #navcontainer div a:visited  {
		float:left;
		width:75%;
		padding:10px 0 10px 20px;
		text-decoration:none;
		background-image:url(../images/ic_nav_bullet.gif);
		background-repeat:no-repeat;
		background-position:3px 7px;
		word-wrap: break-word;
	}
	#nav-left #navcontainer div a:hover {background-position:3px -74px;}
		#nav-left #navcontainer div div.submenu, 
		#nav-left #navcontainer div div.submenu h3 {
			float:left;
			display:block;
		}
		#nav-left #navcontainer div div.submenu {
			position:absolute;
			top:0;
			left:0;
			visibility: hidden;
			width:200px;
			border-left:1px solid #fff;
		}
			#nav-left #navcontainer div div.submenu div {display:block;}
			#nav-left #navcontainer div div.submenu a:link, 
			#nav-left #navcontainer div div.submenu a:active, 
			#nav-left #navcontainer div div.submenu a:visited {
				float:left;
				width:180px;
				padding:10px;
				background-image:none;
				word-wrap: break-word;
			}
				#nav-left #navcontainer div div.submenu a:hover {padding-left:10px;}

/*------------------ Table Structures ------------------*/		
#nav-left #content-table {
	width:100%;
	float:left;
}
	#nav-left #content-table-main {width:400px;}
		#nav-left #content-table-main p {margin:10px 20px 15px 10px;}
	#nav-left #content-table-sub {
		display:block;
		width:199px;
		height:418px
	}
		* html #nav-left #content-table-sub {padding:418px 0 0 199px;}

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

/*------------------ Does Not Apply to this Layout ------------------*/	


/*
-----------------------------------------------------------------------------------------
WIDE LAYOUT STYLES
-------------------------------------------------------------------------------------- */
body#wide #inner {width:994px;}
body#wide #pngcontainer {left:792px;}
/*------------------------------------ NAV-TOP ------------------------------------*/
body#wide #nav-top #content {width:994px;}
body#wide #nav-top #content-table {width:990px;}
body#wide #nav-top #content-table-main {width:791px;}
body#wide #nav-top #content-table-sub {width:199px;}
body#wide #nav-top #nav-wrapper {width:804px;}
body#wide #nav-top #headertop-wrapper {width:804px;}
* html body#wide #nav-top #website-slogan {
	width:804px;
}
body#wide #nav-top #footer {width:994px;}

/*------------------------------------ nav-left ------------------------------------*/
body#wide #nav-left #content {width:840px;}
body#wide #nav-left #content-table {width:840px;}
	body#wide #nav-left #content-table-main {width:641px;}
	body#wide #nav-left #content-table-sub {width:199px;}
body#wide #nav-left #footer {width:994px;}	
body#wide #nav-left #headertop-wrapper {width:804px;}