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



/* FONTS */
a.linked {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #9CD821;
	text-decoration: none;
	}
	
a.linked:hover {
	color: #9CD821;
	text-decoration: underline;
	}
	
a.email {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #3C79BC;
	text-decoration: underline;
	}
	
a.email:hover {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #3C79BC;
	text-decoration: none;
	}

.clear {
	clear: both;
	}

h1 {
	margin: 10px 30px 10px 30px;
	padding: 0;
	font: 26px Georgia, "Times New Roman", Times, serif;
	color: #3C79BC;
	border-bottom: 1px solid #DDD;
	}

h2 {
	margin: 0; 
	padding: 0;
	color: #000;
	border-bottom: 1px dashed #666;
	}

h3 {
	margin: 20px 30px 5px 30px;
	padding: 3px 8px;
	color: #FFF;
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	background: #CCC;
	}
	
p {
	margin: 0;
	padding: 5px 30px 5px 30px;
	font: 12px Georgia, "Times New Roman", Times, serif; 
	line-height: 20px;
	color: #444;
	}

	ol, ul {
		margin: 5px 30px 5px 40px;
		padding: 0 0 0 30px;
		}
		
	ul.margin {
		margin: 5px 240px 5px 30px;
		}
		
	li {
		margin: 0;
		padding: 0 0 0 5px;
		font: 12px Georgia, "Times New Roman", Times, serif; 
		line-height: 20px;
		color: #444;
		list-style-image: url(images/bullet.gif);
		}

address {
	margin: 10px 3px 0 31px;
	padding: 10px 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #101010;
	}

blockquote {
	margin: -23px 5px 0 5px;
	padding: 2px;
	width: 173px;
	border: 1px solid #0B0A19;
	font: 10px Arial, Helvetica, sans-serif;
	color: #0B0A19;
	position: absolute;
	right: 185px;
	background: #FFF;
	}	


.pullquote {
	margin: 24px 30px 12px 10px;
	padding: 10px;
	float: right;
	width: 150px;
	font: 28px Georgia, "Times New Roman", Times, serif;
	line-height: 26px;
	border-top: 2px solid #3C79BC;
	border-bottom: 2px solid #3C79BC;
	text-align: center;
	color: #000;
	}

.pullquote2 {
	margin: 24px 30px 12px 10px;
	padding: 10px;
	float: right;
	width: 150px;
	font: bold 22px Georgia, "Times New Roman", Times, serif;
	line-height: 26px;
	border-top: 2px solid #3C79BC;
	border-bottom: 2px solid #3C79BC;
	text-align: center;
	color: #000;
	}

span {
	margin: 0 0px 0 0;
	padding: 0;
	float: left;
	}


/* LAYOUT */
div#container {
	margin: 0 auto;
	padding: 0;
	width: 770px;
	background: url(images/bg_content.gif) repeat-y;
	position: relative;
	}

div#header {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 247px;
	background: url(images/bg_flash.gif) no-repeat;
	position: relative;
	z-index: 1;
	}

div#flash {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
	}

div#content {
	margin: 0;
	padding: 0;
	}

p.diytext {
	margin: 0;
	padding: 5px 30px 5px 158px;
	}

div#columnleft {
	margin: 0;
	padding: 0;
	width: 512px;
	float: left;
	}
	
div#columnright {
	margin: 0;
	padding: 0;
	width: 258px;
	float: left;
	}

	
div#diy {
	margin: 0;
	padding: 0 0 0 20px;
	width: 475px;
	float: left;
	}

div#map {
	margin: 0 0 0 30px;
	padding: 0;
	width: 450px;
	border: 1px solid #000;
	}

div#footer {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 167px;
	clear: both;
	background: #FFF url(images/bg_footer.gif) no-repeat;
	}

	div#footer img {
		margin: 0;
		padding: 0;
		float: right;
		}
	
	div#footer p {
		margin: 0;
		padding: 40px 280px 0 30px;
		font: 10px Arial, Helvetica, sans-serif;
		}


/* HORIZONTAL NAVIGATION */
div#nav {
	margin: 0;
	padding: 0;
	width: 514px;
	clear: both;
	position: absolute;
	z-index: 3;
	top: 199px;
	left: 1px;
	background-image: url(images/bg_nav.gif);
	background-repeat: repeat-x;
	}
	
div#nav ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	}

div#nav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-image: none;
	}
	
div#nav li a {
	margin: 0;
	padding: 16px 15px 9px 15px;
	display: block;
	font: 9px Tahoma;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	border-right: 1px solid #2B1D02;
	}

	div#nav li a:hover {
		color: #53401B;
		background: #B2E0F2;
		}
	
	div#nav li a#current{
		color: #FFF;
		background: #3C79BC;
		}

	.b-left {
		border-left: 1px solid #2B1D02;
		}

/* UTILITY NAV */
div#utilnav {
	margin: 0;
	padding: 0;
	width: 512px;
	}
	
div#utilnav ul {
	margin: 0;
	padding: 30px 0 0 15px;
	list-style-type: none;
	}

div#utilnav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-image: none;
	}
	
div#utilnav li a {
	margin: 0;
	padding: 0 15px;
	display: block;
	font: 10px Tahoma;
	color: #3C79BC;
	text-decoration:none;
	}

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



/* Web Audio */
div#webaudio {
	margin: 0;
	padding: 0;
	width: 258px;
	height: 30px;
	}

a#sound {
	margin: 0;
	padding: 0;
	display: block;
	width: 258px;
	height: 30px;
	background: url(images/audio_off.gif) no-repeat;
	}

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

.right {
	margin: 10px 30px 10px 10px;
	padding: 1px;
	float: right;
	border: 1px solid #2B1D02;
	}

.left {
	margin: 0;
	padding: 0;
	float: left;
	}
	
.lefter {
	margin: 10px 20px 30px 100px;
	padding: 1px;
	float: left;
	border: 1px solid #0A1936;
	}

/* DIV ADMIN */
div#admin {
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 770px;
	height: 28px;
	clear: both;
	text-align: center;
	}	



/* COPYRIGHT */
div#copyright {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 770px;
	font: normal 10px Tahoma;
	text-align: center;
	clear: both;
	color: #53401B;
	}

	div#copyright a {
		font: normal 10px Tahoma;
		color: #53401B;
		text-decoration: none;
		}
	
	div#copyright a:hover {
		color: #2B1D02;
		text-decoration: underline;
		}
