html, body {

	margin: 0px;

	padding:0px;

	background-image:url(../images/bg.gif);

}



h1, h2, h3, h4, h5, h6, p, form {

	margin: 0px;

	padding:0px;

}



#wrapper {

	width:800px;

	margin:0px auto;

	background-color:#FFF;

}



#content {

	width:778px;

	margin:0px auto;

	background-image:url(../images/bg_header_top.gif);

	background-repeat:repeat-x;

	background-position:top;

}



#header {
	height:96px;
}

.blah
{
}


#logo {

	width:258px;
	float:left;
	position: absolute;
	top: 92;
}




#logo h1{

	font-family:"Trebuchet MS";

	font-size:26px;

	color:#6633CC;

	font-weight:normal;

	text-decoration:none;

	padding-left:40px;

	padding-top:30px;

}



#logo h4 {

	font-family:"Trebuchet MS";

	font-size:11px;

	color:#808080;

	font-weight:normal;

	text-decoration:none;

	padding-left:75px;

}



/* NAV */


#nav-global 
{
	margin:0px; 
	padding-top:63px;
	font-family:"Trebuchet MS";
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	float: right
	
}
#nav-global li 
{ 
	display:block; float:left; list-style-type:none; margin:0; padding:0; 
}
#nav-global a 
{ 
	
	/*
	padding:5em 16px 10px 16px; 
	background:#092e20; 
	*/
	
	
	display:block; 
	float:left; 
	padding: 11px 11px 10px 10px;
	color:#fff;    
	background-color: #db2d25;
	/* width:64px; */
	/* height:25px; */
	
}

#nav-global a:hover 
{ 
	background-color:#8e8f93;
}

#news #nav-news a, #dojo #nav-dojo a, #aboutus #nav-aboutus a, #faq #nav-faq a, #links #nav-links a,
#directions #nav-directions a, #music #nav-music a, #contact #nav-contact a, #blog #nav-blog a
#classes #nav-classes a { 
	/* color:white; background:#092e20 url(../img/site/nav_bg.gif) bottom repeat-x; */
		background-color:#8e8f93;
		 
}


#mainimg {

	background-image:url(../images/main_img.jpg);

	background-repeat:no-repeat;
/*    position: absolute;
    top:0; */
	height:132px;

	text-align:right;
    z-index: 100;
}



#mainimg h1 {

	font-family:"Trebuchet MS";

	font-size:48px;

	color:#fff;

	font-weight:normal;

	text-decoration:none;

	padding:20px 40px 0px 0px;

}



#mainimg h2 {

	font-family:"Trebuchet MS";

	font-size:18px;

	color:#fff;

	font-weight:normal;

	text-decoration:none;

	padding:0px 40px 0px 0px;

}



#contentarea {

	clear:both;

	padding:25px 0px;

}

#contentarea
{
    	font-family:"Trebuchet MS";

	font-size:11px;

	color:#797B7A;

	font-weight:normal;

	text-decoration:none;
    
}

#contentarea a 
{
    color: #669900;
    text-decoration: underline;
}

#contentarea h2
{
    	font-family:"Trebuchet MS";

	font-size:26px;

	color: #db2d25;

	font-weight:normal;

	text-decoration:none;


	padding-bottom:5px;
}

#leftbar {

	float:left;

	width:539px;

	border-right:1px solid #BCBDBC;

}



.classes
{
    	font-family:"Trebuchet MS";

	font-size:11px;

	color:#797B7A;

	font-weight:normal;

	text-decoration:none;

}

.classes h1{
	font-family:"Trebuchet MS";
	font-size:26px;
	color:#db2d25;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:5px;
}

.classes h2{

	font-family:"Trebuchet MS";

	font-size:26px;

	color:#db2d25;

	font-weight:normal;

	text-decoration:none;


	padding-bottom:5px;

}

.classes h2 a
{
    text-decoration: underline;  
	color:#db2d25;

}

.classes p{

	font-family:"Trebuchet MS";

	font-size:11px;

	color:#797B7A;

	font-weight:normal;

	text-decoration:none;


}



