html   /* forces scroll bar */
	{
	overflow-y: scroll;
	} 

body
    {
	margin:0px;
	position:relative;
	top:0px;
	left:0px;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#ffffff;
	background-color:#555555;
	margin:0px;
	padding:0px;
	}

	
#wrapper /*---wraps complete page*---*/
	{
	position:relative;
	top:10px;
	left:0px;
	margin:2px auto 0px auto;
	z-index: 1;
	}	
	
#content /*--wraps content panel on each page*/
	{
	position:absolute;
	top:140px;
	left:0px;
	padding:0px;
	visibility: visible;
	}	
	
h1 	/*main headline on banner only*/
	{
	color:#ffffff;
	font-weight:bold;
	font-size:185%;
	margin-bottom:0px;
	margin-top:0px;
	}
	
h2 /*-------section headers-------------*/
	{
	color:#c3a3cc;
	font-weight:bold;
	font-size:105%;
	margin:0px 0px -5px 0px;
	}


p
	{
	/*no styling*/
	}


img
	{
	display:block; /*---stops IE putting unwanted space around images---*/
	}
	


a
	{
	color:#68aca5;
	text-decoration:none;
	}

a:hover
	{
	color:#ffff66;
	
	}

a img
	{
	border:0;
	display:block;
	}


li
	{
	list-style-image:url(/images/bullet4.gif);
	list-style-position:outside;
	text-align:left;
	margin-bottom:10px;
	}

ul
	{
	margin-left: 0px; 
	padding-left: 25px;
	margin-top:10px;
	padding-top:0px;
	font-size:90%;
	}
	
.indent
	{
	text-indent:10px;
	}
	
#wrapper, #content, .examtable, .samples, #mast, #footer, #btmstrap, #homepage1, #homepage2, #links
	{
	width:982px;
	}
	
.smallprp
	{
	text-align:left;
	font-size:80%;
	color:#c3a3cc;
	}
	
.smallwht
	{
	text-align:left;
	font-size:80%;
	color:#ffffff;
	}
	
.smallgrey
	{
	text-align:left;
	font-size:80%;
	color:#444444;
	}
	
/*-----------------------------individual page styling----------------------------------*/

/*---------------INDEX.HTM----------------*/


#frontpic1
	{
	border:1px solid #c3a3cc;
	}


#passport
	{
	float:right;
	border:1px solid #c3a3cc;
	}


#homepage1
	{
	border:0px;
	padding:0px;
	}

#homepage1 td
	{
	vertical-align:top;
	}

#intro
	{
	padding-left:25px;
	font-size:92%;
	}

#homepage2
	{
	border:0px;
	}
	
#homepage2 td
	{
	border:none;
	padding:0px;
	}
	
#pssprthldr
	{
	padding:0px;
	}
	

.strap
	{	
	color:#c3a3cc;
	font-weight:bold;
	font-size:95%;
	margin-bottom:0px;
	margin-top:0px;
	}


.cancel
	{
	text-align:left;
	font-size:70%;
	color:#c3a3cc;
	line-height:90%;
	}
/*--------------------------ABOUTME.HTM---------------------------*/

#aboutme
	{
	/*no styling*/
	}
	
#aboutme td
	{
	vertical-align:top;
	}



	
/*------------------------DRUM_LESSONS.HTM------------------------*/
	
#drumlessons
	{
	width:100%;
	}
	
#drumlessons td
	{
	vertical-align:top;
	}
	

/*-------------------------DRUM_GRADES_EXAMS.HTM---------------------*/

#examtable
	{
	font-size:70%;
	margin-top:20px;
	}				
				
#examtable td
	{	
	text-align:left;
	}

#examtable th
	{
	text-align:left;
	color:#c3a3cc;
	font-weight:normal;
	font-size:125%;
	}

#certholder
	{
	vertical-align:top;
	padding-top:25px;
	}
	
#gradespopup
	{
	background-color: #555555;
	position:absolute;
	border:10px solid #c3a3cc;
	top:135px;
	left:100px;
	width:722px;
	height:400px;
	z-index:2;
	padding:5px 20px 5px 20px;
	visibility:hidden;
	overflow:auto;
	}
	

	
/*----------------------------DRUM_SAMPLES.HTM------------------------*/
	
#samples
	{
	font-size:70%;
	margin-top:5px;
	margin-bottom:10px;
	width:100%;
	}

	
#samples td
	{
	text-align:left;
	padding:1px 0px 1px 0px;
	vertical-align:top;
	}
	
