/* CSS Document */

#content-wrapper{
	background-color:rgb(255,169,82); 
	background-image:url(http://drumcircle.com/images/products/wrapperbg_22.gif);
	}

#footer {background-color:rgb(255,169,82);}

#menu{    
	background-image:url(http://drumcircle.com/images/products/navbg_03.jpg);
	background-repeat:no-repeat;
}

#menu  li ul { 
background-color:rgb(25,121,190); 
}

#menu a:hover {color:rgb(144,39,142); }

.light { color:rgb(255, 255, 205); font-weight:bold;}


a.urhere2{background-image:url(http://drumcircle.com/images/products/arrow_10.gif); background-repeat:no-repeat; background-position:0 2px; }

.urhere3{background-image:url(http://drumcircle.com/images/products/smarrow_16.gif); background-repeat:no-repeat; padding:0 0 0 12px; }


/* CSS Document */

/* CSS Document */
body{
	background-color:#009;
	font-family:Arial,Verdana, Helvetica, sans-serif;
}

#wrapper{
	width:967px; 
	margin:0 auto; 
	}

#header{background-image:url(http://drumcircle.com/images/headerNEW_03.jpg); background-repeat:no-repeat; width:967px; height:178px;}
#logo{float:left; padding:14px 0 0 20px;}
#arthur-head{float:right; padding:14px 20px 0 0 }
#content-wrapper{
	padding:0; 
	background-repeat:repeat-y;
	background-position: 10px 0;
	clear:both; 
	width:960px;
	text-align:center;
	margin:0 2px;
	}
	
#content{
	margin: 0 32px 0 222px; 
	background-image:url(http://drumcircle.com/images/content-bg_03.jpg);
	background-repeat:no-repeat; 
	background-color:#fff; 
	text-align:left; 
	padding:0 0 30px 0;
	}
#content ul{font-size:12px;}

#content p{margin:0; padding:6px 234px 0 20px; font-size:12px; line-height:18px;}

#content img{padding:0 0 6px 20px;}

#content td{font-size:12px; line-height:18px;}

#rightcol {float:right; width:220px;}
#rightcol img{padding:20px 20px 20px 0;}

#rightbox {float:right; width:270px; border: 1px solid #0078A3; margin: 0 4px 10px 10px;}
#rightbox h3  {background: #0078A3; color: white; margin: 0;
           font-size: 12px; text-align: left; text-transform: uppercase; padding: 6px 6px 2px 8px; letter-spacing: 1px;}
#rightbox p { margin: 5px 4px 6px 4px; padding: 0; color:309;}



#content h1, h2, h3{margin:0 0 0 0; font-weight: bold; }

#content h1 {
	padding:18px 220px 6px 20px;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:rgb(144,39,142);
	text-align:left;
}


#content table p{padding-right: 20px;}
#content table h1{padding-right: 20px;}
#content h2 {font-size:14px; padding:12px 0 0 20px;}

/*full content div*/
#contentwide{
	margin: 0 32px 0 222px;
	background-image:url(http://drumcircle.com/images/content-bg_03.jpg);
	background-repeat:no-repeat;  
	background-repeat:no-repeat; 
	background-color:#fff; 
	text-align:left; 
	padding:0 0 30px 0;
	}
#contentwide h1, h2, h3{margin:0 0 0 0; font-weight: bold; }


#contentwide td{font-size:12px; line-height:18px;}

#contentwide h1 {
	padding:18px 20px 6px 20px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:rgb(144,39,142);
	text-align:left;
}
#contentwide p{margin:0; padding:6px 20px 0 20px; font-size:12px; line-height:18px;}

#contentwide h2 {font-size:14px; padding:12px 0 0 20px;}
/*end full content div*/
.drummer-guy{padding:6px 4px 0 8px;}

h2.tagline{font-weight:bold; font-style:italic;  margin:10px 20px 0 80px; color:#000;}

#footer {text-align:center; width:960px; margin:auto; padding:0; height:32px; }

#footer img { padding:0;}

#footernav{text-align:center; width:960px; margin:auto; padding-top:30px; color:#fff; font-size:10px;}

#footernav a{text-decoration:none; color:#fff; padding:0 10px 0 8px; margin-bottom:20px;}

#footernav a:hover{text-decoration:underline;}

#menu{
	margin:auto; 
	padding: 0; 
	width:968px; 
	text-align:center;
	font-size:12px;
	height:22px;
	clear:both;
}


#menu ul {
padding:0 0 0 29px;
list-style: none; 
text-align:center;
margin:auto; 
}

#menu  li ul { 
float: left; 
padding:0;
margin:6px 0 0 0;
background-color:rgb(25,121,190); 
}

#menu ul li a { 
display: block;
text-align:center;
padding:5px 10px 0 9px;
color:#fff;
text-decoration:none;
margin:0;
}


#menu  li { 
float: left; 
padding: 0;
margin:0;
line-height:100%;
}


#sidenav{
	float:left;
	padding:0;
	height:100%;
	text-align:left;
	margin:70px 0 0 0;
	width:220px;
	}

#sidenav ul{
	list-style-type: none;
	margin: 0 0 0 32px;
	padding: 0;
	font-size:12px;
	}	


#sidenav  li{
	margin:0;
	padding: 0 0 10px 0;
	line-height:100%;
	}
	
#sidenav li ul{
	list-style-type: none;
	margin: 4px 0 0 28px;
	}

#sidenav ul a:hover{color:#339;}

.blue{color:#339;}

#sidenav ul li ul li a{font-weight:normal; padding:0; margin:0; }

#sidenav ul li ul li{ color:rgb(144,39,142); padding-left:10px;}

#sidenav ul li a{color:#4B0094; text-decoration:none;  margin:0; padding:4px 0 4px 14px; font-weight:bold; }


a.border {border-right: 1px solid #fff; }
a.urhere {border-right: 1px solid #fff; }

#features{margin:30px 0 0 40px;}


#features p{margin:0; padding:0;}

#features a{ 
	margin:10px 0 14px 0;
	width:150px;
	padding:0;
	text-decoration:none;
	text-align:right;
	display:block;
	font-family: Charcoal, Trebuchet MS, Helvetica, sans-serif;
	font-size:16px;
	font-style:bold;
	color:#009;	
	}

#features a:hover{color:#309;}



#contentcolumn{border-right:1px dotted rgb(25,121,190); }

/* 3rd-level navigation on playshops pages */
#nav3     {float: right; background: #D1DCF4; border: 1px solid #0078A3; margin: 0 0 10px 15px; }
#nav3 *   {font-size: 11px; line-height: 1.1; margin: 0 0 4px 0;
		   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}
#nav3head {background: #0078A3; padding: 6px 6px 2px 8px;}
#nav3 h3  {width: 200px; background: #0078A3; color: white; margin: 0;
           font-size: 11px; text-align: left; text-transform: uppercase; letter-spacing: 2px;}
#nav3 ul  {width: 200px; margin: 5px 6px 6px 8px; padding: 0;}
#nav3 li  {list-style: none;}
#nav3 li#current {color: black;}
#nav3 a:link, #nav3 a:visited {text-decoration: none;}



/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}