.classes a {

	font-family:"Trebuchet MS";

	color:#33aa33;


	font-weight:bold;

	text-decoration:underline;

}



.classes a:hover {

	font-family:"Trebuchet MS";


	color:#000;

	font-weight:bold;
   
	text-decoration:none;

}

.classes .item
{
    padding: 0 25px;
    padding-bottom: 20px;
}

.classes .item .title
{
 	color:#6633CC;
    font-weight: bold;
    text-decoration: underline;

}

.classes .item .description
{
    
}

.classes .item .details
{
    	color:#6633CC;
        font-weight: bold;
}



#post 
{
    	padding:0px 40px;
}

#post h1{
	font-family:"Trebuchet MS";
	font-size:26px;
	color:#db2d25;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:5px;
}



#post h2{

	font-family:"Trebuchet MS";

	font-size:26px;

	color:#db2d25;

	font-weight:normal;

	text-decoration:none;


	padding-bottom:5px;

}



#post p{

	font-family:"Trebuchet MS";

	font-size:11px;

	color:#797B7A;

	font-weight:normal;

	text-decoration:none;


}



#post a {

	font-family:"Trebuchet MS";

	color:#db2d25;

	font-weight:bold;

	text-decoration:none;

}



#post a:hover {

	font-family:"Trebuchet MS";

	color:#000;

	font-weight:bold;

	text-decoration:none;

}



#rightbar {
	float:left;
	width:237px;
}



#rightbar h2{
	font-family:"Trebuchet MS";
	font-size:26px;
	color:#db2d25;
	font-weight:normal;
	text-decoration:none;
	padding-left:25px;
	padding-bottom:5px;
}

#rightbar h2 a{
	font-family:"Trebuchet MS";
	font-size:26px;
	color:#db2d25;
	font-weight:normal;
	text-decoration:none;
}

#rightbar h2 a:hover
{
    text-decoration: underline;
}

#rightbar li a
{
	font-family:"Trebuchet MS";
	color:#db2d25;
	font-weight:normal;
	text-decoration:none;
}

#rightbar li a:hover
{
	text-decoration:underline;
}

#rightbar p{

	font-family:"Trebuchet MS";
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding:0px 25px;

}

#instructorphotos {
    padding-left:25px;
}

.orangetext {

	font-family:"Trebuchet MS";

	font-size:11px;

	color:#db2d25;

	font-weight:bold;

	text-decoration:none;

}



#bottom {

	clear:both;

	height:32px;

	padding-top:25px;
	font-family:"Trebuchet MS";

	font-size:11px;
	color:#fff;

}



#email {

	float:left;


	/* background-color:#669900; */
	background-color: #8e8f93;
;

	height:27px;

	padding-top:5px;

}



#email a{

	font-family:"Trebuchet MS";

	font-size:11px;


	font-weight:normal;

	text-decoration:underline;

	color:#fff;

}





#validtext {

	float:left;

	width:278px;


	height:27px;

	padding-top:5px;
	background-color:#669900;

}



#validtext p{

	font-family:"Trebuchet MS";

	font-size:11px;

	color:#fff;

	font-weight:normal;

	text-decoration:none;

	text-align:right;

	padding-right:35px;

}



#validtext a{

	font-family:"Trebuchet MS";

	font-size:11px;

	color:#fff;

	font-weight:normal;

	text-decoration:underline;

}



#validtext a:hover{

	font-family:"Trebuchet MS";

	font-size:11px;

	color:#fff;

	font-weight:normal;

	text-decoration:none;

}


#post {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;

	margin-bottom: 10px;
}

#contactus
{
        	padding:0px 40px;

}

#class daytime {
	float: left;
}

#class cost {
	font-size: small;
	float: right;
}


#RegisterBox 
{
	float: left;
	width: 40%;
	border: 1px solid #33aa33;
	margin-left: 20px;
	height: 120px;
	margin-bottom: 20px;
	text-align: center;
}

