/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body, p, h1, h2, h3, address, a, ul, ol, li, td, div {
margin:0;
padding:0;}

body {
background: #7bae5c url(images/bg_site.gif) left top repeat-x;
text-align: center;}

p, h2, a, ul, ol, li, td {
font: normal 14px Arial, Verdana, Helvetica, sans-serif;}

p {
padding: 5px 30px 15px 30px;
color:#666;}

h1 {
height:21px;
padding:12px 0 12px 15px;
margin:0 0 15px 0;
font: normal 21px Georgia, "Times New Roman", Times, serif;
color: #ce8d13;
background:#ffffe8;}

h2 {
padding: 10px 30px;
font: bold 14px Arial, Verdana, Helvetica, sans-serif;
color:#666;}

ul{
margin: 0;
padding: 0 0 10px 0;}
	ul li {
	margin: 5px 0 5px 35px;
	padding: 0 0 0 10px;
	list-style:none;
	list-style-image:none;
	background:url(images/bullet.gif) 0 3px no-repeat;}

	ul.sublist {
	padding:0;}
		ul.sublist li {
		margin: 5px 0 2px 15px;
		padding: 0 0 0 10px;
		list-style:none;
		list-style-image:none;
		background:url(images/bullet.gif) 0 3px no-repeat;}
	

address {
clear:both;
width:770px;
padding:15px 0;
margin:0 auto;
text-align:center;
color:#71935a;
background:#f1f9ef;
font:normal 14px Arial, Helvetica, Verdana, sans-serif;}

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

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

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

/* DIV HEADER */
div#header {
position:relative;
width: 770px;
height:70px;
margin: 0 auto;
background:url(images/bg_header.gif) 0 0 no-repeat;}
	div#logo {
		position:absolute;
		top:16px;
		right:17px;
		width:115px;
		height:161px;}

div#flash {
width:770px;
height:250px;
margin: 0 auto;
background: url(images/bg_flash.jpg) left top no-repeat;}

/* DIV CONTAINER */
div#container {
width: 770px;
margin: 0 auto;
text-align:left;
background: #fff url(images/bg_container.gif) 0 0 no-repeat;}

/* DIV SIDEBAR */
div#sidebar {
float:left;
width: 180px;
padding:65px 0 0 0;}
	div#sidebar address {
	width:180px;
	text-align:center;
	margin:0;
	padding:10px 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	background:none;}

/* DIV CONTENT */
div#content {
float:left;
width: 590px;
padding:0 0 20px 0;}
	div#iframe {
	text-align: center;}
	div#map {
	width:550px;
	margin:0 auto;}
		div#map iframe {
		border: solid 1px #71c05a;}

div#columnwrapper {
width:750px;
margin:0 auto;}
	ul#columnlists {
	width:187px;
	float:left;}

/* DIV FOOTER */
div#footer {
clear:both;
text-align:center;
width: 770px;
height: 18px;
padding: 7px 0 0 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background: #d9f6d1;
color: #dae4d3;}
	div#footer a:link, div#footer a:visited {
	padding:0 5px;
	font-size: 9px;
	color: #71935a;
	text-decoration: none;}
	div#footer a:hover, div#footer a:active {
	padding:0 5px;
	font-size: 9px;
	color: #3f6b32;
	text-decoration: none;}

/* DIV COPYRIGHT */
div#copyright {
position:relative;
width: 770px;
margin: 0 auto;
padding: 8px 0 10px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
color: #dcf6c8;}
	div#copyright a:link, div#copyright a:visited {
	font-size: 9px;
	color: #dcf6c8;
	text-decoration: none;}
	div#copyright a:hover, div#copyright a:active {
	font-size: 9px;
	color: #dcf6c8;
	text-decoration: underline;
	background:none;}
	.ypimg {
	position:absolute;
	top:2px;
	left:0;}
	.footerright {
	position:absolute;
	top: 15px;
	right:0;
	z-index:3;}

/* ----------------- WEB AUDIO APPLET ----------------- */
a.audio {
display:block;
width:140px;
padding:5px 0;
margin:0 auto;
text-align:center;
text-decoration:none;
border: 1px solid #f5fbf4;
font: bold 11px Arial, Helvetica, sans-serif;
color:#fff;}
	a:hover.audio, a:active.audio {
	color:#3a9b1e;}

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 {
position:absolute;
top:205px;
left:0;
padding:0;
margin:0;
width: 180px;
height:159px;
background:#6fbbec;
border-bottom: solid 1px #def1d9;}

ul#mainnav li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
background:none;}

ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
display: block;
margin: 0;
padding: 7px 0;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: center;
color: #fff;
border-top: solid 1px #b7ddf6;}

ul#mainnav li a.current:link, ul#mainnav a.current:visited {
color: #fffca7;
background:#6fbbec;}

ul#mainnav li a:hover {
background: #71c05a;
color: #fffca7;}

/* ----------------- IMAGE ELEMENTS ----------------- */
.imgright {
float: right;
margin: 10px 25px 10px 10px;
background:#fff;}
	.imgright img, div.imgcenter img {
	padding: 1px;
	border:1px solid #71c05a;}

div.imgcenter {
width: 700px;
margin: 0 auto;
padding: 0 0 10px 0;
background:#fff;}
	

/* ----------------- CUSTOM CLASSES ----------------- */
.clearboth {
clear: both;}

.textcenter {
text-align: center;}

.textcentergreen {
text-align: center;
color:#4a7d3a;}

p.question {
font: bold 16px Arial, Verdana, Helvetica, sans-serif;
padding: 5px 30px 0 30px;}