/* CSS Document */
.style2 								{color: #AAAAAA; font-family: Arial, Helvetica, sans-serif; font-size: 20px;}
.style3 								{color: #AAAAAA; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.style4 								{color: #AAAAAA; font-family: Arial, Helvetica, sans-serif; font-size: 30px;}
a:link									{color: #AAAAAA; font-stretch: extra-expanded; text-decoration: none;}
a:visited   							{color: #AAAAAA; font-stretch: extra-expanded; text-decoration: none;}
a:active    							{color: #AAAAAA; font-stretch: extra-expanded; text-decoration: none;}
a img 									{border: 0;}
* 										{margin: 0; padding:0;}
p 										{margin-bottom: 1em;}
body 									{background: url(resources/BG.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #AAAAAA;}							
#content h1 							{margin-bottom: 1em;}
#wrapper 								{width: 807px;  margin: 10px auto 0px auto;}
#content								{height: 535px; width: 750px; background: url(resources/content.gif) repeat-x top left; padding-right:25px; padding-left:25px; padding-top:15px; }
#footer    		 						{clear: both; width: 800px; text-align: center}
#footer									{height: 50px; width: 750px; background: url(resources/footer.gif) no-repeat; text-indent: -1000em; padding-right:25px; padding-left:25px; padding-top:15px; margin-bottom: 5px;}
#footer li  							{display: inline; color:#FFFFFF;}		
#header h1  							{background: url(resources/logo.jpg) no-repeat top left; width: 501px; height: 240px; text-indent: -1000em;}
#header a								{float:right; display: inline; margin-top: 33px; margin-right: 10px;}
#homeLINK								{background: url(resources/home.gif) no-repeat top right; display: block; width: 53px; height: 39px; text-indent: -1000em; overflow: hidden;}
#listenLINK								{background: url(resources/listen.gif) no-repeat top right; display: block; width: 55px; height: 39px; text-indent: -1000em; overflow: hidden;}
#payLINK								{background: url(resources/policy.gif) no-repeat top right; display: block; width: 57px; height: 39px; text-indent: -1000em; overflow: hidden;}
#wsLINK									{background: url(resources/ws.gif) no-repeat top right; display: block; width: 101px; height: 39px; text-indent: -1000em; overflow: hidden;}
.index     	#header 					{background: url(content/banner0.jpg) no-repeat bottom left; width: 799px; height: 240px}
.index 		#header h1					{background: url(content/) no-repeat top left; width: 10px; height: 10px; }
.bio		#header 					{background: url(content/banner2.jpg) no-repeat bottom left; width: 799px; height: 240px}
.classical  #header 					{background: url(content/banner4.jpg) no-repeat bottom left; width: 799px; height: 240px}
.electric   #header 					{background: url(content/banner1.jpg) no-repeat bottom left; width: 799px; height: 240px}
.contact    #header 					{background: url(content/banner5.jpg) no-repeat bottom left; width: 799px; height: 240px}
.rgt    	#header 					{background: url(content/banner6.jpg) no-repeat bottom left; width: 799px; height: 240px}
.payment   	#header 					{background: url(content/banner7.jpg) no-repeat bottom left; width: 799px; height: 240px}
.workshop 	#header 					{background: url(content/banner8.jpg) no-repeat bottom left; width: 799px; height: 240px}
.learning 	#header 					{background: url(content/banner3.jpg) no-repeat bottom left; width: 799px; height: 240px}
.learning1 	#header 					{background: url(content/banner3.jpg) no-repeat bottom left; width: 799px; height: 240px}
.learning2 	#header 					{background: url(content/banner3.jpg) no-repeat bottom left; width: 799px; height: 240px}
.learning3 	#header 					{background: url(content/banner3.jpg) no-repeat bottom left; width: 799px; height: 240px}
.learning4 	#header 					{background: url(content/banner3.jpg) no-repeat bottom left; width: 799px; height: 240px}
.learning5 	#header 					{background: url(content/banner3.jpg) no-repeat bottom left; width: 799px; height: 240px}
.testimonials							{background: url(resources/BG2.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #AAAAAA;}
.testimonials 	#header 				{background: url(content/banner3.jpg) no-repeat bottom left; width: 799px; height: 240px}
#navigation ul							{overflow: hidden; display: block; margin-right: 0px; background: url(resources/NAVBAR.gif); text-indent: 0em; font-size:10px; float: left; height: 41px; width: 800px;}
#navigation li							{display: block; float: left;}
#navigation li a						{float: left; display:block; height:41px; color:#000;}
#navigation li a:hover					{background: url(resources/NAVBAR.gif);}
#navigation li.bio a					{width:127px;} 
#navigation li.bio a:hover				{background-position:    0px 40px;} 
#navigation li.classical a				{width:178px;}
#navigation li.classical a:hover		{background-position: -127px 40px;} 
#navigation li.electric a				{width:176px;}
#navigation li.electric a:hover			{background-position: -305px 40px;}
#navigation li.contact a				{width:111px;}
#navigation li.contact a:hover			{background-position: -481px 40px;} 
#navigation li.rgt a					{width:61px;}
#navigation li.rgt a:hover				{background-position: -592px 40px;} 
#navigation li.learning a				{width:146px;}
#navigation li.learning a:hover			{background-position: -653px 40px;} 
.bio #navigation li.bio a				{background: url(resources/NAVBAR.gif); width:127px; background-position:    0px 40px;}
.classical #navigation li.classical a	{background: url(resources/NAVBAR.gif); width:178px; background-position: -127px 40px;}
.electric #navigation li.electric a		{background: url(resources/NAVBAR.gif); width:176px; background-position: -305px 40px;}
.contact #navigation li.contact a		{background: url(resources/NAVBAR.gif); width:111px; background-position: -481px 40px;}
.rgt #navigation li.rgt a				{background: url(resources/NAVBAR.gif); width:61px;  background-position: -592px 40px;}
.learning #navigation li.learning a		{background: url(resources/NAVBAR.gif); width:146px; background-position: -653px 40px;}
.topleftpicture 						{float: left; margin-right: 20px; margin-bottom: 10px; border:2px solid #808080;}
.bottomrightpicture 					{float: right; margin-left: 20px; border:2px solid #808080;}
.leftpicture 							{float: left; margin-right: 10px; margin-bottom:15px;}
.leftpicture2 							{float: left; margin-right: 10px; margin-bottom:15px;}
.leftpicture3 							{float: left; margin-right: 10px;}
.logopic 								{margin-right:10px;}
.logopic2 								{margin-left: 10px;}
#contentnav ul							{overflow: hidden; display: block; margin-right: 0px; background: url(resources/contentNAV.gif) no-repeat; 
										text-indent: 0em; font-size:0px; float: left; height: 40px; width: 750px;}
#contentnav li							{display: block; float: left;}
#contentnav li a						{float:left; display:block; height:40px;}
#contentnav li a:hover					{background: url(resources/contentNAV.gif);}
#contentnav li.L1 a						{width:156px;} 
#contentnav li.L1 a:hover				{background-position:    0px 41px;} 
#contentnav li.L2 a						{width:148px;}
#contentnav li.L2 a:hover				{background-position: -305px 41px;} 
#contentnav li.L3 a						{width:225px;}
#contentnav li.L3 a:hover				{background-position: -481px 41px;}
#contentnav li.L4 a						{width:120px;}
#contentnav li.L4 a:hover				{background-position: -592px 41px;} 
#contentnav li.L5 a						{width:101px;}
#contentnav li.L5 a:hover				{background-position: -653px 41px;}