/* THE DRUMS ---------------------------*/

	
/* CLEAR FIX ---------------------------*/	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.StyleSheetHiddenPlaceHolder  {
	display : none;
}





/* TEXT SETTINGS ---------------------------*/	

html{
	overflow:-moz-scrollbars-vertical;
}

body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3{
font-family: Arial, Sans-Serif, Tahoma, Geneva, Verdana;		
font-size:94%;
color: #feff99;	
}

BODY {
	margin:0px 0 10px 0;
	padding:0px 0 2em 0;
	background-color: #336699;
	}


#header {
	font-size:24px;
	padding:5px 0 0px 0;
	margin:0 0 15px 0;
	}
	

h1 {
	font-size:150%;
	padding:0 0 0em 0;
	margin:0 0 0em 0;
	/*display: none;*/
	}
	
h2 {
	font-size:120%;
	padding:0 0 0 0;
	margin:0 0 15px 0;
	}

h3 {
	font-size:117%;
	margin:0px 0 0.5em;
	}
	
h4 {
	font-size:140%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
h5 {
	font-size:105%;
	padding:0 0 .6em 0;
	margin:0 0 .3em 0;
	}	
	
h6 {
	font-size:105%;
	padding:0 0 .6em 0;
	margin:0 0 .3em 0;
	}
	
p  {
/*	font-size:92%;*/
	font-size:88%;	
	line-height:1.2em;
	padding:0 0 .8em 0;
	margin:0 0 .5em 0;
	font-weight: normal;
	}
	
p span{
	font-weight:bold;
	}
	
a {
	color:#feff99; 
	/*padding:0 0 2em 0;
	margin:0 0 .7em 0;*/
	text-decoration:underline;
	}

a:visited {
	color:#feff99; 
	/*padding:0 0 2em 0;
	margin:0 0 .7em 0;*/
	text-decoration:none;
	}

a:hover {
	text-decoration:none;
	color: white;
	}
	
legend {
    color:#feff99; 
	font-size:140%;
	}
	
fieldset {
	border:1px solid #000000;
	width:390px;
	padding: 0 15px 15px 15px;
	margin-bottom:15px;
	}		
	
div.hr {display: none}
/*/*/a{}
div.hr {
	display: block;
	height: 25px;
	background-image: url(images/hr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 1em 0 2em 15px;
	width: 70%;
}
hr {display:none}
/* */	



/* IMAGES ---------------------------*/		
img { 
	border: none; 
	}

img.left { 
	float:left; margin:5px 15px 15px 0;
	padding:0 
	}	
	
.wide img.left { 
	margin:0px .7em 0 0;	
	}

img.right { 
	float:right; margin:5px 5px .5em .7em; 
	width:auto;
	}
	
img.middle { vertical-align:middle; width:auto;}






/* STRUCTURE ---------------------------*/		
#wrap{
	width:495px;
	padding: 15px 0 0 0;
	margin:0px auto;
	text-align:left;
	font-size:90%;	
	}	

#wrap-home{
	width:640px;
	padding: 50px 0 0 0;
	margin:0px auto;
	text-align:left;
	font-size:90%;	
	}	

#headerlogo {
	padding: 0 35px 10px 35px;
	margin:0px auto;
	width:425px;
	height: 163px;
	text-align:center;
	}
	#headerlogo h1 a, #headerlogo h1 a:visited{
	display:block;
	background:url(images/drumslogo.gif) no-repeat;
	width:425px;
	height:163px;
	text-indent:-3000em}

	#headerlogo a {color:#333;}
	#headerlogo a:hover {color:#333; text-decoration:none;}
	
	
	
	
	
	
	
	
	
	
	
	/* MAIN NAV ---------------------------*/	
#nav{
	width:100%;
	border:0px solid red;
	padding: 0 0 0 0;
	margin:0px auto;	
	text-align: center;
	}
	
	#nav ul {
	margin:0 0 0 0;	
	padding:0;
	font-size:135%;
	display: inline;	
	/*background-color: #D9D8C1;*/
	}
	
	#nav ul li {
	list-style-type:none;
	margin:0 0 0 0;
	padding: 12px 3px 0 0px;
	display: inline;
	}
	
	#nav ul li a, #nav ul li a:visited{
	text-decoration:none;
	}
	
	#nav ul li a:hover{
	text-decoration:none;

	}
	
	/* this state ---------------------------*/	
		#nav  ul.lhs li.this {
/*		display: block;*/
		margin:0;
		}
	
		#nav ul.lhs li.this a, #nav ul.lhs li.this a:visited{
		color:#c6d41e;
		padding-right: 10px;
		}
	
		#nav ul.lhs li.this a:hover{
		text-decoration:none;
		}
	
		#nav ul.lhs li a img{
		float:right;
		margin:.4em .1em 0 0;
		border: none;
		/*margin:-12px 0 0 0;*/
		}
	
		#nav ul.lhs li.this a, #nav  ul.lhs li.this a:visited {
		color:#c6d41e;
		font-weight: normal;
		margin-right: 10px;
		}

	/* bottom ---------------------------*/	
		#nav  ul.lhs li.this {
		display: block;
		margin:0;
		}
	
		#nav ul.lhs li.this a, #nav ul.lhs li.this a:visited{
		color:#c6d41e;
		padding-right: 10px;
		}
	
		#nav ul.lhs li.this a:hover{
		text-decoration:none;
		}
	
		#nav ul.lhs li a img{
		float:right;
		margin:.4em .1em 0 0;
		border: none;
		/*margin:-12px 0 0 0;*/
		}
	
		#nav ul.lhs li.this a, #nav  ul.lhs li.this a:visited {
		color:#c6d41e;
		font-weight: normal;
		margin-right: 10px;
		}

	



	
#content{
	width:425px;
	margin: 0 auto 20px;
	padding: 0 0 0 0;
	}
	
	#content ul{
	margin:0 0 10px 0;
	padding:0;
	}
	
	#content ul li {	
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
	}
	
	#content ol{
	margin:0 0 10px 0;
	padding:0;
	}
	
	#content ol li {
	list-style-type:decimal;
	margin:0 0 5px 18px;
	padding:0;
	}
	

.news 		{
	position:relative;
	padding: 13px 0 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 15px;
}	

.news p {/*padding-left:45px*/ font-size:11px;}
.news h2		{/*padding-left:45px*/ font-size:14px;}
.news .date				{font-size: 10px; padding: 0 0 0 0;}
.news .datebox			{position:absolute; left:0; top:10px; width:35px; text-align:center; padding:2px; font-size:90%; background-color: #5e86af;}
.news .datebox span		{display:block; font-size:12px;}	
.paging {font-size:11px;}
	
		

#footer{
	width:425px;
	padding: 0 0 0 0;
	text-align: center;
	margin: 0 auto 20px auto;
	}
			
	#footer a {color:#999;}
	#footer a:hover {color:#999; text-decoration:none;}