#RegisterBox #title
{
    color:#6633CC;
    font-weight: bold;
    font-size: large;
}

#LocationBox
{
	float: right;
	width: 40%;
	height: 120px;
	border: 1px solid #33aa33;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
}

#LocationBox #title
{
    color:#6633CC;
    font-weight: bold;
    font-size: large;
}


#BioPhoto
{
	float: right;
	margin: 5px 5px 5px 5px;
}



.TeacherPrivateInfo
{
	float: left;
	width: 33%;
	margin-bottom: 20px;
}

.TeacherPrivateInfo .Email a
{
    color:White;
}

.TeacherPrivateInfo .Name
{
    font-weight: bold;
	color:#6633CC;
}

.bio
{
    margin: 5px 25px;
    padding: 5px 25px;
    border: solid 1px #669900; 
}

.bio a
{
}

.bio .name
{
    
}

.bio .text
{
        
}

.bio .photo
{
	float: right;
	margin: 5px 5px 5px 5px;
}

#faq
{
    	padding:0px 40px;
    
}
#faq #post
{
    padding: 0px;
}

#faq #post h2
{
    font-size: large;
}

.faqitem
{
    margin-bottom: 10px;
}

.bio
{
    
}
.bio p
{
    margin-bottom: 5px;
}

.SamplerClassInfo
{
	/*width: 48%;
	float: left;*/
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px;
	border: solid 1px #669900; 

}


.songlist
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

.songlist td, .songlist th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}

.title
{
	width: 40%
}
.album
{
	width: 35%;
}
.bpm
{
	width: 5%;
}

.itunes
{
	width: 8%
}

.amazon
{
	width: 8%;
}

.songlist th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
.songlist tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}


/* Registration stuff */
/*
	<div class="classmonth">
	<h2>
	{{ month }}
	</h2>	
	<div class="serieslist">
		<div class="series">
			<div class="title">
			<div class="description">
		 	<div class="teachers">
		 	<div class="day">
		 	<div class="time">
		 	<div class="dates">
		 	<div class="price">
		 	<div class="checkboxes">
		 	<div class="checkboxvalidation">
*/

#classes
{
}

#classes .classmonth
{
}

#classes .classmonth h2
{
	
}

#classes .classmonth .serieslist
{
	margin-left: 10px;
	margin-right: 10px;
}

#classes .classmonth .serieslist .series
{
	margin-bottom: 10px;	
}

#classes .classmonth .serieslist .series .title
{
	color:#db2d25;
	font-size: small;
	float: left;
	text-decoration: underline;
}

#classes .classmonth .serieslist .series .description
{
}

#classes .classmonth .serieslist .series .teachers
{
	float: right;
	color:#db2d25;
	font-size: small;
	
}

#classes .classmonth .serieslist .series .day
{
	float: left;
	color:#db2d25;
	
}

#classes .classmonth .serieslist .series .time
{
	float: left;
	margin-left: 10px;
	color:#db2d25;
	
}

#classes .classmonth .serieslist .series .dates
{
	float: center;
	margin-left: 300px;
	color:#db2d25;
	
}

#classes .classmonth .serieslist .series .price
{
	float: right;
	color:#db2d25;
	
}

#classes .classmonth .serieslist .series .checkboxes
{
	margin-top: 5px;
}

#classes .classmonth .serieslist .series .checkboxvalidation
{
	/* float: left; */
	background-color: #yellow;
	color:#db2d25;
	font-size: large;		
}

#classes #validation
{
	background-color: #yellow;
	color:#db2d25;
	font-size: large;	
}

.errorlist
{
	color:#db2d25;
	background-color: #yellow;
	
}

/* Class summary */
.classregsummary
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

.classregsummary td, .classregsummary th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}


.classregsummary th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
.classregsummary tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

.studentinfolabel
{
	width: 20%;
} 
.studentinfodata
{
	width: 30%;
}
.studentinfovalidation
{
	width: 50%;
}

#classesteaser
{
	margin-left: 20px;
}

#classesteaser #regbutton
{
	margin-left: 50px;
}