#container_choirs
{ 	width: 100%; position: relative; overflow: auto; 
    text-align: left;  
   	color: #000000 !important; 
	font-family: 'Open Sans',Lora , sans-serif !important; 
	font-size: 1.2em;
   	 padding-left: 10px;  margin-left:10px;  margin-right:10px; margin-top:10px; 
	/*  margin: 0.05em 0;border:1px solid #D8D9DA !important;*/    
} 
  
 #container_choirs1
{ 	width: 95%; position: relative; overflow: auto; 
    text-align: left;  
   	color: #000000 !important; 
	
	 font-family: 'Open Sans',Lora , sans-serif !important;
  	
	font-size: 1.2em;
   	 padding-left: 10px;  margin-left:10px;  margin-right:10px; margin-top:10px; 
	/*  margin: 0.05em 0;border:1px solid #D8D9DA !important;*/    
}  

.header1{ 
	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;
 }
 
 
.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;
 } 
.header3{ 
	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;
 } 

.header3a{ 
	font-family: 'Open Sans',Lora , sans-serif !important;
	font-size: 1.1em;
	font-weight: bold;
	color: #663399 !important;   
	  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 } 
.header3b{ 
	font-family: 'Open Sans',Lora , sans-serif !important;
	font-size: 1.1em;
	font-weight: bold;
	color:#FF0000 !important;   
	  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 } 

h3.choirs {
font-weight:normal!important;
text-align:center!important;
font-size: 1.8em!important;
text-transform:uppercase!important;
/*color:#fc0!important;*/
color:#fff!important;
background-color:#639;
margin: .5em 0;
}


h3.announcement {
font-weight:normal!important;
text-align:center!important;
font-size: 1.5em!important;
 text-transform:uppercase!important;
/*color:#fc0!important;t*/
color:#fff!important;
background-color:#639;
margin: .5em 0;
	width: 80%;
}




.row {
width:23%;
float:left;
margin:.4em 1em 1em 0;
 
}

.row p  {
padding-left:.2em!important;
line-height: 100%!important;
font-size:.9em!important;
}

 

.row h4 {
color:#000!important;
font-weight:normal!important;
padding:0.5em 0 0.5em 0!important;
font-size:1.2em!important;
margin-left: 0.6em;
}

.row h5 {
color:#000!important;
font-weight:normal!important;
padding:0.5em 0 0.5em 0!important;
font-size:1.0em!important;
margin-left: 0.6em;
}

.row a {
font-weight: 400!important;
}

.row ul li  {
list-style-type:none!important;
margin-left:.8em!important;
line-height:120%!important;
}

 

#sideNav ul li {
    border-bottom: 1px solid #ddd;
    padding: 1.5em 0;
    list-style-type: none!important;
}


 

@media only screen and (max-width: 870px){
 
	.row {width:45%;}
}

@media only screen and (max-width: 1024px){
.row {
width:45%;
}
#last{
clear:both;
}
}

@media only screen and (max-width: 767px){
.row {
width:90%;
}
}




 

#choirs_table
{ 
width:90%; border-collapse:collapse;    
 border: 1px solid #D8D9DA;
vertical-align:top; text-align:left; 
font-family:Helvetica Neue, Helvetica Neue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ; font-size: 1.1em;
}
 

#choirs_table td, th
 {
	font-size: 1em;   border: 1px solid #D8D9DA;
	vertical-align:top; text-align:left;  
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	margin: 10px; padding: 10px 10px 10px 10px; margin-left:30px; 
	/*padding:2px 7px 1px 7px;  */    
	 
 } 

#container_choirs1 a:link    {color:#663399; background-color:transparent; text-decoration:underline;}
#container_choirs1 a:visited {color:#663399; background-color:transparent; text-decoration:underline;}
#container_choirs1 a:hover   {color:#413f43; background-color:transparent; text-decoration:underline;}
#container_choirs1 a:active  {color:#d59d0f; background-color:transparent; text-decoration:underline;}

 

   
#imgcontainer{
	/* 	max-width:1200px; width: 95.5%;border:1px solid #D8D9DA !important;*/
	width: 90%;
	clear:both;
	/* padding: 4em 2.25%; */
	padding: 0em 1.25% 1em 1.25%;
	overflow: hidden;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;
	
}

				

#imgcontainer div.feature{
	width: 40%;	
	float:left; 
	margin-right: 5%;
	background:white;
	 
}

		

#imgcontainer div.feature:nth-of-type(2){
	
	margin-right: 0;
}
 
@media only screen and (max-width:1340px){
 
	#imgcontainer {
		font-size: 1.0em;
	}
}
@media only screen and (max-width:1024px){
	#imgcontainer div.feature{
		font-size: 1.0em;
	}
}

   
@media only screen and (max-width:950px){
	 
	
	#imgcontainer div.feature{
		margin-left: 1.25%;
		margin-right: 1.25%;
		width: 94.5%;
		clear:both;	
		margin-bottom:1em;
		text-align:center;
	}
	#imgcontainer div.feature:nth-of-type(2){
		margin-bottom: 0;
	}
	#imgcontainer div.feature img{
		width: 100%;
	}
}

 

 @media only screen and (max-width:800px){
	#imgcontainer div.feature{
		width:45% !important;
		border-right: none;
		/* border-bottom: 1px solid #ccc;*/
		
		padding-bottom: 1em;
  		margin-bottom: 1em;
		height: 6em;
		text-align:center;
		font-size:1.1em;
	}
}
@media only screen and (max-width:700px){
	#imgcontainer div.feature{
		font-size:1.1em;
		height: 8em;
	}
}
@media only screen and (max-width:360px){
	#imgcontainer div.feature{
		font-size:0.8em;
		height: 8em;
	}
}