﻿BODY		{

	background: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height: 100%

}

a:link 		{
	
	color: black;
	outline: 0;

}

a:visited 	{

	color: gray;
	outline: 0;

}

a:hover 	{	
	
	color: black;
	outline: 0;

}

a:active 	{

	color: black;
	outline: 0;

} 


a:link.links 		{
	
	color: black;
	outline: 0;
	text-decoration: none;

}

a:visited.links 	{

	color: gray;
	outline: 0;
	text-decoration: none;

}

a:hover.links 	{	
	
	color: black;
	outline: 0;
	text-decoration: none;

}

a:active.links 	{

	color: black;
	outline: 0;
	text-decoration: none;

} 

a:link.cover		{

	outline: 0;

}

a:visited.cover		{

	outline: 0;

}

a:hover.cover		{

	outline: 0;

}

a:acive.cover		{

	outline: 0;

}

a:link.clpcs	{

	color: black;
	outline: 0;
	text-decoration: none;

}

a:visited.clpcs	{

	color: gray;
	outline: 0;
	text-decoration: none;

}

a:hover.clpcs	{

	color: gray;
	outline: 0;

}

a:active.clpcs	{

	color: gray;
	outline: 0;

}

li		{

	list-style-type: square;

}


html		{

	height: 100%

}

#container	{

	height: 100%;
	width: 732px;
		
}

#leftbar	{
	
	height: 612px;
	width: 110px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	
}

#leftbar a.index		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	margin: 0;
	padding: 0;
	border: 0;

}

#leftbar a:hover.index		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 0px;
	margin: 0;
	padding: 0;
	border: 0;

}

#leftbar a.classpics		{

	height: 40px;
	width: 110px;
	display: block;
	background-image: url(images/fullnav.jpg);
	background-position: 0px 480px;
	

}

#leftbar a:hover.classpics	{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/2r.jpg);
	background-image: url(images/fullnav.jpg);
	background-position: 110px 480px;

}

#leftbar a.musicprograms	{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 440px;

}

#leftbar a:hover.musicprograms	{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 440px;

}

#leftbar a.bands		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 400px;

}

#leftbar a:hover.bands		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 400px;

}

#leftbar a.concertpics	{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 360px;

}

#leftbar a:hover.concertpics	{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 360px;

}

#leftbar a.botb			{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 320px;

}

#leftbar a:hover.botb		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 320px;

}

#leftbar a.musictheory		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 280px;

}

#leftbar a:hover.musictheory	{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 280px;

}

#leftbar a.guitar		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 240px;

}

#leftbar a:hover.guitar		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 240px;

}

#leftbar a.percussion		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 200px;

}

#leftbar a:hover.percussion	{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 200px;

}

#leftbar a.eng			{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 160px;

}

#leftbar a:hover.eng		{
	
	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 160px;

}

#leftbar a.brianletiecq		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 120px;

}

#leftbar a:hover.brianletiecq	{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 120px;

}

#leftbar a.donations		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 80px;

}

#leftbar a:hover.donations	{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 80px;

}

#leftbar a.links		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 0px 40px;

}

#leftbar a:hover.links		{

	height: 40px;
	width: 110px;
	display: block;
	background: url(images/fullnav.jpg);
	background-position: 110px 40px;

}

#rightbar.home	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/homebg.jpg);
	background-repeat: repeat-y;

}

#rightbar.clpcs	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/clpcsbg.jpg);
	background-repeat: repeat-y;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}	

#rightbar.mp	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/musicprogrambg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.bands	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/bandcoursesbg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.cp	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/concertpicsbg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.botb	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/botbbg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.mt	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/musictheorybg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.gs	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/guitarbg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.perc	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/percussionbg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.eng	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/engbg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.blm	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/brianmusicbg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.don	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/donationsbg.jpg);
	background-repeat: repeat-y;
	
}

#rightbar.links	{

	min-height: 100%;
	width: 622px;
	float: right;
	background: url(images/linksbg.jpg);
	background-repeat: repeat-y;
	
}

h1		{

	color: white;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	
}

p		{

	padding-right: 10px;
	padding-left: 10px;
	
}

