* {margin: 0; padding: 0;}
body {background: #14564C url(images/bg.gif) repeat-x;}

h1 {
	margin: 0 15px 0 15px;
	padding: 8px 0 0 0;
	font: normal 1.5em Tahoma, Arial, Helvetica, sans-serif;
	color: #14564C;
	border-bottom: 2px dotted #DEDEDE;
	}

h2 {
	margin: 15px 15px 0 15px;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	color: #25A08E;
	border-bottom: 1px solid #DEDEDE;
	}

h3 {
	margin: 0 15px 0 15px;
	padding: 25px 5px 0 80px;
	font: normal .9em/.95em Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	}

h4 {
	font: normal 4em/1em Georgia, "Times New Roman", Times, serif;
	color: #CC0003;
	position: absolute;
	top: 256px;
	left: 24px;
	}

	h4 a:link, h4 a:visited {color: #B20014;}
	h4 a:hover {color: #F0001B;}
	
h5 {
	margin: 0 15px 0 35px;
	padding: 20px 0 0 0;
	font: bold .8em Tahoma, Arial, Helvetica, sans-serif;
	color: #14564C;
	}

h6 {
	margin: 0 60px 0 60px;
	padding: 20px 0 0 0;
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #DDD;
	clear: both;
	}

p {padding: 10px 15px 10px 15px; font: .75em/1.6em Arial, Helvetica, sans-serif;}
p strong {color: #8A1C49;}

span.red {color: #9F071B;}

p img {padding: 1px; border: 1px solid #DEDEDE;}

hr {
	margin: 10px 15px 10px 15px;
	height: 2px;
	border: none;
	border-top: 1px solid #CCC;
	}

div.columned {
	float: left;
	width: 280px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
div.columned ul, div.columned ol {margin: 0 15px 10px 25px; padding: 0 0 0 20px;}
div.columned ul li, div.columned ol li {font: normal .75em/1.6em Arial, Helvetica, sans-serif;}
div.columned ul li {list-style-image: url(images/bullet.gif);}
div.columned ol li {list-style-type: decimal;}

div.widecolumned {
	margin: 10px 0 0 0;
	float: left;
	}

div.widecolumned ul, div.widecolumned ol {margin: 0 15px 10px 25px; padding: 0 0 0 20px;}
div.widecolumned ul li, div.widecolumned ol li {font: normal .75em/1.6em Arial, Helvetica, sans-serif;}
div.widecolumned ul li {list-style-image: url(images/bullet.gif);}
div.widecolumned ol li {list-style-type: decimal;}

div.widecolumned ul li ul li {font-size: 1em;}

table {
	margin: 10px 0 10px 15px;
	width: 250px;
	border-collapse: collapse;
	border: 1px solid #DEDEDE;
	}
td {
	padding: 5px 15px;
	font: bold .85em/1.6em Arial, Helvetica, sans-serif;
	color: #9F071B;
	border-bottom: 1px solid #DEDEDE;
	}
	
td.tright {text-align: right; color: #00319E;}

address {
	padding: 6px 0 6px 35px;
	font: normal .75em/1.35em Arial, Helvetica, sans-serif;
	background: url(images/bg_address.gif) repeat-y;
	}

	address a:link, address a:visited {
		color: #8A1C49;
		font-weight: bold;
		text-decoration: none;
		}
		
	address a:hover {text-decoration: underline;}
	
		

/* LAYOUT */	
div#container {
	margin: 0 auto;
	width: 990px;
	position: relative;
	background: url(images/bg_content.gif) repeat-y;
	}
	
div#header {
	width: 990px;
	height: 177px;
	float: left;
	background: url(images/bg_header.gif) no-repeat;
	position: relative;
	z-index: 1;
	}
	
	div#header2 {
	width: 990px;
	height: 177px;
	float: left;
	background: url(images/bg_header2.gif) no-repeat;
	position: relative;
	z-index: 1;
	}
	

	div#content {width: 990px; clear: both;}

div#columnleft, div#columncenter, div#columnright, div#columnlarge {float: left; padding-bottom: 20px;}
	
		div#columnleft {width: 285px;}
		div#columncenter {width: 368px;}
		div#columnright {width: 328px;}
		div#columnlarge {width: 696px;}

	div#columncenter a:link, div#columncenter a:visited, div#columnright a:link, div#columnright a:visited, div#columnlarge a:link, div#columnlarge a:visited {padding: 1px 2px; color: #8A1C49;}
	div#columncenter a:hover, div#columnright a:hover, div#columnlarge a:hover {
		color: #FFF;
		background: #8A1C49;
		text-decoration: none;
		}
			
		div#map {
			margin: 25px 0 0 15px;
			padding: 2px;
			width: 660px;
			border: 1px solid #DEDEDE;
			}
			
		div#diy {margin: 0 0 0 5px; width: 691px;}
		div#diy2 {margin: -50px 0 0 0; width: 696px;}
	
div#footer {
	width: 990px;
	height: 67px;
	background: url(images/bg_footer.gif) no-repeat;
	position: relative;
	clear: both;
	}



/* COPYRIGHT */
div#copyright {
	font: normal .6em/1.2em Arial, Helvetica, sans-serif;
	text-align: center;
	clear: both;
	color: #32DAC1;
	}

	div#copyright a {color: #32DAC1; text-decoration: underline;}
	div#copyright a:hover {color: #FFF; text-decoration: none;}
	div#copyright img {margin: 5px 0 0 0;}
	
	
	
/* HORIZONTAL NAVIGATION */
div#nav {
	width: 990px;
	height: 42px;
	clear: both;
	background: url(images/bg_nav.gif) no-repeat;
	}	
	
