<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#container 
{
	/* width: 95.5%;max-width:1680px;border:1px solid #EA1CD7 !important; padding: 2em 2.25%;max-width:1680px;*/
	 max-width:100%;   margin-bottom: 0.5em; 
} 

h3.piano
{  
	font-weight:normal!important;
	text-align:center!important;
	font-size: 1.6em!important;
	text-transform:uppercase!important;
/*color:#fc0!important;*/
	color:#fff!important;
	font-family: 'Open Sans', sans-serif !important;
	background-color:#639;
	/*margin: 0.1em 0;*/
	margin-bottom: 0.5em;
	 

}
  

#container_one
{
	/* width: 95.5%;max-width:1680px;border:1px solid #EA1CD7 !important; padding: 2em 2.25%;max-width:1680px;*/
	 
	width: 97.0%;
	clear:both;
	padding: 1em 1.0%;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;
	 
 	 color:#000000; 
	/*font-family: Palatino Linotype, Palatino, Times, 'Lora',  serif; */
	 	font-size:1.0em; 
	font-family: 'Open Sans', sans-serif !important;
	 
	 
}
 
#container_one div.feature{
	width: 30%;	
	float:left;
	margin-right: 0.1%;
	margin-left:0.5%;
	background:#ffffff;
	 padding: 2px 8px;
	/*border:1px solid  #006622!important;padding: 10px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
	 	font-size:1.0em; 
		font-family: 'Open Sans', sans-serif !important;
 
	 
 }

#container_one div.feature:nth-of-type(3)
{
	 margin-right: 0;
}

#container_one div.feature h3{
	/*padding: 16px 10px;*/
	 padding: 5px;
	 font-size:1.3em;
 	 font-weight: bold; 
	 color: #000000;   
	font-family: 'Open Sans', sans-serif !important;
}

#container_one div.feature p{
	/*padding: 16px 10px;*/
	padding: 5px;
	font-size:1.0em; 
	font-family: 'Open Sans', sans-serif !important;
	 
}
 
@media only screen and (max-width:1340px){
	#container_one div.feature
	{
		font-size: 1.1em;   
	}
}
@media only screen and (max-width:1024px){
	#container_one div.feature{
	 font-size:1.1em;
	}
}
	 

@media only screen and (max-width:950px){	
	#container_one div.feature 
	{
margin-left: 2.25%;
margin-right: 2.25%;
width: 94.5%;
clear:both;	
margin-bottom: 2em;
padding:0 0 2.5em 0;
 font-size:1.1em;
	}
	#container_one div.feature:nth-of-type(3){
margin-bottom: 0;
	} 
}




#container{max-width:100%;   margin-bottom: 0.5em; } 

#container_general
{/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/ 
	 
	width:99%;
	clear:both;
	 position: relative; overflow: auto;
	text-align: left;  
	color: #000000 !important; 
	   font-size:1.0em;   
	font-family: 'Open Sans', sans-serif !important;
	
  /*  margin: 0.05em 0;  padding-left: 10px;   */   
 
   margin-top: 0.1em;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;
	 
	 
	} 
 
#container_general div.feature{ 
	width: 97%;	
	float:left;
	/* padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important; */
	
	background:white;
	margin-bottom:1em;
	margin-top:  0.5em;
	margin-right: 1%;
	margin-left: 0.1%;
	 
	font-size:1.0 em; 
	font-family: 'Open Sans', sans-serif !important;	
	 
} 


#container_general div.feature h3{
	padding: 10px;
	 font-size:1.3em;	 
	color:#000000;
	font-weight:bold;
}

#container_general div.feature h4{
	padding: 10px;
	 font-size:1.3em;
	color:#663399;
}
 
#container_general div.feature p{
	padding: 16px 10px;
	color:black;
	padding-top:0;
	
}
 
 

 
#container_general div.feature a:link    {color:#000000; background-color:transparent; text-decoration:underline}
#container_general div.feature a:visited {color:#663399; background-color:transparent; text-decoration:none}
#container_general div.feature a:hover   {color:#413f43; background-color:transparent; text-decoration:underline}
#container_general div.feature a:active  {color:#d59d0f; background-color:transparent; text-decoration:underline}

 
 
  

@media only screen and (max-width:1340px)
{
	#container_general div.feature{ font-size: 1.0em; }
	#container_general {font-size: 1.0em;}
}
 

@media only screen and (max-width:950px){
	#container_general div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
	}
	  

	#container_general div.feature {
	margin-top:1em;	
	}
 
	#container_general div.feature img{
	width: 100%;
	}
}

 

 


.button_one {
 
  background-color:#663399;
  color: #ffcc00;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  width:200px;
	margin-left:30px;
	text-align:center;
	 
}
 

  


#box1{
       border:1px solid #D8D9DA !important;
        width:35%;  height: auto; 
        margin:10px; margin-right:10px; margin-left:10px;
        border-radius: 3px;
		padding: 10px; float:right;
    }

 

 

@media only screen and (max-width: 1366px) {
			#topright, #topleft, #box1, #music_table1{
				width:98%; 
				clear:both;
				padding: 0 1%;
			}	
			div.button_one{margin-bottom:1.5em; clear:both; overflow:hidden;}
			div.button_one p{
				width: 47.5%;
				max-width: 47.5%;
				margin: 0.5em calc(5% - 8px) 0.5em 0;
				float:left;
				
			}			
			
			 
		}
		
	 	
		@media only screen and (max-width: 900px) {
		 
			div.button_one p{
				width: calc(100% - 4px);
				max-width: calc(100% - 4px);
				margin: 0.5em 0;
				float:none;
				
			}
		}
		

  

  /*faculty*/

 
	
