/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body {
margin: 0;
padding: 0;
background: #fff url(images/bg.gif) repeat-x;
text-align: center;
}

p, h1, h2, h3, h4, h5, a, ul, ol, li, td {
font: normal 12px Arial, Helvetica, Verdana, sans-serif;
}

em {color:#990000;}

p {
margin: 0;
padding: 4px 35px 16px 35px;
}

h1 {
margin: 0 30px 15px 30px;
padding: 15px 0 0 0;
border-bottom: 1px solid #990000;
font-size: 16px; 
font-weight: bold; 
color: #990000;
}

h2 {
margin: 0 30px 0 30px;
padding: 0;
font-size: 14px; 
font-weight: bold; 
color: #990000;
}

ul, ol {
margin: 0;
padding: 0 35px 16px 35px;
}

ul li {
margin: 3px 0 3px 25px;
padding: 0;
list-style-type:circle;
}

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 {
	padding: 0px;
	margin: -50px auto;
	text-align: center;
}



address {
	position:absolute;
	margin:0 auto;
	padding: 10px 0;
	font:normal 13px Arial, Helvetica, Verdana, sans-serif;
	text-align:left;
	left: 571px;
	top: -2px;
	width: 232px;
	background-image:url(images/sidebar.gif);
	height: 237px;
	background-repeat:no-repeat;
	padding-left: 20px;
	color:#000000;
}

div {
margin: 0;
padding: 0;
}

/* Creates the general link style for the site. This is not the main navigation.  */
a:link {
color: #990000;
text-decoration: underline;
}

a:visited {
color: #990000;
text-decoration: underline;
}

a:hover
 {
color: #990000;
text-decoration: underline;
}





/* ----------------- PAGE LAYOUT ELEMENTS (for tables) ----------------- */
table, td, th {
border-collapse: collapse;
}

/* DIV HEADER */
div#header {
width: 770px;
background-image:url(images/header.jpg);
margin: 0 auto;
padding: 0;
height:238px;
}

/* 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: 570px;
margin: 0 0 0 0x;
padding: 0;
}

/* DIV SIDEBAR */
div#sidebar {
width: 146px;
position: absolute;
top: -181px;
left: 581px;
margin: 0;
padding: 0;
}



/* DIV FOOTER */
div#footer {
width: 670px;
margin: 0 auto;
position:static;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background: #ccc;
color: #FFFFFF;
height:20px;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
text-align:left;
padding-left: 100px;
}

div#footerright {
	width: 770px;
	margin: 0 auto;
	padding:10px 0px 10px 0;
	font: normal 9px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	background: #fff;
}

div#footer a {
font-size: 9px;
color: #FFFFFF;
text-decoration: underline;
text-align:left;
}



/* DIV COPYRIGHT */
div#copyright {
width: 670px;
padding-left: 100px;
margin: 0 auto;
padding: 5px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background: #fff;
color: #000000;
text-align:left;
}

div#copyright a:link, div#copyright a:visited, div#footerright a:visited, div#footerright a:link {
font-size: 9px;
color: #000000;
text-decoration: none;
text-align:center;
}

div#copyright a:hover, div#copyright a:active, div#footerright a:hover, div#footerright a:active {
font-size: 9px;
color: #000000;
text-decoration: underline;
text-align:center;
}

/* ----------------- 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: 0;
padding: 0;
width: 160px;
}

ul#mainnav li {
color:#FFFFFF;
list-style-type:none;
}

ul#mainnav li a {
display: block;
font-weight:bold;
height: 25px;
padding-left: 0px;
margin: 0px;
font-size: 12px;
text-decoration: none;
text-align: left;
text-indent: 5px;
color: #000000;
background:none;
}

ul#mainnav li a.current:link, ul#mainnav a.current:visited {
color: #fff;
list-style-image:none;
font-weight:bold;
font-size: 12px;
}

ul#mainnav li a:hover {
color: #fff;
list-style-image:none;
font-weight:bold;

}

/* ----------------- IMAGE ELEMENTS ----------------- */
.imgleft {
	float: left;
	margin: 10px 10px 10px 25px;
	padding: 0;
	border: 1px solid #000;
}

.imgright {
	float: right;
	margin: 0px 10px 10px 20px;
	padding: 0;
	border: 1px solid #000;
	clear: right;
}

#clearboth {
clear: both;
}

/* ----------------- CUSTOM CLASSES ----------------- */
.boldunderlined {
font-weight: bold;
text-decoration: underline;
}

.textcenter {
text-align: center;
}

.textcenterbold {
text-align: center;
font-weight: bold;
}

.iframe {
text-align:center;
margin: 0px auto;
}

div#audiolink {
	position:absolute;
	left: 60px;
	top: 1px;
	width: 105px;
	height: 22px;
}
