#container_music
{ 	width:97%; position: relative; overflow: auto;
    text-align: left;  
   	color: #000000 !important; 
  	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	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;*/    
} 
.navBar{
	display: none;
}
 h3.music {
font-weight:normal!important;
text-align:center!important;
font-size: 1.6em!important;
text-transform:uppercase!important;
/*color:#fc0!important;*/
color:#fff!important;
background-color:#639;
margin: .5em 0;
	
}


.row {
width:30%;
float:left;
margin:.4em 1em 1em 1em;
border:1px solid #ffffff !important;
font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	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;
	
}

.mySlides {display: none;}

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4;} 
  to {opacity: 1;}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px;}
}
@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:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 }
.header2{
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	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:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ; 
	font-size: 1.1em; 
}


#container_faculty
{ 	width:95%; position: relative; overflow: auto;
    text-align: left;  
   	color: #000000 !important; 
  	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	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:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	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:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	padding:10px; 
	 
	vertical-align: top; background-color:#ffffff;
 }

 

 /* 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:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ; 
	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:97%; position: relative; overflow: auto;
    text-align: left;  
   	color: #000000 !important; 
  	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	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_content a:link    {color:#000000; background-color:transparent; text-decoration:underline;}
#container_content a:visited {color:#663399; background-color:transparent; text-decoration:none;}
#container_content a:hover   {color:#413f43; background-color:transparent; text-decoration:underline;}
#container_content 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:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	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;}