<style type='text/css'>
img {border-style: none;}
a {border-style: none;}
a img {border: none;}
h2 {margin: 0; padding: 0;}

a.menu:link { text-decoration:none;}
a.menu:visited { text-decoration:none;}
a.menu:active { text-decoration:none;}
a.menu:hover { text-decoration:underline;}

a:link { text-decoration:none;}
a:visited { text-decoration:none;}
a:active { text-decoration:none;}
a:hover { text-decoration:underline;}


body { 
		font-family: arial, helvetica, sans-serif;
		font-size: 10pt;
		text-align: center;
		background-image: url('images/bar.jpg');
		background-repeat: repeat-x;
		background-color: #E5D283;
		}
		
#container {
		margin: 0 auto; 
  		width: 800px; 
  		
		position: relative;
		top: 33px;
		}
		
#header {
		border: 0px solid white;
		background-image: url('images/header.gif');
		background-repeat: no-repeat;
		position: relative; 
		height: 298px; 
		width: 800px;
		top: -20px;		
		}		
		
#nav	{
		width: 755px;
		height: 50px;
		border-left: 9px solid #360000;
		border-right: 9px solid #360000;
		margin: -20px 0 -16px 17px;
		background-color: white;
		text-align: center;
		padding: 15px 0 20px 0;
		}
		
.table {
		display: table;   
	    margin: 0 auto;

		}

#nav ul	{		
		display: inline;
		list-style: none;
		text-align: center;
		margin: 0px;
		padding: 0px;
		}
		
		
#nav li	{
		float: left;
		margin: 0 0.35em;
		text-align: center;
		}
		
#nav li a
		{
		height: 2em;
		line-height: 2em;
		width: auto;
		border: none;
		text-decoration: none;
		text-align: center;
		}
		
#content {
		clear: both;
		width: 755px;
		
		border-left: 9px solid #360000;
		border-right: 9px solid #360000;
		margin: 0 0 0 17px;
		background-color: white;
		}
		
/* if you remove this then the container disappears in IE */
html #content{

} 

.left-content {
		float: left;
		width: 190px;
		
		margin: 0 0 0 20px;
		text-align: center;
		
		}
		
.left-content h2{
		clear: both;
		margin: 0 0 -10px 0;
		}
		
.updates {
		width: 170px;
		margin: -10px 10px 20px 10px;
		background-color: #e5d283;
		border: 2px solid #360000;
		padding: 5px;
}

		
.main-content {
		float: right;
		width: 505px;
		
		margin: 0 10px 0 0;
		text-align: left;
		
		}

.main-content-whole {
		float: left;
		width: 755px;
		margin: 0 10px 0 0;
		padding: 20px 20px 40px 20px;
		text-align: left;
		
		}
		
.main-content-whole span{
		clear: both;
		text-center: left;
		
		}
		
.clear {
	clear: both;
}

#footer {
		clear: both;
		width: 785px;
		height: 75px;
		margin: 0 0 0 11px;
		background-image: url('images/footer.gif');
		background-repeat: no-repeat;
		}			
		
.music {
		}						
		
.text {
	width: 505px;
	position: relative;
	border-left: 9px solid #360000;
	border-right: 9px solid #360000;
	background-color: #ffffff;
	top: -125px;
	left: 17px;
	text-align: left;
	padding: 25px 25px 0px 225px;
	}

#news {
	width: 150px;
	height: 200px;
	position: relative;
	border: 1px solid #BF0000;
	background-color: #E5D283;
	top: -1920px;
	left: 50px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	font-size: 9pt;
	}

.email {
	clear: both;
	font-size: 10pt;
	position: relative;
	float: right;
	margin: 22px 57px 0 0;
}

.email a {
	text-decoration: none;
	color: #360000;
	font-weight: 600;
}


						

</style>