div#nav ul {padding: 1px 0 0 11px; list-style-type: none;}
div#nav li {float: left; list-style-image: none;}

div#nav li a {
	padding: 13px 37px 12px 36px; /* This was 12px on the bottom */
	float: left; 
	display: block;
	font: bold .7em Arial, Helvetica, sans-serif;
	text-align: center; 
	text-decoration: none;
	color: #444;
	border-right: 1px solid #B8B8BA;
	}

		div#nav li a:hover {color: #444; background: #F7F7F8;}
		div#nav li a#current {color: #FFF; background: #96335C;}
		div#nav li a#current:hover {color: #FFF; background: #8A1C49;}



/* UTILITY NAV */
div#utilnav {
	margin: 0 auto;
	width: 990px;
	clear: both;
	}
	
div#utilnav ul {padding: 0 0 0 25px; list-style-type: none;}
div#utilnav li {float: left; list-style-image: none;}
	
div#utilnav li a {
	display: block;
	padding: 5px 37px 5px 36px;
	font: bold .7em Arial, Helvetica, sans-serif;
	color: #32DAC1;
	text-decoration: none;
	}

	div#utilnav li a:hover {color: #FFF;}


/* Web Audio */
div#audio {
	width: 216px;
	height: 67px;
	float: left;
	background: url(images/audio_off.gif) no-repeat;
	position: absolute;
	top: 95px;
	right: 0;
	z-index: 2;
	}

a#sound {
	width: 216px;
	height: 67px;
	display: block;
	background: url(images/audio_off.gif) no-repeat;
	}

	a#sound:hover {background: url(images/audio_on.gif) no-repeat;}
	
	

/* ADMIN LOGIN */
div#admin {
	margin: 0 auto;
	padding: 9px 0 0 0;
	height: 30px;
	text-align: center;
	clear: both;
	}

div#admin a {
	font: bold .7em Arial, Helvetica, sans-serif;
	color: #32DAC1;
	text-decoration: none;
	}
	
	div#admin a:hover {color: #FFF; text-decoration: underline;}



/* CLASSES */
.box {
	margin: 10px 15px 0 35px;
	padding: 10px 15px;
	width: 220px;
	float: left;
	background: #E7F0FF;
	border: 1px solid #2D7CFF;
	font: .75em/1.3em Tahoma, Arial, Helvetica, sans-serif;
	color: #222;
	}

.center {
	margin: 29px 0 0 29px;
	float: left;
	border: 1px solid #474442;
	}

.left {
	margin: 0 0 30px 10px;
	padding: 1px;
	float: left;
	border: 1px solid #DED5CD;
	}

.left2 {
	margin: 25px 15px 10px 15px;
	padding: 1px;
	float: left;
	border: 1px solid #DEDEDE;
	}

.logo {margin: 0 0 10px 168px; float: left;}

.clear {clear: both;}div.columned2 {
	float: left;
	width: 150px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}