body {
	margin: 0;
	padding: 0;
	background: #233F61 url(../images/bg.jpg) top left repeat-x;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
	margin: 0 auto;
	background: url(../images/contentbg.gif) top left repeat-y;
	width: 775px;
}
#leftshadow { background: transparent url(../images/leftshadow.jpg) top left no-repeat; padding-left: 20px; }
#rightshadow { background: transparent url(../images/rightshadow.jpg) top right no-repeat; padding-right: 20px; }
#container { width: 735px; }

/*
---- Header
*/

#header {
	padding: 5px 0 0 0;
	background: #8EA9BC url(../images/headerimage.jpg) top left no-repeat;
	font-size: 1.0em;
}
	#header h1 {
		text-indent: -9000px;
		overflow: hidden;
		padding: 5px 0;
		margin: 0;
		display: block;
		width: 230px;
		height: 30px;
		float: left;
	}
		#header h1 a {
			float: none;
			background: none;
		}
		#header h1 a:hover {
			background: none;
		}
	#header p { 
		float: left;
		text-indent: -9000px;
		overflow: hidden;
		padding: 0;
		margin: 0;
		line-height: 1px;
	}
	#header ul {
		list-style: none;
		float: right;
		padding: 0 5px 0 0;
		margin: 0;
		width: 250px;
	}
	#header li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	#header a {
		display: block;
		float: right;
		background-color: #A6BDD3;
		color: #000000;
		padding: 3px 5px;
		margin: 0 0 0 5px;
		text-decoration: none;
	}
	#header a:hover { background-color: #ffffff; }
	#header div { 
		padding: 65px 0 0 0; 
		clear: both;
	}
	#header div ul {
		list-style: none;
		clear: both;
		padding: 0 0 7px 5px;
		margin: 0;
		background: url(../images/undermainnavi.gif) bottom left repeat-x;
		width: 730px;
	}
	#header div li {
		display: block;
		float: left;
		background: #000000;
		padding: 1px;
		margin: 0 5px 0 0;
	}
		#header div li a {
			background: #000000 url(../images/mainnavilight.gif) top left repeat-x;
			padding: 5px 8px;
			margin: 0;
			color: #FFFFFF;
			font-size: 1.1em;
			float: left;
		}
		#header div li a:hover { 
			background: #000000 url(../images/mainnavilight.gif) top left repeat-x;
			color: #FF6600;
		}
	#header div #current {
		background: #E8E8E8;
	}
		#header div #current a {
			background: #E8E8E8 url(../images/mainnavilighton.gif) top left repeat-x;
			color: #000000;
		}
		
/*
----Sub Navi
*/

#subnavi {
	width: 130px;
	display: block;
	position: absolute;
	padding: 24px 15px 0 10px;
}
	#subnavi ul {
		padding: 0;
		margin: 0;
		list-style: none;
		background: #ffffff url(../images/split.gif) bottom left repeat-x;
	}
	#subnavi li {
		padding: 6px 4px;
		background: url(../images/split.gif) top left repeat-x;
	}
	#subnavi a {
		color: #333333;
		text-decoration: none;
	}
	#subnavi a:hover {
		color: #ff6600;
	}

/*
---- Content
*/

#content {
	padding: 0 0 0 15px;
	color: #333333;
	background: #ffffff url(../images/contentrightbg.gif) top right repeat-y;
}
	#content p {
		color: #333333;
		font-size: 1.0em;
		margin: 0;
		padding: 7px 0;
		line-height: 1.6em;
	}
	#content a {
		color: #FF6600;
		text-decoration: none;
	}
	#content a:hover {
		text-decoration: underline;
	}
	
/*
---- Content List
*/

	#content ul {
		padding: 0 0 10px 30px;
		margin: 0 0 0 0;
	}
	#content li {
		padding: 0;
		margin: 0;
		line-height: 1.6em;
		list-style: url(../images/dot.gif);
		color: #333333;
	}
	
/*
---- Content Table
*/

	#content table {
		border: none;
	}
		#content table th {
			padding: 4px 4px;
			margin: 0;
			background-color: #DAE3EB;
			border-right: 1px solid #ffffff
		}
		#content table td {
			padding: 4px 4px;
			margin: 0;
			border-bottom: 1px solid #EAEAEA;
			border-right: 1px solid #ffffff;
			color: #333333;
		}
		#content table tr.alt {
			background-color: #F4F4F4;
		}
		
/*
---- Content Form
*/

	#content form {
		margin: 0;
		padding: 0;
	}
		#content form div {
			padding: 5px 0 5px 4px;
			background: url(../images/formbg.gif) top left repeat-y;
			border-top: 1px solid #F4F4F4;
			border-bottom: 1px solid #ffffff;
		}
		#content form div.formbuttons {
			padding: 4px 4px 4px 108px;
			background: url(../images/formbgblue.gif) top left repeat-y;
		}
		#content form label {
			display: block;
			float: left;
			width: 103px;
		}
		#content form input, #content form textarea {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.0em;
			width: 200px;
		}
		#content form select {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.0em;
		}
		
		#content form input.checkbox, #content form input.radio, #content form input.submit {
			width: auto;
		}

/*
---- leftcol
*/

	#content #leftcol {
		width: 385px;
		float: left;
		padding: 20px 15px 20px 140px;
		background: url(../images/sideimages/bluebottles.jpg) center left no-repeat;
	}
		#content #leftcol h2 {
			color: #FF6600;
			font-size: 1.6em;
			margin: 0;
			padding:  0 0 7px 0;
		}
		#content #leftcol h3 {
			font-size: 1.0em;
			margin: 0;
			padding:  0 0 7px 0;
		}
		#content #leftcol h3.split {
			padding:  14px 0 7px 0;
			margin: 7px 0 0 0;
			background: url(../images/split.gif) top left repeat-x;
		}
		
/*
---- rightcol
*/
		
	#content #rightcol {
		background-color: #F0F0F0;
		width: 160px;
		float: right;
		padding: 20px 10px 10px 10px;
		margin: 0 0 10px 0;
	}
		#content #rightcol h3 {
			font-size: 1.0em;
			margin: 0;
			padding:  0 0 7px 0;
		}
		#content #rightcol h3.split {
			padding:  14px 0 7px 0;
			margin: 7px 0 0 0;
			background: url(../images/split.gif) top left repeat-x;
		}
		
/*
---- basecol
*/
		
	#content #basecol {
		background: #ffffff url(../images/splitwhite.gif) top left no-repeat;
		clear: both;
		padding: 21px 0 15px 0;
		width: 720px
	}
		#content #basecol div {
			width: 225px;
			padding: 0 15px 0 0;
			float: left;
		}
		#content #basecol div.last {
			padding: 0;
		}
		#content #basecol h3 {
			font-size: 1.2em;
			color: #FF6600;
			font-weight: normal;
			padding: 5px 0 0 0;
			margin: 0;
		}
		
/*
---- Footer
*/

#footer {
	background: #DBDBDB url(../images/footbar.gif) top left repeat-x;
	padding: 10px 10px 15px 0;
	clear: both;
}
	#footer p {
		margin: 0;
		padding: 0;
		text-align: right;
		color: #999999;
	}
#realfooter {
	background: url(../images/base.jpg) top left no-repeat;
	height: 40px;
}

/*
---- Clear All and the Clearfix
*/
.clear-all {
	margin:0px;
	padding:0px;
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */