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

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 20px;
}


h1 {
margin: 0 30px 15px 20px;
padding: 15px 0 0 0;
border-bottom: 1px solid #cccccc;
font-size: 16px; 
font-weight: bold; 
color: #9c0500;
}

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: 0px 0px 0px 25px;
padding: 0px;
list-style-type:square;
}

ul.left {
	float: left;
	margin: 15px 15px 0px 0px;
	width: 210px;
	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-type:square;

}

iframe {
	text-align: center;
}



address {
	position:absolute;
	margin:0 auto;
	padding: 10px 0;
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	left: 8px;
	top: 382px;
	width: 160px;
	line-height:15px;
}


address  a:link {
color: #5b0806;
text-decoration: underline;
font-size:10px;
}

div {
margin: 0;
padding: 0;
}

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

a:hover, a:active {
color: #42510c;
text-decoration: underline;
}

a:visited {
color: #42510c;
text-decoration: underline;
}

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

/* DIV HEADER */
div#header {
width: 770px;
background-color:#FFFFFF;
padding: 0;
margin: 0 auto;
height:172px;
}


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

}


.logo{ 
	width: 200px;
	height: 104px;
	margin:0px;
	padding:0px;
	background-image:url(images/logo.gif);
}


/* DIV CONTAINER */
div#container {
width: 770px;
margin: 0 auto;
padding: 0;
position: relative;
text-align:left;
background-color:#FFFFFF;
}

/* DIV CONTENT */
div#content {
width: 590px;
margin: 0 0 0 180px;
padding: 0;

}

div#content ul li {
list-style-type:square;


}

/* DIV SIDEBAR */
div#sidebar {
	width: 180px;
	position: absolute;
	top: 126px;
	left: 0px;
	margin: 0;
	padding: 0;
	z-index: 2;
	height: 257px;
		background-image:url(images/bg_nav.jpg);
		background-repeat:no-repeat;
		text-align:center;
}

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;
position:static;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background:#cb0800;
color: #fff;
}

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: #fff;
text-decoration: none;
}

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

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

div#copyright a:hover, div#copyright a:active, div#footerright a:hover, div#footerright a:active {
font-size: 9px;
color: #fff;
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 {
	float: left;
	width: 96%;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	list-style-type: none;


	}

ul#mainnav li {
	/* float: left; */
	margin: 0px;
	padding: 0px;
	display: inline;

}

/* 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 {
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	display: block;
	height: 20px;

	padding-top: 4px;
	margin: 0px;
	font-weight:bold;
	color: #333;
	border-bottom: 1px dotted #42510c;
	text-indent: 20px;

}


ul#mainnav li a:hover, ul#mainnav li a.current {
	color:#9c0500;
	font-weight:bold;
		background-image:url(images/bullet.gif);
		background-repeat: no-repeat;
		text-indent: 25px;
}




div#map {
text-align:center;
}




/* ----------------- IMAGE ELEMENTS ----------------- */
.imgleft {
float: left;
margin: 10px 10px 10px 35px;
padding: 0;
}

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

#clearboth {
clear: both;
}

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

.textcenter {
text-align: center;
}

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

#audiobox {
	background-color:#C0C0C0;
	padding: 5px;
	padding-top:10px;
	text-align:center;
	height: 50px;
	width:163px;
	margin-top: 20px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	left: 0px;
	top: 170px;

}