/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body {
margin: 0;
padding: 0;
text-align: center;
background-color:#937a9f;
background-repeat:repeat-x;
}

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


h1 {
margin: 0px 30px 15px 30px;
padding: 0px;
border-bottom: 1px solid #cccccc;
font-size: 18px; 
color: #542569;
}

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

strong, bold { color:#542569;}

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);
}


ol li {
margin: 3px 0 3px 25px;
padding: 0;
}
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-image: url(images/bullet.gif);
	line-height: 16px;
}

iframe {

	text-align: center;
}

div#map {

	text-align: center;
}


address {
	margin:0 auto;
	padding: 10px 0;
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	position:absolute;
	top:388px;
	left:11px;
	width: 153px;
	height: 25px;
}

address a:link{
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	}

div#misc {
	position:absolute;
	margin:0 auto;
	padding: 0px;
	font:normal 10px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	left: 637px;
	top: 42px;
	width: 111px;
	height: 20px;
}


div {
margin: 0;
padding: 0;
}

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

a:hover, a:active {
color: #14130e;
text-decoration: underline;
}

a:visited {
color: #14130e;
text-decoration: underline;
}

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

/* DIV HEADER */
div#header {
width: 770px;
background-image:url(images/containerbg.gif);
padding: 0;
margin: 0 auto;
height:224px;
float:right;
margin-bottom:15px;
}


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-image:url(images/bg_container.gif);
}

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

}

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

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:#542569;
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: #14130e;
text-decoration: none;
}

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

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

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

	}

ul#mainnav li {
	/* float: left; */
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}

/* 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: 24px;
	text-indent: 20px;
	padding-top: 4px;
	margin: 0px;
	font-weight:bold;
	color: #542569;
	background-image:url(images/navoff.gif);
}


ul#mainnav li a:hover, ul#mainnav li a.current {
	color:#542569;
	font-weight:bold;
	background-image:url(images/navon.gif);
}









/* ----------------- 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;
}

.imgrightnbdr {
float: right;
margin: 0px 0px 10px 10px;
clear:both;
}

#clearboth {
clear: both;
}

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

.textcenter {
text-align: center;
}

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