.genres
	{
	color:#c3a3cc;
	}
	
#samplespgpic2, #samplespgpic3, #samplespgpic4, #samplespgpic5
	{
	margin-top:30px;
	}

/*--yahoo music player--*/



#ymp-player .ymp-color-main, #ymp-tray .ymp-color-tray
	{ 
	background-color:transparent !important; 
	/*background-image:url(/images/greytexture.jpg);*/
	}

#ymp-meta-image
	{
	display:none !important;
	} 

#ymp-body #ymp-meta-top, #ymp-body #ymp-meta-bottom
	{ 
	left:8px !important; 
	width:330px !important; 
	}	
	
#ymp-player .ymp-color-text-main
	{   
	color:#68aca5 !important; 
	}
	
#ymp-relevance{ display:none !important; } 
.ymp-player-max #ymp-body { width:570px !important; } 
.ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; } 
.ymp-player-max #ymp-body #ymp-body-base  { width:560px !important; }

.ymp-tray-track ymp-color-text-tray playing
	{
	color:#c3a3cc !important;
	}

/*---------------------DRUM_VIDEOS.HTM--------------------*/

#videomenu td
{
padding:10px;
}

#vwadpopup
	{
	position:absolute;
	top:0px;
	left:196px;
	z-index:2;
	padding:5px 20px 5px 20px;
	visibility:hidden;
	overflow:auto;
	}
	
#vwadcloser
	{
	position:absolute;
	left:605px;
	top:415px;
	z-index:5;
	visibility:hidden;
	}

#shopdemo1popup
	{
	position:absolute;
	top:0px;
	left:196px;
	z-index:2;
	padding:5px 20px 5px 20px;
	visibility:hidden;
	overflow:auto;
	}
	
#shopdemo1closer
	{
	position:absolute;
	left:605px;
	top:415px;
	z-index:5;
	visibility:hidden;
	}
	
	
	
	
			
/*--------------------------------DRUM_LINKS.HTM------------------------*/

#links
	{
	font-size:80%;
	}
	

#links th
	{
	color:#c3a3cc;
	text-align:left;
	}

#links td
	{
	padding:0px 0px 0px 0px;
	}		
	

/*-------------------------CONTACT.HTM-----------------------*/	

#msgfrm
	{
	/*no styling*/
	}

#msgpanel
	{
	/*no styling*/
	}
	

#contactformtable
	{
	width:500px;
	background-color:#dfcce4;
	color:#444444;
	font-size:80%;
	}
		
#contactformtable td
	{
	vertical-align:top;
	padding:4px 4px 4px 4px;	
	}	
		
	
/*------------------header & footer------------------*/	
	
/*------header----------*/

#headerpic
	{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	visibility: visible;
	}

#bigtitle
	{
	position:absolute;
	top:12px;
	left:30px;
	width:auto;
	height:40px;
	z-index:2;
	visibility: visible;
	}
	
#auxtitle
	{
	position:absolute;
	top:25px;
	left:450px;
	color:#ffffff;
	font-style:italic;
	font-size:150%;
	z-index:30;
	}
	
		
#menubar
	{
	position:absolute;
	top:86px;
	left:30px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	border:none;
	padding:4px 0px 4px 0px;
	visibility: visible;
	}

.hbuttons a
	{
	font-size:85%;
	text-decoration: none;
	color:#ffffff;
	background-color:#68aca5;
	text-align:center;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:1px 10px 2px 10px;
	margin-right:2px;	
	}

.hbuttons a:hover
	{
	background-color:#ffff00;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	color:#555555;
	}

body#bodyhome a#homenav, body#bodyhome a:hover#homenav,
body#bodyaboutme a#aboutnav, body#bodyaboutme a:hover#aboutnav,
body#bodylessons a#lessonsnav, body#bodylessons a:hover#lessonsnav,
body#bodyexams a#examsnav, body#bodyexams a:hover#examsnav,
body#bodysamples a#samplesnav, body#bodysamples a:hover#samplesnav,
body#bodylinks a#linksnav, body#bodylinks a:hover#linksnav,
body#bodycontact a#contactnav, body#bodycontact a:hover#contactnav,
body#bodyvideos a#videosnav, body#bodyvideos a:hover#videosnav
	{
	background-color:#c3a3cc;
	cursor:default;
	color:#ffffff;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	}


/*-------------footer----------------*/

#btmstrap
	{
	margin-top:5px; 
	height:20px;
	background-color:#c3a3cc;
	font-size:80%;
	}