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

 /** container general **/

#container_choirs
{ 	/*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;
	 margin-bottom:10px;
	 /*  margin: 0.05em 0;  padding-left: 10px;    */   
	 font-family: 'Open Sans', serif;
	 } 
 
	  
 
h3.announcement {
font-weight:normal!important;
text-align:center!important;
font-size: 1.3em!important;
 text-transform:uppercase!important;
/*color:#fc0!important;t*/
color: #ffffff !important;  
background-color:#639;
margin: 0.5em ;
padding-left: 10px;
	width: 80%;
	
} 
 
	 
	 
#container_choirs div.feature{ 
	width: 96%;	
	float:left;
	padding: 0.1em 1.25%;
	margin-bottom:10px;
	margin-left: 0.5em;
	line-height: 1.6;
	
	background:white;
	
	 font-size:1.0em;
	 font-family: 'Open Sans', serif;
}

 
 
#container_choirs div.feature h3{
	padding: 10px;
	 font-size:1.3em;
	font-weight:bold;
	font-family: 'Open Sans', serif;
	
	font-weight: bold;
	color: #663399 !important; 
	line-height: 1.6;
}
 

#container_choirs div.feature p{
	padding: 10px 10px;
	font-size:1.0em;
	color:black;
	padding-top:0;
	font-family: 'Open Sans', serif;
	 line-height: 1.6;
	
}  
 
@media only screen and (max-width:1340px){
#container_choirs div.feature
	{
 		font-size:1.0em;
		font-family: 'Open Sans', serif; 
	}
}

 @media only screen and (max-width:1024px){
#container_choirs div.feature{
 	font-size:1.0em;
	font-family: 'Open Sans', serif; 
	}
}
	
 
@media only screen and (max-width:950px){
#container_choirs 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.0em;
	font-family: 'Open Sans', serif; 
	} 
}

   

 
 .header1{ 
	font-family: 'Open Sans',Lora , sans-serif !important;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000 !important;   
	  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 } 
.header2{ 
	font-family: 'Open Sans',Lora , sans-serif !important;
	font-size: 1.2em;
	font-weight: bold;
	color: #663399 !important;   
	  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 } 


  
#choirs_table
{ 
width:80%; border-collapse:collapse;    
 border: 1px solid #D8D9DA;
vertical-align:top; text-align:left; 
font-family: 'Open Sans',Lora , sans-serif !important;
	 font-size:1.1em;    
}
 

#choirs_table td 
 {
	   border: 1px solid #D8D9DA;
	vertical-align:top; text-align:left;  
	font-family: 'Open Sans',Lora , sans-serif !important;
	 font-size:1.1em;   
	padding: 10px 10px 10px 10px; 
	/*padding:2px 7px 1px 7px; margin: 10px; margin-left:30px;  */    
	 
 } 
 
#choirs_table th
 {background-color: #ddd; color: #663399;
	   border: 1px solid #D8D9DA;
	vertical-align:top; text-align:left;  
	font-family: 'Open Sans',Lora , sans-serif !important;
	 font-size:1.1em;   
	padding: 10px 10px 10px 10px; 
	/*padding:2px 7px 1px 7px; margin: 10px; margin-left:30px;  */    
	 
 } 
 	 
	 	
#container_choirs ul li {
list-style-type:disc !important;
margin-left:1.0em!important;
/*line-height:120%!important;*/
	 line-height: 1.6;
	font-size:1.1em;   
	font-family: 'Open Sans', sans-serif !important;
}





#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: 0.5em 0.5%;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;
	 
 	 color:#000000; 
	/*font-family: Palatino Linotype, Palatino, Times, 'Lora',  serif; */
	 
		font-size:1.1em;   
	font-family: 'Open Sans', sans-serif !important;
	line-height: 1.6;
	 
}
h3.choirs 
{  
	font-weight:normal!important;
	text-align:center!important;
	font-size: 1.3em!important;
	
	
	font-weight: bolder;
	 text-transform:uppercase!important;
/*color:#fc0!important; */
	color:#ffcc00!important;
	font-family: 'Open Sans', sans-serif !important;
	 
	background-color:#663399;
	/*margin: 0.1em 0;*/
	margin-bottom: 0.5em;
	
	text-align: center;
	clear: both;
	 

}  
#container_one div.feature{
	width: 98%;	
	float:left;
	margin-right: 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.1em; 
		font-family: 'Open Sans', sans-serif !important;
	 
 }

 #container_one div.feature h3{
	/*padding: 16px 10px;*/
	padding: 5px;
	 font-size:1.1em;
 	font-weight: bold; color: #663399;  
 
}

#container_one div.feature h4{
	/*padding: 16px 10px;*/
	padding: 5px;
	 font-size:1.1em;
 	 font-weight: bold; color: #663399;   
}

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

@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.05em;   
	} 
	h3.choirs
	{
		font-size: 1.05em;   
	}
}

 
		#toprow{
			width: 98%;	clear:both;
			float:left;
			margin-right: 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); */
				 
		 }

		 
		 

		#topleft{
			float:left;
			width: 60%;  
			margin-left:0;
				font-size:1.1em;   
			font-family: 'Open Sans', sans-serif !important;
			line-height: 1.6;
			 
		}
		 
		#topright{
			float:right;
			width: 35%;
			/* padding: 1.5em 0.2%;*/
			 margin-left:1.5%;
			 
		}
 

		#topleft h3{
			/*padding: 16px 10px; padding: 5px;*/
			font-family: 'Open Sans', sans-serif !important;
			 font-size:1.1em;
			 font-weight: bold; 
			font-weight: bold; color: #663399;  
		}


		#topleft p{
				 
				/*padding: 16px 10px;*/
				padding: 1px;
				font-size:1.05em;
				font-family: 'Open Sans', sans-serif !important;
			
			}
 

		#topright img{
						width: 60%; /* width of container */
						height: 60%; /* height of container */
						/*object-fit: cover;*/
						float:left;
						margin-right: 5%;
					}
  	
 		@media only screen and (max-width: 1366px) {
			#topright, #topleft{
				width:98%; 
				clear:both;
				padding: 0 1%;
			}	
  		}
		
		@media only screen and (max-width: 1150px) {
			#topright, #topleft{font-size:1.05em;}
		}
		
		@media only screen and (max-width: 900px) {
			#topright, #topleft {width: 98%; font-size: 1.05em; }
	 
			}
		}
		


		@media only screen and (max-width:950px){
						 
					#topright img{
							width: 60%;
							height:60%;
							object-fit:unset;
							float:none !important;
							margin: 0 !important;
						}
		}



/*faculty*/




  
#container_two {
	/* width: 95.5%; border:1px solid #06219B !important; 	 */
	max-width:1680px;
	width:90%;
	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.1em;
	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:90%;	
	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.1em;
	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 p{
	padding: 16px 10px;
	font-size:1.1em;
	color:black;
	padding-top:0;
}
 
@media only screen and (max-width:1340px)
{
	#container_two div.feature{ font-size: 1.0em; }
	#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;
	}

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