body{
background-color: #ccc;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: auto;
text-align: center;
}

p, h1, h2, h3, h4, h5, a, ul, li, lo, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; /* Not necessary if not using text-align center in body tag for older IE browsers. */
}
/* Redefines the p tag */
p {font: 12px Arial, Helvetica, sans-serif;}

td, th {
vertical-align: top;
}

h1 {
font: 17px Trebuchet MS, sans-serif; 
color: #607280;
}

h2 {font: bold 13px Trebuchet MS, sans-serif; color: #607280;
}

/* Creates the general link style for the site. This is not the main navigation.  */
a {color: #607280; text-decoration: underline;}

#container{
position: relative;
width: 770px;
background: #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
text-align: left;
margin: auto;
}

#flash {
position: absolute;
top: 65px;
right: 0px;
}

#diybox{
width: 770px;
background: #fff url(images/diy-bg.gif) repeat-y top left;
margin: 10px auto;
border: 1px solid #000000;
text-align: left;
}

#header {
position: relative;
height: 200px;
background: url(images/header.gif) no-repeat top left;
clear: both;
}

#title {
margin: 5px 0 0 265px;
}

#audio {
position: absolute;
top: 0px;
left: 296px;
}

#audio a{
color: #000;
}

#applet {
width: 200px;
padding: 10px;
}

#applet a {
font: 12px Arial, Helvetica, sans-serif;
color: #006;
}

#navcontainer {
	width: 770px;
	margin: auto;
	padding: 0px;
}

#mainnav {
	float: left;
	width: 770px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom: 5px solid #555;
	background: #fc3;
	}

#mainnav li {
	float: left;
	margin: 0;
	padding: 0px;
	list-style: none;
	border-right: 1px solid #000;
}

#mainnav a {
	float: left;
	padding: 7px 10px;
	text-decoration: none;
	color: #000;
	}
#mainnav a:hover {
	background: #F5C126;
	color: #000;
	}
	
#mainnav a.active {
	background: #ADC5D8;
	color: #000;
	}
	
#navleft a {
margin-left: 100px;
background: url(images/navleftbg.gif) repeat-y top left;
}

#navleft a:hover, #navleft a.active {
background: url(images/navlefthover.gif) repeat-y top left;
}

#content {
margin: 0;
padding: 25px;
}

#content h1 {
margin-top: 0px;
}

/* html #content {margin-left:97px;}
/* commented backslash mac hiding hack  \*/ 
/* html #content {height:1%;} 
/* end hack */ 

#leftcol {
padding: 10px;
width: 80px;
height: 143px;
margin: 0;
margin-right: 0;
float: left;
background: url(images/leftcolbg.gif) no-repeat top left;
}

* html #leftcol{margin-right:-3px}

#content a{
font: 12px Arial, Helvetica, sans-serif;
color: #607280;
}

#content a.small{
font: 9px Verdana, sans-serif;
color: #607280;
}

#content li{
list-style-type: square;
margin-left: 0px;
font: 12px Arial, sans-serif;
}

#content dl {
margin-top: 20px;
	}
	
#content dt {
	color: #06c;
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bold;
	}
#content dd {
	margin: 0;
	padding: 0 0 0 0;
	font: 12px Arial, sans-serif;
	}

#rightcol {
padding: 10px;
margin: 0px;
float: right;
}

#textarea {
display: block;
text-align: center;
}

#textarea p {
display: block;
text-align: center;
}

#textarea a {
color: #607280;
}

#textarea h2 {
text-align: center;
padding: 0px;
margin: 0px;
}
	
/* LOCATIONS */
#one {
float: left;
width: 200px;
color: #0E63B3;
border-right: 1px dashed #0E63B3;
font-size: 9px;
margin: 0;
}

#two {
width: 200px;
color: #0E63B3;
border-right: 1px dashed #0E63B3;
font-size: 9px;
margin: 0 0 0 210px;
padding: 0;
}

#three {
float: right;
width: 200px;
margin: 0 0 0 0;
color: #0E63B3;
font-size: 9px;
}

#diy {
margin: 0 0 0 100px;
padding: 20px 25px 25px 25px;
}

#diy li{
list-style-type: square;
margin-left: 0px;
font: 12px Arial, sans-serif;
}

#diy a {
color: #006;
font: Arial, Helvetica, sans-serif;
}

/*.clearit{
clear: both;
display: block;
background-color:#00FF66;
width: 200px;
}*/

#address {
position: absolute;
top: 127px;
left: 550px;
width: 220px;
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}

#address a {
font: 10px Verdana, sans-serif;
color: #fc0;
}

#address p {
font: 10px Verdana, sans-serif;
padding: 5px 0px;
margin: 0px;
}

/* ---------------------------- FOOTER ----------------------------  */
/* Creates the div container for the footer. */
div#footer {
clear: both;
background: #97A8B4;
margin: 0;
}

div#footer p{
color: #fff; 
font: 9px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0;
padding: 1.2em 10px 5px 10px;
height: 20px;
}

div#footer a:link, a:visited, a:hover, a:active {
color: #fff;
margin: 0;
}

div#copyright {
margin: 0;
padding: 10px;
background: #000;
}

div#copyright p, #copyright a {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #777;
margin: 0;
padding: 0;
}

img.normal {
border: 1px solid #000;
}

img.right {
float: right;
margin: 0 10px 50px 25px;
border: 1px solid #000;
}

img.left {
float: left;
border: 1px solid #000;
}

object.splash {
}

.small, .small p {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #607280;
padding: 0px;
margin: 10px 0px;
}

.disclaimer, .disclaimer p {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #607280;
padding: 0px;
margin: 10px 350px 10px 0;
}

#popup {
margin-top: 10px;
width: 250px;
display: block;
}

#popup p, #popup a{
color: #000;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
}

#introbox {
width: 770px;
margin: 50px auto;
background: #fff;}

#introbox a.small {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: #607280;
}

#intro {
width: 500px;
border: 1px solid #000;
margin: 50px auto;
}

#intro a{
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
}

#intro object, #intro embed{
display: block;
text-align: center;
}

#intro p{
text-align: center;
color: #fff;
}