﻿/*--------------------------------------------------------------------------------------
CSS document: ImageCafï¿½ Template Styles
Created: 04/11/2006
Last Modified: 04/11/2006
NOTE: Template styles included here cannot be changed by the customer
-------------------------------------------------------------------------------------- */
body {
	margin: 0 auto;
	background:#00213c url(../images/background.jpg) top no-repeat;
}
/*--------------------------------------------------------------------------------------
Global
-------------------------------------------------------------------------------------- */
div {position:relative;}
#printwrap {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#content-table {width:574px;}
h1#website-title, h2#website-slogan  {display:none;}
.tertiary {background-color:transparent !important;}
#content-table #content-table-main, #content-table #content-table-main tr td {padding:0px; margin:0px;}
/*----firefox content top margin whitespace fix----*/
#content-table-main > p:first-child {display: none;}
/*----cell padding override fix----*/
#content-table-main table td table td {padding: 5px;}div {position:relative;}

/*--------------------------------------------------------------------------------------
General Layout Structure
-------------------------------------------------------------------------------------- */

#nav-left {
	margin:0 auto;
	text-align:center;
	width:770px;
}
#headertop {
	float:left;
	width:770px;
	height:213px;
	background:url(../images/headertop.jpg) top no-repeat;
	margin-left:-1px;
}
#home a {
	float:left;
	margin-top:11px;
	display:block;
	width:347px;
	height:135px;
	background:transparent;
}
#contactus a {
	float:right;
	width:121px;
	height:35px;
	background:url(../images/contactus.jpg) top no-repeat;
	padding-right:23px;
}
#contactus a:hover {
	background:url(../images/contactus.jpg) bottom no-repeat;
}
#nav-wrapper-wrap { /* to push nav-wrapper 11px right */
	float:left;
	width:195px;
	padding-left:11px;
	/*--- Proper width for all other browsers --*/
				voice-family: "\"}\"";
				voice-family:inherit;
				width:184px;
	z-index:1000;
}
#nav-wrapper {
	width:184px;
	padding-top:20px;
	background:#7bc3ff url(../images/nav-left_top.jpg) top no-repeat;
	z-index:1000;
}
#navcontainer {
	float:left;
	width:184px;
	background:#7bc3ff;
	z-index:1000;
}
#content-wrapper {
	float:right;
	width:575px;
	padding-right:1px;
	/*--- Proper width for all other browsers --*/
				voice-family: "\"}\"";
				voice-family:inherit;
				width:574px;
}
#content {
	width:574px;
	background:#ffffff;
}
#accent-wrapper {
	float:left;
	padding-left:32px;
	width:195px;
	/*--- Proper width for all other browsers --*/
				voice-family: "\"}\"";
				voice-family:inherit;
				width:163px;
}
.accent {
	width:163px;
	height:217px;
}
#footer {
	float:left;
	width:769px;
	height:50px;
	padding:5px 0px 0px 200px;
	/*--- Proper width for all other browsers --*/
				voice-family: "\"}\"";
				voice-family:inherit;
				width:569px;
				height:45px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7bc3ff;
}

/*---------------------------------------------------------------------------------------
#NAV-LEFT
-------------------------------------------------------------------------------------- */

/*------------------ Navigation Elements, NAV-LEFT------------------*/
#navcontainer div a:hover, #navcontainer div a:hover h3 {
	background:transparent !important;
}
/*---Top level Link container, NOT USUALLY MODIFIED---*/
#nav-left #navcontainer div, 
#nav-left #navcontainer div h3 {
	float:left;
	display:block;
	cursor:pointer;
	margin: 0;
}
#nav-left #navcontainer div {
	width:184px;	
	background:url(../images/nav.gif) top no-repeat;
}
/*---Styling for individual links---*/
#nav-left #navcontainer div a:link, 
#nav-left #navcontainer div a:active, 
#nav-left #navcontainer div a:visited {
	float:left;
/*	border-bottom:1px dashed #939393;*/
	width:184px;
	height:29px;
	padding-left:37px;
	padding-top:8px;
	text-decoration:none;
	/*--- width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:147px;
		height:21px;
}
/*---Styling for individual links, HOVER---*/
#nav-left #navcontainer div a:hover {
	padding-top:8px;
	background:url(../images/nav.gif) bottom no-repeat !important;
}
/*---Submenu link container, NOT USUALLY MODIFIED---*/
#nav-left #navcontainer div div.submenu, 
#nav-left #navcontainer div div.submenu h3 {
	float:left;
	display:block;
}
/*---Submenu link container---*/
#nav-left #navcontainer div div.submenu {
	position:absolute;
	top:0;
	left:0;
	visibility: hidden;
/*	border-left:1px solid #939393;*/
	width:184px;
}
/*---NOT USUALLY MODIFIED---*/
#nav-left #navcontainer div div.submenu div {
	display:block;
	margin:0;
}
/*---Styling for individual Submenu links---*/
#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;
/*	border-bottom:1px dashed #939393;*/
	width:184px;
	height:29px;
	padding-left:37px;
	padding-top:8px;
	text-decoration:none;
	/*--- width for all other browsers --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		width:147px;
		height:21px;
}
/*---Styling for individual Submenu links-, HOVER---*/
#nav-left #navcontainer div div.submenu a:hover {
	padding-top:8px;
	border-top:0;
}


/*--------------------------------------------------------------------------------------
CONTENT STYLING
-------------------------------------------------------------------------------------- */
#content td td p {
	text-align:justify;
	margin:0px;
	padding:0px 20px 10px 20px;
}

#content .line { /*substitue for HR */
	border:none;
	background-color:transparent;
	width:545px;
	height:20px;
	background:url(../images/hrimg.jpg) center no-repeat !important;
	margin-left:10px;
}

#content ol, #content ul {margin-left:20px;	padding-left:20px; color:#7bc3ff;}
#content ul {list-style:square;}


#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
	font-family:"Trebuchet MS", Arial;	
	margin-top: 0px;
	margin-bottom:0px;
}
#content h1 {
	float:right;
	font-size:20px;
	color:#015eaa;
	width:277px;
	margin-bottom:20px !important;
	background:url(../images/h1img.jpg) bottom no-repeat;
	padding:10px 0px 5px 15px;
	/*--- Proper width for all other browsers --*/
			voice-family: "\"}\"";
			voice-family:inherit;
			width:262px;
}	
#content h2 {
	color:#015eaa;
	font-size:18px;
	padding-left:10px;
	padding-bottom:5px;
}
#content h3 {
	color:#015eaa;
	font-size:16px;
	padding-left:15px;
	padding-bottom:10px;
	padding-bottom:3px;

}
#content h4 {
	color:#7bc3ff;
	font-size:16px;
	padding-left:15px;
}
#content h5 {
	color:#7bc3ff;
	font-size:16px;
	padding-left:15px;
}
#content h6 {
	color:#7bc3ff;
	font-size:14px;
	padding-left:18px;
}