body {
    background-color:#999999;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;


}

table  {
background-color:#000000;
}

table.music {
background-color:#666666;
	font-family: Verdana;
	font-size: 70%;
	color: #000000;
	text-align: justify;
}

td  {
text-align:left;
}

div.main {

	font-family: Verdana;
	font-size: 80%;
	background-color:#000000;
	color:#ffffff;
	text-align: justify;
	line-height:160%;
	padding:20px 40px 20px 40px;
	
}


div.side {
	font-family: Verdana;
	font-size: 60%;
	background-color:#ffffff;
	border: solid 5px #666666;
	color:#000000;
	text-align: justify;
	line-height:120%;
	padding:12px;

	
}

div.about  {
	font-family: Verdana;
	font-size: 80%;
	background-color:#000000;
	color:#ffffff;
	text-align: justify;
	line-height:160%;
	padding:0px 50px 50px 50px;
	
}

div.listen {
	font-family: Verdana;
	font-size: 80%;
	background-color:#ffffff;
	border: solid 5px #666666;
	color:#000000;
	text-align: center;
	line-height:150%;
	padding:15px;
	width: 400px;
	
}

div.activities {
	font-family: Verdana;
	font-size: 90%;
	background-color:#ffffff;
	color:#000000;
	text-align: left;
	line-height:150%;
	padding:25px;
	border: 5px solid;
	border-color: #666666;
	width: 550px;
	
}


div.productText {
	font-family: Verdana;
	font-size: 90%;
	background-color:#ffffff;
	color:#000000;
	text-align: justify;
	line-height:150%;
	padding:25px;
	border: 5px solid;
	border-color: #666666;
	width: 550px;
	
}

div.sheetMusic {
	font-family: Verdana;
	font-size: 90%;
	background-color:#ffffff;
	color:#000000;
	text-align: justify;
	line-height:100%;
	padding:0px;
	border: 5px solid;
	border-color: #ffffff;
	width: 650px;
	
}

div.contact {
	font-family: Verdana;
	font-size: 70%;
	background-color:#ffffff;
	color:#000000;
	text-align: left;
	line-height:150%;
	padding:25px;
	border: 5px solid;
	border-color: #666666;
	width: 450px;
	background-image:url(images/trumpetBkgrd.gif);
	
}



img.bertPlaying  {
float:left;
padding: 0px 20px 10px 0px;

}

img.homeCampPic {
    border: 2px;
	text-align: center;
}

img.guests {
    border: 5px;
	border-color: #999999;
}

img.hand {
    padding: 10px;
}

img.tc {
text-align: center;
    padding: 5px;

}

li {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
    line-height:140%;
    color:#000000;
	text-align: left;
}

	
.emphasis  {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 80%;	
	font-weight: bold;
    line-height:140%;
    color:#333333;
	text-align: left; 
	/*background-color:#FFcc00;
	padding: 2px;*/
}


h1 {
	font-family: Arial, sans-serif;
	font-size: 160%;
	font-weight: bold;
    line-height:120%;
    color:#ffffff;
	text-align:center;
}


h2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	text-weight: bold;	
    line-height:120%;
    color:#000000;
	text-align: center;

}

h3 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	text-weight: bold;	
    line-height:100%;
    color:#000000;
	text-align: left;


}

h4 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	text-weight: bold;	
    color:#666666;
	text-align: left; 

}



/*links*/

.campLinks {
color: #000000;
font-family: Verdana, sans-serif;
font-size: 100%; 
text-decoration: none;
padding: 2px;
}

.campLinks a:link { color: #666666; font-weight: bold; text-decoration: underline;  }

.campLinks a:visited { color: #666666; font-weight: bold; text-decoration: underline; }

.campLinks a:hover { color: #ffffff; text-decoration: none; font-weight: bold; background-color:#99ccff;  }

.sideLinks {
color: #666666;
font-family: Verdana, sans-serif;
font-size: 100%; 
text-decoration: underline;
padding: 2px;
}

.sideLinks a:link { color: #666666; font-weight: bold; text-decoration: underline;  }

.sideLinks a:visited { color: #666666; font-weight: bold; text-decoration: underline; }

.sideLinks a:hover { color: #ffffff; text-decoration: none; font-weight: bold; background-color:#99ccff;  }









.credits {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px; 
text-decoration: none;
text-align: center; 
}

.credits a:link { color: #ffffff; text-decoration: none;  }

.credits a:visited { color: #ffffff; text-decoration: none;  }

.credits a:hover { color: #99ccff; text-decoration: none; }

.products {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px; 
text-decoration: none;
text-align: center; 
}

.products a:link { color: #000000; text-decoration: none;  }

.products a:visited { color: #000000; text-decoration: none;  }

.products a:hover { color: #99ccff; text-decoration: none; }

.hide {display: none;}

#navbar ul {list-style-type: none; margin: 0; padding: 0; width: 900px; height: 35px;}
#navbar ul li {float: left;}
#navbar ul li a {margin: 0; padding: 0; display: block; height: 35px;}
	#navhome {width: 104px; background: url(images/nav-home.gif) no-repeat;}
	#navhome a:hover {background: url(images/nav-home-on.gif) no-repeat;}
	#navabout {width: 135px; background: url(images/nav-about.gif) no-repeat;}
	#navabout a:hover {background: url(images/nav-about-on.gif) no-repeat;}
	#navclasses {width: 198px;  background: url(images/nav-clinics.gif) no-repeat;}
	#navclasses a:hover {background: url(images/nav-clinics-on.gif) no-repeat;}
	#navproducts {width: 165px; background: url(images/nav-products.gif) no-repeat;}
	#navproducts a:hover {background: url(images/nav-products-on.gif) no-repeat;}
	#navcamp {width: 160px; background: url(images/nav-camp.gif) no-repeat;}
	#navcamp a:hover {background: url(images/nav-camp-on.gif) no-repeat;}
	#navcontact {width: 138px; background: url(images/nav-contact.gif) no-repeat;}
	#navcontact a:hover {background: url(images/nav-contact-on.gif) no-repeat;}