* {margin: 0; padding: 0;}
body {background: #E8E8E8;}


/* FONTS */
h1 {
	margin: 15px 0 15px 45px;
	padding: 0;
	font: normal 1.9em Arial, Helvetica, sans-serif;
	color: #002AC5;
	letter-spacing: -.05em;
	}

h2 {
	margin: 15px 35px 0 45px;
	padding-bottom: 3px;
	font: normal 1.1em Georgia, "Times New Roman", Times, serif;
	color: #2752EE;
	}

h3 {
	margin: 4px 0 15px 45px;
	padding: 0;
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color: #3C86D5;
	}

h4 {
	margin: 0 54px 15px 15px;
	padding: 20px 0 4px 0;
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #444;
	border-bottom: 1px solid #CAD1D4;
	clear: both;
	}

h5 {
	margin: 10px 0 0 45px;
	padding: 0 0 0 15px;
	font: normal 1em Georgia, "Times New Roman", Times, serif;
	color: #333;
	border-left: 15px solid #3C86D5;
	clear: both;
	}

p {
	margin: 0 240px 0 30px;
	padding: 5px 30px 5px 15px;
	font: .75em/1.8em Arial, Helvetica, sans-serif; 
	color: #00121F;
	}

div#columnleft ol, ul {
	margin: 0 240px 0 30px;
	padding: 10px 30px 10px 20px;
	border-right: 1px solid #DDD;
	}
		
div#columnleft li {
	padding: 0 0 0 5px;
	font: .75em/1.8em Arial, Helvetica, sans-serif; 
	color: #00121F;
	list-style-image: url(images/bullet.gif);
	}

div.columned {width: 335px;}
div.widecolumned {width: 400px;}
div.columned, div.widecolumned {float: left;}
div.columned ul, div.widecolumned ul {margin: 0 0 0 45px; padding: 10px 0 10px 20px; border: none; color: #00121F;}
div.columned {padding-bottom: 20px;}
div#columnleft a:link, a:visited {color: #005A9C;}
div#columnleft a:hover {color: #00AEEF;}
div#columnright a:link, a:visited {color: #0C4688;}
div#columnright a:hover {color: #126BD0;}

address {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 250px;
	float: left;
	font: normal .7em/1.4em Arial, Helvetica, sans-serif;
	text-align: center;
	}

address.first {padding: 10px 0 10px 150px;}
address.hours {padding-bottom: 25px; width: 990px; clear: both; text-align: center;}

address a:link, a:visited {color: #002AC5;}
address a:hover {color: #3C86D5;}
	
span {	
	margin: 0 0 0 15px;
	width: 158px;
	float: left;
	font: .75em/1.8em Georgia, "Times New Roman", Times, serif; 
	color: #444;
	}
	
table {margin: 0 5px; background: #EEE; border: 1px solid #CCC;}

td {
	padding: 0 5px;
	font: bold .8em/22px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	}

td.light {background: #E0E0E0;}
	
/* LAYOUT */
div#container {
	margin: 0 auto;
	width: 990px;
	position: relative;
	background: url(images/bg_content.gif) repeat-y;
	}

div#header {width: 990px; height: 145px; background: url(images/bg_header.jpg) no-repeat;}
div#flash {width: 990px; height: 345px; float: left; background: url(images/bg_flash.jpg) no-repeat;}
div#flash object {float: left;}
div#content {}

div#columnleft {
	padding: 0 0 0 0;
	width: 707px;
	height: 100%;
	float: left;
	background: url(images/bg_watermark.gif) top left no-repeat;
	}
	
div#columnright {width: 283px; float: left; background: url(images/bg_address.gif) repeat-y;}

div#form {margin: -70px 0 0 -10px; width: 250px; float: left;}
div#diy {margin: 0 0 0 5px; width: 702px; float: left;}

div#map {
	margin: 20px 0 5px 45px;
	padding: 3px;
	width: 620px;
	float: left;
	border: 1px solid #DDD;
	clear: both;
	}

div#footer {
	width: 990px;
	background: url(images/bg_footer.gif) no-repeat;
	border-bottom: 1px solid #B3B3B3;
	clear: both;
	}



/* HORIZONTAL NAVIGATION */
div#nav {margin: 0; padding: 0; width: 990px; height: 55px; background: url(images/bg_nav.gif) repeat-x;}
div#nav ul {margin: 0; padding: 1px 0 0 29px; list-style-type: none;}
div#nav li {float: left; list-style-image: none;}

div#nav li a {
	padding: 24px 17px 0 17px; 
	height: 30px;
	float: left; 
	display: block;
	font: .7em/1.2em Arial, Helvetica, sans-serif;
	text-align: center; 
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	border-right: 1px solid #001D60;
	}

	div#nav li a:hover {color: #FFF; background: url(images/bg_nav_hover.gif) repeat-x;}
	div#nav li a.current {color: #FFF; background: url(images/bg_nav_current.gif) repeat-x;}
	div#nav li a.current:hover {background: url(images/bg_nav_current_hov.gif) repeat-x;}



/* UTILITY NAV */
div#utilnav {margin: 0 auto; width: 990px; clear: both;}
div#utilnav ul {margin: 0; padding: 0 0 0 10px; list-style-type: none;}
div#utilnav li {float: left; list-style-image: none;}
	
div#utilnav li a {
	display: block;
	padding: 7px 16px;
	font: bold .65em Arial, Helvetica, sans-serif;
	color: #444;
	text-decoration: none;
	}

	div#utilnav li a:hover {background: #FF0;}



.top {margin-top: 212px;}
.left {margin: 12px 25px 15px 25px; float: left; border: 1px solid #8D8D8C;}
.left-b {margin: 12px 25px 15px 25px; float: left;}
.righttop {margin: 27px 12px 0 20px; padding: 1px; float: right; border: 1px solid #DDD; clear:right;}
.righthigh {margin: 0 12px 0 20px; padding: 1px; float: right; border: 1px solid #DDD; clear: right;}
.right {margin: 12px 12px 0 20px; padding: 1px; float: right; border: 1px solid #DDD; clear: right;}
.bordered {padding: 1px; border: 1px solid #444;}
.right-b {float: right;}
.clear {clear: both;}
.clearleft {clear: left;}
.logos {margin: 0 0 20px 275px; height: 78px;}
.textright {	
	margin: 5px 12px 20px 20px;
	padding: 1px;
	width: 210px;
	float: right;
	font: .65em/1.2em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #444;
	clear: right;
	}

.award{
	position: absolute;
	z-index:auto;
	left: 832px;
	top: 442px;
	width: 73px;
	height: 69px;
}



/* AUDIO APPLET */
applet {
	position: absolute;
	top: 239px;
	right: 163px;
	z-index: 4;
	}

/* DIV ADMIN */
div#admin {margin: 0 auto; width: 990px; text-align: center; clear: both;}
	
	div#admin a	{
		font: normal .6em Tahoma, Arial, Helvetica, sans-serif;
		color: #444;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration: none;
		}
		
	div#admin a:hover {background: #FF0;}



/* COPYRIGHT */
div#copyright {
	padding: 10px 0 0 0;
	font: normal .7em Arial, Helvetica, sans-serif;
	text-align: center;
	clear: both;
	color: #444;
	}

div#copyright a {font-family: Arial, Helvetica, sans-serif; color: #444; text-decoration: none;}
div#copyright a:hover {color: #000; text-decoration: underline;}
div#copyright img {margin: 5px 0 0 0;}