#container_two {
	/* width: 95.5%; border:1px solid #06219B !important; width:80%;	 */
	max-width:1680px;
	
	clear:both;
	/* padding: 4em 2.25%; */
	padding: 0.6em 1.25%  ;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;	
	margin-top: 1em;
	font-size:1.0em;
	font-family: 'Open Sans', serif;  
}

h3.faculty
{
font-weight:bold!important;
text-align:center!important;
font-size: 1.3em!important;

/*color:#fc0!important;text-transform:uppercase!important;*/
color:#fc0!important;
background-color:#663399;
margin: 0.2em 0;
	font-family: 'Open Sans', serif; 
	line-height: 1.5;
	border:1px solid #D8D9DA !important; 
}
  
 

#container_two div.feature{
	width:80%;	
	float:left; 
	margin-right: 1%;
	 
	margin-left: 2.25%;
	background:#ffffff;
	/*border:1px solid  #006622!important;  */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	padding: 20px;
	
	font-size:1.0em;
	font-family: 'Open Sans', serif; 
	border:1px solid #D8D9DA !important;
}


#container_two div.feature h3{
	padding: 10px;
	font-size:1.2em;
	font-weight:bold;
	font-family: 'Open Sans', serif; 
}
 
 
 
#container_two  div.feature h4{
	padding: 10px;
	 font-size:1.3em;
	color:#663399;
}
 
#container_two div.feature p{
	padding: 16px 10px;
	color:black;
	padding-top:0;
	
}
 
 
 

#container_two div.feature img{
width: 400px; /* width of container */
height: 250px; /* height of container */
 object-fit: cover;
						
 }

@media only screen and (max-width:1340px)
{
	#container_two div.feature{ font-size: 1.1em; }
	#container_two { font-size:75%; }
}
 
@media only screen and (max-width:950px){
	#container_two div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
	}
	 
	#container_two div.feature img{
	width: 100%;
	height:100%;
	object-fit:unset;
	float:none !important;
	margin: 0 !important;
	}
	
  
} 
 

.responsive {
  width: 100%;
  height: auto;
}


#toprow {
	width:98%;
	padding: 0 1%;	
	clear:both;
	font-family: 'Open Sans', serif; 
	font-size:1.0em;
	 
}
#topleft{
	float:left;
	width: 50%;
	margin-top:1em;
	 padding: 1em 1em;
	margin: 5px
	font-size:1.0em;
	font-family: 'Open Sans', serif; 
	 border:1px solid #EA1CD7 !important;
	 
}
#topright{
	float:left;
	width: 40%;
	margin-top:1em;
	font-size:1.0em;
	padding: 1em 1em;
	margin: 5px; 
	font-family: 'Open Sans', serif;
	 border:1px solid #EA1CD7 !important;
}
   
 

 #toprow h3{
	padding: 10px;
	font-size:1.2em;
	font-weight:bold;
	font-family: 'Open Sans', serif; 
}
 

 #toprow p{
	/*padding: 16px 10px;*/
	padding: 10px;
	font-size:1.0em;
	color:black;
	padding-top:0;
}

  
 @media only screen and (max-width: 1366px) {
 #toprow, #topleft #topright{
width:98%; 
clear:both;
padding: 0 1%;
font-size:1.0em;
font-family: 'Open Sans', serif;
	}	
 
}


	 

#container_button{
			float:left;
			width: 20%;
			padding: 1em 1.0%;
			 
		}
		
		div#button2 p{
			border: 2px solid #639;
			text-align:center;
			
			width: 85%;
			max-width: 300px;
			padding: 1em 1.0%;
			
			font-weight:bold;
			font-size:1.2em;
			margin-right:26px;
			
			margin-top: 1em;
			
			margin-bottom: 1em;
			float:right;
			background: #639;
			
			 
		}
		
		div#button2 a{
			display: block;
			width: 100%;	
			color:white;
			margin-top: 1em;
		}
		
		div#button2 p:hover{
			background: #639; 	
			color:#ffcc00;
		}
		
		div#button2 p:hover a{
			color:white;
			background: #639; 	
		}
		
	 
#container_button div#button2 a:link    {color:#ffcc00; background: #639; }
#container_button div#button2 a:visited {color:#ffcc00; background: #639; }
#container_button div#button2 a:hover   {color:#ffffff; background: #639; }
#container_button div#button2 a:active  {color:#ffcc00; background: #639; }

 


@media only screen and (max-width: 1366px) {
			#container_button{
				width:98%; 
				clear:both;
				padding: 0 1%;
			}	
			div#button2{margin-bottom:1.5em; clear:both; overflow:hidden;}
			div#button2 p{
				width: 47.5%;
				max-width: 47.5%;
				margin: 0.5em calc(5% - 8px) 0.5em 0;
				float:left;
				
			}			
			
			 
		}
		
		@media only screen and (max-width: 1150px) {
			div#container_button{font-size:0.8em;}
		}
		
		@media only screen and (max-width: 900px) {
			#container_button {width: 45%;}
			div#button2 p{
				width: calc(100% - 4px);
				max-width: calc(100% - 4px);
				margin: 0.5em 0;
				float:none;
				
			}
		}

 </pre></body></html>