/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body {
margin: 0;
padding: 0;
text-align: center;
background-color:#939699;

}

p, h1, h2, h3, h4, h5, a, ul, ol, li, td {
font: normal 12px Arial, Helvetica, Verdana, sans-serif;
}

p {
margin: 0;
padding: 4px 35px 16px 35px;
}

h1 {
margin: 0 30px 15px 30px;
padding: 94px 0 0 0;
border-bottom: 1px solid #d5d5d5;
font-size: 16px; 
font-weight: bold; 
color: #000;
}

h2 {
margin: 0 30px 0 30px;
padding: 0;
font-size: 12px; 
font-weight: bold; 
color: #000;
}

ul, ol {
margin: 0;
padding: 0 35px 16px 35px;
}

ul li {
margin: 3px 0 3px 25px;
padding: 0;
list-style-image: url(images/bullet.gif);
}

ul.left {
	float: left;
	margin: 15px 15px 20px 0px;
	width: 155px;
	padding: 0px 0px 0px 60px;
	font-family: Arial, Helvetica, sans-serif;
}

ul.left li {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
	line-height: 16px;
}

iframe {
	padding: 0px;
	clear: left;
	float: left;
	margin: -20px 0px 0px -20px;
	text-align: center;
}



address {
	position:absolute;
	margin:0 auto;
	padding: 10px 0;
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	left: 6px;
	top: 207px;
	width: 225px;
}

div {
margin: 0;
padding: 0;
}

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

a:hover, a:active {
color: #030;
text-decoration: none;
}

a:visited {
color: #666;
text-decoration: none;
}

/* ----------------- PAGE LAYOUT ELEMENTS (for tables) ----------------- */
table, td, th {
border-collapse: collapse;
}

/* DIV HEADER */
div#header {
width: 770px;
height:171px;
background-image:url(images/header.jpg);
margin: 0 auto;
padding: 0;
}


div#cta{
	position:absolute;
	left: 235px;
	top: -36px;
	width: 473px;
	z-index: 4;

}


/* DIV CONTAINER */
div#container {
width: 770px;
margin: 0 auto;
padding: 0;
position: relative;
text-align:left;
background-image:url(images/contentbg.gif);
}

/* DIV CONTENT */
div#content {
width: 530px;
margin: 0 0 0 238px;
padding: 0;

}

/* DIV SIDEBAR */
div#sidebar {
	width: 238px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 2;
}

div#audiobutton{
width: 238px;
height: 35px;
margin: 0px;
padding: 0px;
}

/* DIV FOOTER */
div#footer {
width: 770px;
height: 35px;
margin: 0 auto;
margin-bottom: 15px;
padding: 3px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background:#7E977E;
color: #fff;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
text-align:center;

}

div#footerright {
width: 770px;
margin: 0 auto;
padding:0 0 10px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
color: #243C24;
text-align: right;
}

div#footer a:link, div#footer a:visited {
font-size: 9px;
color: #fff;
text-decoration: underline;
}

div#footer a:hover, div#footer a:active {
font-size: 9px;
color: #fc0;
text-decoration: none;
}

/* DIV COPYRIGHT */
div#copyright {
width: 770px;
margin: 0 auto;
padding: 5px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
color: #243C24;
}

div#copyright a:link, div#copyright a:visited, div#footerright a:visited, div#footerright a:link {
font-size: 9px;
color: #243C24;
text-decoration: none;
}

div#copyright a:hover, div#copyright a:active, div#footerright a:hover, div#footerright a:active {
font-size: 9px;
color: #fc0;
text-decoration: underline;
}

/* ----------------- WEB AUDIO APPLET ----------------- */
div#applet {
position:relative;
width: 180px;
height: 100px;
background: url(images/webaudio.gif) top left no-repeat;
}
 
div#applet div {
position: absolute;
top: 52px;
left: 75px;
width: 68px;
height: 30px;
}

div#applet a {
display: block;
position: absolute;
top: 85px;
left: 0px;
width: 180px;
 height: 10px;
}

/* ----------------- MAIN NAVIGATION ----------------- */
ul#mainnav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	position: relative;
	}

/* Lists, by default, are block level elements, so the applying the inline style removes the line breaks of a block level element and causes the links to line up next to one another. We float the items left as some browsers have difficulty displaying the inline property correctly in this fashion. We remove all margins and padding and the bullet by setting the list style type to none.*/

ul#mainnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	text-decoration: none;
	text-align: left;
	display: block;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(images/regular.gif);
}
/* Creates the hover and "on" status style, which can be applied directly to a single link. */
ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav li a.current:visited {
	color: #000066;
	background-image: url(images/current.gif);
}
/* ----------------- IMAGE ELEMENTS ----------------- */
.imgleft {
float: left;
margin: 10px 10px 10px 35px;
padding: 0;
}

.imgright {
float: right;
margin: 0px 10px 10px 10px;
padding: 3px;
border: 1px solid #65696d;

}

#clearboth {
clear: both;
}

/* ----------------- CUSTOM CLASSES ----------------- */
.boldunderlined {
font-weight: bold;
text-decoration: underline;
}

.textcenter {
text-align: center;
}

.textcenterbold {
text-align: center;
font-weight: bold;
}

div#map {
text-align:center;
margin: 15px auto;
width: 400px;
height: 325px;
}