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



#container_spa
{ 	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_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;*/    
} 

 
.container_program
{ 	width:97%; position: relative; overflow: auto;
    text-align: left;  
   	color: #000000 !important; 
  	font-family: 'Open Sans', sans-serif !important;
	
	font-size: 1.0em;
   	 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', 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;
 
} 

.header3{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.1em!important;
	text-align:center!important;
	font-weight: bold;
	color:#B64615 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}

 

.header4{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.1em!important;
	text-align:center!important;
	font-weight: bold;
	color:#000000 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
} 

.header5{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.0em!important;
	text-align:center!important;
	font-weight: bold;
	color:#000000 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
} 
.header6{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.0em!important;
	text-align:center!important;
	font-weight: bold;
	color:#663399 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
} 
 


h3.spa {
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;
}

.row {
width:30%;
float:left;
margin:.4em 1em 1em 0;
border:1px solid #ffffff !important;

}

.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: .3em;
}

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

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

h4.gold {
text-align:center;
}

h4.gold a{
color:#fc0!important;
}

h4.gold a:hover{
color:#639!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%;*/width:45%;
}
#last{
clear:both;
}
}

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

 

#spa_content
{ 	width:95%;  overflow: auto;  
  	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.1em; 
  	margin-left:40px;  
	margin-right:10px; 
	margin-top:10px; 
	padding: 10px; 
    text-transform: uppercase;  
}
  
.button1 { height:20%;  position: relative; 
    border:1px solid #D8D9DA !important;
	color:#000000;
    padding: 15px 25px;
    text-align: center;
    text-decoration: none; 
    display: inline-block;
    font-size: 1.1em;
    cursor: pointer; border-radius: 4px;
    float: left; width:31%;  margin-left:10px;
}
 
 .button1:hover {
    background-color: #ffcc00;
	color: #ffffff;
}
 .button1:not(:last-child) {
    border-right: none; /* Prevent double borders */  
}
 .button1 p { 
	text-align: center;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
 


	/* Tables */
	
#content_table2 
{ 
width:90%; text-align: left; /*border:1px solid #D8D9DA !important;*/
border-collapse:collapse;    
border:1px solid #ffffff !important; 
	padding-left: 50px;
	vertical-align:top;  
}
 

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

#content_table2 th 
{
	border:1px solid #ffffff !important; 
	font-size: 1.0em; letter-spacing: .1em;
	text-align: left; vertical-align:text-top;
	font-family: 'Open Sans', sans-serif !important;
		margin: 1em 1em 1em 1em; padding: 10px; 
	/*padding:2px 7px 1px 7px;  */   
	vertical-align: top; background-color:#eeeeee;
 }

  
/* Tables */
	
#content_table3 
{ 
width:80%; text-align: left; border:1px solid #D8D9DA !important;
border-collapse:collapse;    
border:1px solid #ffffff !important; 
	padding-left: 50px;
}

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

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



 /* Tables */
	
#content_table4 
{ 
width:70%; text-align: left; border:1px solid #D8D9DA !important;
border-collapse:collapse;    
border:1px solid #ffffff !important; 
padding-left: 60px;
}

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

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

 /* Tables */
	
#content_table4a 
{ 
width:70%; text-align: left;  border:1px solid #ffffff !important;
border-collapse:collapse;     
padding-left: 60px;
}

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

#content_table4a th 
{border:1px solid #ffffff !important; 
	font-size: 1em;
	text-align: left; vertical-align:text-top;
	font-family: 'Open Sans', sans-serif !important;
		margin: 1em 1em 1em 1em; 
	/*padding:2px 7px 1px 7px;background-color:#eeeeee; padding: 10px;  */   
	vertical-align: top; 
 }
/* Tables */
	
#content_table5 
{ 
width:95%; text-align: left;  border:1px solid #ffffff !important;
border-collapse:collapse;     
	padding-left: 50px;
	vertical-align:top;  
}
 

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

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


#content_table5a 
{ 
width:30%; text-align: left;  border:1px solid #ffffff !important;
border-collapse:collapse;     
	padding-left:20px;
	vertical-align:top;  
}
 

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

#content_table5a th 
{ border:1px solid #ffffff !important;
	 
	font-size: 1.0em; letter-spacing: .1em;
	text-align: left; vertical-align:text-top;
	font-family: 'Open Sans', sans-serif !important;
		margin: 0.5em 1em 1em 1em; padding: 10px;
	/*padding:2px 7px 1px 7px;   */   
	vertical-align: top;
 }
 
div.gallery {
  margin: 10px;
  border: 1px solid #D8D9DA;
  float: right;
  width: 300px;
}

div.gallery:hover {
  border: 1px solid solid #D8D9DA;
}

div.gallery img {
  width: 90%;
  height: auto;
  margin: 10px;	
}

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


 
div.gallery1 {
  margin: 10px;
  /*border: 1px solid #D8D9DA;*/
  float: left;
  width:100%;
}

div.gallery1:hover {
  border: 1px solid solid #D8D9DA;
}

div.gallery1 img {
  width:100%;
  height: auto;
  margin: 10px;	
}

div.desc1 {
  padding: 15px;
  text-align: center;
}
 

  
div.gallery2 {
  margin: 10px;
  /*border: 1px solid #D8D9DA;*/
  float: right;
  width:25%;
}

div.gallery2:hover {
  border: 1px solid solid #D8D9DA;
}

div.gallery2 img {
  width:100%;
  height: auto;
  margin: 10px;	
}

div.desc2 {
  padding: 15px;
  text-align: center;
}
 


#content1 {
   width: 100%;
  margin: auto;
  border: 1px solid solid #D8D9DA;
  padding: 10px;
}
 
#content1 table {
  border-collapse: collapse;
  width: 90%;
 border: 1px solid solid #D8D9DA;
 text-align: left;
}

#content1 th {
  border:1px solid #D8D9DA !important; font-size: 1em;
  padding: 15px; vertical-align: top;
  font-size: 1.0em;
  text-align: left; vertical-align: top; 
	font-family: 'Open Sans', sans-serif !important;
}

#content1 td {
	 border:1px solid #D8D9DA !important; font-size: 1em;
   vertical-align: top;
  font-size: 1.0em;  
  text-align: left; vertical-align: top; 
	font-family: 'Open Sans', sans-serif !important;
}

 div.actionbutton2{
		float:left;
		background:#639; 
		color:white; 
		width:auto; 
		padding: 1em 1%; 
		margin: 0.5em 1%;  
		text-align:center;
	  margin-bottom:1.5em;
	  border:1px solid #D8D9DA !important;
	}

	div.actionbutton2 a{color:white !important;} 
 



 .cancel_notice {
  columns: 90%;
  background-color: #ffffff; margin: 10px; padding: 10px;
 
	 font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.0em; color:#663399;
	  border-radius: 10px;
	 border:2px solid #D8D9DA !important;
}


#notice{
  columns: 60%;   
   margin: 10px; padding: 10px;
  
	 font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.0em;  
 
}

 .announcement_notice {
   
	 font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.0em; color:#663399;
	 text-align:center; font-weight: bold;
	 /*border: 4px solid #D8D9DA !important; background-color:#ffffff; */
	 
}


#shows {
  columns: 60%;
   margin: 10px; padding: 10px;
  
	 font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.0em; color:#663399;
 
}
 

		@media only screen and (max-width: 1366px) {
			#shows  {
				width:50%; 
				clear:both;
				padding: 0 1%;
			}	
			 
		}


		div#button p {
			border: 2px solid #639;
			text-align:center;
			margin-bottom: 1em;
			width: 90%;
			/*max-width: 200px;*/
			padding: 1em 0;
			font-weight:bold;
			font-size:1.1em;
			margin-right:26px;
			float:left;
			background: #ffffff;
		}

 
		div#button a{
			display: block;
			width: 100%;	
			color:white;
		}
		
		div#button p:hover{
			/*background: #ffcc00;	*/
			background: #ffffff;
			border: 2px solid #639;
		}
		
		div#button p:hover a{
			/*color:#639;	*/
			background: #ffffff;
			border: 2px solid #639;
		}



	@media only screen and (max-width: 1366px) {
		 
			div#button{margin-bottom:1.5em; clear:both; overflow:hidden;}
			div#button p{
				/**/width: 47.5%;
				max-width: 47.5%;
				margin: 0.5em calc(5% - 8px) 0.5em 0;
				float:left;
				
			}			
			
		 
		}
 

 		#factcontainer{
			width:100%;	
			overflow:hidden;
			margin: 2em 0;
			 
		}
		  
		
		#macombvideo{
			float:left;
			width: 60%;
			padding-right: 1%;
			margin-right:1%;
			 
		}
 

		#qcvideo{
			width: 36%;
			margin-left: 1%;
			float:left;
			 
		}

 		
		#videocontainer {
						position:absolute;
						top:2%;
						right:0;		
						z-index:5;		
						width:100%;		
						margin: 2em 0;
			  
					}
	 

	   #macombvideo p, #qcvideo p{			
			font-size:1.2em;		
			line-height: normal;
			 
		}




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

	@media only screen and (max-width: 1150px) {
			div#factcontainer{font-size:0.8em;}
		}
		
		@media only screen and (max-width: 900px) {
			#factcontainer  {width: 100%;}
			 
		}


@media only screen and (max-width:850px){
						#videocontainer  {
							position:relative;	
						}
 
					}
					
		 
		
		@media only screen and (max-width: 767px) { 

			div#macombvideo, div#qcvideo{
				width: 100%;
				margin: 1em 0 0 0;
				float:none;
			}

		}
 @media only screen and (max-width: 500px) {
			#factcontainer p{font-size:1.1em;} 
		}