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

 h3.music {
font-weight:normal!important;
text-align:center!important;
font-size: 1.5em!important;
text-transform:uppercase!important;
	 font-family: 'Open Sans', sans-serif !important;
     
/*color:#fc0!important;	 font-family:Open+Sans, Helvetica Neue, Lora, sans-serif;*/
color:#fff!important;
background-color:#639;
margin: .5em 0;
 
}
    

 h3.music1 {
font-weight:bold!important;
text-align:center!important;
font-size: 50px!important;
 font-family: 'Open Sans', sans-serif !important; 
/*color:#fc0!important;	 font-family:Open+Sans, Helvetica Neue, Lora, sans-serif;*/
color:#fff!important;
background-color:#639; margin: .2em 0
/*margin: .5em 0;*/
 
}




.row {
width:30%;
float:left;
margin:.4em 1em 1em 1em;
border:1px solid #ffffff !important;
font-family: 'Open Sans', sans-serif !important;
	font-size: 1em;
}

.row p  {
padding-left: 10px!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.6em!important;
margin-left:.6em!important;
}

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

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



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

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

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



#container_music a:link    {color:#000000; background-color:transparent; text-decoration:none; }
#container_music a:visited {color:#000000; background-color:transparent; text-decoration:none; }
#container_music a:hover   {color:#663399; background-color:transparent; text-decoration:underline; }
#container_music a:active  {color:#663399; background-color:transparent; text-decoration:underline; }


.header1{ 
	font-family: 'Open Sans', 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', sans-serif !important;
	font-size: 1.2em; font-weight: bold;
	color:#663399 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 	 
} 



#music_container2   {
    border:1px solid #D8D9DA  !important;  
	text-align: left; 
	width:95%; border-collapse: collapse;
  	 margin: 10px; padding:10px;
	 box-shadow: 5px 5px 5px #eee; 
	font-family: 'Open Sans', sans-serif !important; 
	font-size: 1.1em; 
}


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

/*faculty*/
 

.containerFaculty:after {
    clear: both;
}

.containerFaculty > div {
    min-height: 200px;
    float: left;
    width: 50%;
}

.top {
    background: #ffffff;
	width:100%;
}

.left {
    background: #ffffff;
}

.right {
    background: #ffffff;
}

@media all and (max-width: 400px) {
    .containerFaculty > div {
        float: none;
        width: 100%;
    }
}
 
/* Tables */
	
#content_table  
{ 
border-collapse: collapse; 
  border-spacing: 0;	
width:90%; text-align: left;   
 border:1px solid #D8D9DA !important;  
	text-align: left;
}

#content_table  td 
{
	 font-size: 1.0em;
	text-align: left; vertical-align:text-top;
	font-family: 'Open Sans', sans-serif !important;
	padding:10px; 
	/*padding:2px 7px 1px 7px;margin: 1em 1em 1em 1em;   */   border:1px solid #ffffff !important; 
	vertical-align: top;
 }

#content_table  th 
{
	 font-size: 1.0em;
	text-align: left; vertical-align:text-top;
	font-family: 'Open Sans', sans-serif !important;
	padding:10px; 
	 
	vertical-align: top; background-color:#ffffff;
 }

 /* Tables 2*/
	
#content_table2  
{ 
border-collapse: collapse; 
  border-spacing: 0;	
width:70%; text-align: left;   
 border:1px solid #D8D9DA !important;  
	text-align: left; margin-left:10px; 
	padding-left: 20px;
}

#content_table2  td, #content_table2  tr
{
	 font-size: 1.0em;
	 text-align: left; padding: 16px;
	vertical-align:text-top;
	font-family: 'Open Sans', sans-serif !important;
	padding-left: 20px;
	/*padding:2px 7px 1px 7px;margin: 1em 1em 1em 1em;   */   border:1px solid #D8D9DA !important;  
	vertical-align: top; margin-left:10px;
	 
 }

#content_table2  th 
{
	 font-size: 1.0em;
	text-align: left; vertical-align:text-top;
	font-family: 'Open Sans', sans-serif !important;
	padding-left: 20px;
	 border:1px solid #D8D9DA !important;  
	vertical-align: top; background-color:#ffffff; margin-left:10px;
 }

 

#content_table2 tr:nth-child(even) {
  background-color: #f2f2f2;
}

 /* Tables 3 */ 

#content_table3
{ text-align: left;  	  
	width:100%; border-collapse:collapse;
 	border:1px solid #D8D9DA !important; 
	vertical-align:top; text-align:left; 
}

#content_table3 th, #content_table3 td
{ 
    border:1px solid #D8D9DA !important; 
	vertical-align:top; text-align:left;  
	margin: 10px; padding: 10px;  height: 50px;
	/*padding:2px 7px 1px 7px;  */  
 	font-family: 'Open Sans', sans-serif !important; 
	font-size: 1.1em; 
 }

 


 

div.button2{
    background-color: #D8D9DA/* color D8D9DA*/
    border: none;
    color: #000000;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em; font-weight: bold;
    margin: 4px 2px 0px 10px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button2 {
    background-color: #D8D9DA; 
    color: black; 
    border:1px solid #D8D9DA !important; 
}

 

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


#container_content div.feature{
	 width: 99%;	
	 float:left;
	 margin-right: 5%;
	 background:white;
	font-size:1.05em; 
	font-family: 'Open Sans', sans-serif !important;
	 padding: 0.5px 8px;
 }
  



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

#container_content div.feature p{
	/*padding: 16px 10px;*/
	padding: 5px;
	font-size:1.05em; 
	 
}



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




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

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



 div.gallery {
  margin: 10px;  
  border: 1px solid #ccc;
  float: left;
  width: 360px;
}

 

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
	font-size: 0.9em;
}



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

 div.vgallery {
  margin: 10px;  
  border: 1px solid #ccc;
  float: left;
  width: 45%; position:center;
}

 
 div.desc {
  padding: 15px;
  text-align: center;
 
	 color: #000000 !important; 
  	font-family: 'Open Sans', sans-serif !important;
	font-size: 0.9em;
}


 
 
 div.photogallery {
  margin: 10px;  
  border: 1px solid #ccc;
  float: left;
  width: 280px;
}




 		#topleft{
			float:left;
			width: 65%;
			padding-right: 1%; 
		}
		
		#topright{
			float:left; padding-left: 1%; 
			padding-top: 1%; 
			width: 30%; 
		}


 


		@media only screen and (max-width: 1366px) {
			#topright, #topleft{
				width:98%; 
				clear:both;
				padding: 0 1%;
			}	
		 
		}


		@media only screen and (max-width: 767px) { 

			#topright, #topleft{
				width: 100%;
				margin: 1em 0 0 0;
				float:none;
			}

		}