* {margin: 0; padding: 0;}
html, body {height: 100%;}

h1 {
	margin: 24px 0 0 380px;
	padding: 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #454131;
	}

h2 {
	margin: 28px 40px -28px 25px;
	padding: 0 5px;
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	color: #5F6B2F;
	border-bottom: 1px solid #E6E3C3;
	}

h3 {
	margin: 28px 40px 10px 25px;
	padding: 0 5px;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #537BAE;
	border-bottom: 1px solid #E6E3C3;
	clear: both;
	}

h4 {
	padding: 28px 40px 10px 25px;
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color: #424242;
	}

h6 {
	font: bold 1.6em/.05em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #444;
	}

p {
	padding: 28px 40px 0 25px;
	font: .75em/1.5em Arial, Helvetica, sans-serif;
	color: #424242;
	}
	
	p img {padding: 1px; border: 1px solid #A19F89;}

b {color: #5F6B2F;}
	
span {width: 330px; float: left;}
span ul {margin: 0 0 10px 25px; padding: 0 0 0 20px;}
span ol {margin: 0 0 10px 25px; padding: 0;}
	
span li {
	font: .75em/1.5em Arial, Helvetica, sans-serif;
	color: #424242;
	list-style-image: url(images/bullet.gif);
	}

span ol li {list-style-image: none;	list-style: decimal;}

address {
	margin: 0 5px 0 0;
	padding: 0 0 10px 65px;
	font: normal bold .75em/1.6em Arial, Helvetica, sans-serif;
	color: #FFF;
	clear: both;
	}
	
	address a:link, address a:visited {padding: 2px 3px; color: #4B5D58;}
	
	address a:hover {
		color: #FFF;
		background: #4B5D58;
		text-decoration: none;
		}

div#container {
	margin: 0 auto;
	width: 990px;
	position: relative;
	}

div#header {
	width: 990px;
	height: 123px;
	background: url(images/bg_header.jpg) no-repeat;
	}

div#flash {
	width: 990px;
	height: 216px;
	background: url(images/bg_flash.gif) no-repeat;
	}

div#subbox, div#addressbox, div#addressend, div#columnleft, div#columnright, div#columnrightend {float: left;}

div#subbox {
	width: 990px;
	height: 58px;
	clear: both;
	background: url(images/bg_h1.gif) no-repeat;
	}

	div#content {width: 990px;}
	
		div#addressbox {width: 325px; background: url(images/bg_address.gif) repeat-y;}
		div#addressend {width: 325px;}

		div#columnleft {width: 325px;}
		div#columnright {width: 665px; background: url(images/bg_content.gif) repeat-y;}
			
			div#columnrightend {
				padding-bottom: 12px;
				width: 665px;
				background: url(images/bg_footer.gif) bottom left no-repeat;
				}

			div#columnright a:link, div#columnright a:visited {
				padding: 2px 3px;
				color: #D17333;
				text-decoration: underline;
				}
				
			div#columnright a:hover {
				color: #FFF;
				background: #D17333;
				text-decoration: none;
				}

		div#map {
			margin: 10px 0 10px 45px;
			padding: 1px;
			width: 510px;
			height: 300px;
			border: 1px solid #FFF;
			}
	
		div#diy {margin: 0 0 0 23px; width: 565px;}

div#footer {
	margin: 0 auto;
	width: 990px;
	height: 48px;
	clear: both;
	}

table {
	margin: 28px 20px 0 25px;
	font: .65em/1.4em Arial, Helvetica, sans-serif;
	color: #424242;
	border: none;
	}
	
	td {padding: 2px 15px 2px 0; vertical-align: top;}
	td strong {font: bold 1.1em Arial, Helvetica, sans-serif; color: #537BAE;}

div#copyright {
	padding: 10px 0;
	font: .55em Arial, Helvetica, sans-serif;
	color: #636363;
	text-align: center;
	clear: both;
	}
	
	div#copyright a {color: #405F86; text-decoration: underline;}
		
	div#copyright a:hover {
		color: #FFF;
		background: #405F86;
		text-decoration: none;
		}
	
	div#copyright img {margin-top: 5px;}
	
	
/* HORIZONTAL NAVIGATION */
div#nav {
	margin: 0;
	padding: 0;
	width: 990px;
	height: 40px;
	clear: both;
	background: url(images/bg_nav.gif) no-repeat;
	}
	
div#nav ul {
	margin: 0;
	padding: 0 0 0 18px;
	list-style-type: none;
	}

div#nav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-image: none;
	}

div#nav li a {
	margin: 0;
	padding: 15px 38px 10px 38px; 
	float: left; 
	display: block;
	font: bold .7em Arial, Helvetica, sans-serif;
	text-align: center; 
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	}

		div#nav li a:hover {color: #FFF; background: url(images/bg_nav_hov.gif) repeat-x}
		div#nav li a#current {color: #FFF; background: url(images/bg_nav_cur.gif) repeat-x;}
		div#nav li a#current:hover {color: #E6E3C3;}


/* UTILITY NAV */
div#utilnav {
	margin: 0;
	padding: 0;
	width: 990px;
	height: 30px;
	clear: both;
	}
	
div#utilnav ul {
	margin: 0;
	padding: 10px 0 0 220px;
	list-style-type: none;
	}

div#utilnav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-image: none;
	}
	
div#utilnav li a {
	display: block;
	margin: 0;
	padding: 4px 8px;
	font: normal .75em/1.2em Arial, Helvetica, sans-serif;
	color: #405F86;
	text-decoration:none;
	}

	div#utilnav li a:hover {color: #FFF; background: #405F86;}



/* Web Audio */
applet {
	position: absolute;
	z-index: 4;
	top: 91px;
	right: 23px;
	}

		
		
/* ADMIN LOGIN */
div#admin {
	padding: 10px 0 0 0;
	font: bold .75em Arial, Helvetica, sans-serif;
	text-align: center;
	clear: both;
	}
	
	div#admin a:link, div#admin a:visited {color: #405F86;	text-decoration: none;}
	div#admin a:hover {color: #FFF; background: #405F86;}

.clear {clear: both;}
.left {padding: 0 25px 13px 0; float: left;}
.lefter {
	padding: 28px 25px 15px 34px;
	float: left;
	}
