#theatre_container1   {  
    /*border:1px solid #D8D9DA !important;  */ 
	text-align: left; color: #000000 !important; 
	width:97%; border-collapse: collapse;
  	 padding:10px;
	 margin-left: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; 
}
 
 

.header1{ 
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.5em;
	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.3em; font-weight: bold;
	color:#333 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}
.header3{ 
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.3em;
	font-weight: bold;
	color: #663399 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 } 
.subhead1{ color:#000000; 
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size:0.7em;  }
 
 
/* Tables */
	
#theatre_table1
{ 
width:600px; border-collapse:collapse;    
border:1px solid #D8D9DA !important; 
vertical-align:top; text-align:left;   
}

#theatre_table1 td, #theatre_table1 th 
{
	font-size: 1em;  border:1px solid #D8D9DA !important; 
	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;  
	/*padding:2px 7px 1px 7px;  */   
	 
 }

 /* Tables */
	
#theatre_table2
{ 
width:90%; border-collapse:collapse;    
border:1px solid #ffffff !important; 
vertical-align:top; text-align:left; margin-left:5%; 
}

#theatre_table2 td, #theatre_table2 th 
{
	font-size: 1em;  border:1px solid #ffffff !important; 
	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;  
	/*padding:2px 7px 1px 7px;  */   
	 
 }

 
 /* Tables */
	
#theatre_table3
{ 
width:90%; border-collapse:collapse;    
border:1px solid #ffffff !important; 
vertical-align:top; text-align:left; margin-left:5%; 
}

#theatre_table3 td, #theatre_table3 th 
{
	font-size: 1em;  border: 1px solid #ddd;   
	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;  
	/*padding:2px 7px 1px 7px;  */   
	 
 }


 
#theatre_table3 tr:nth-child(even){background-color: #ffffff;}

 

#theatre_table3 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #f2f2f2 ;
    color: white;
}
 

.picleft{	float: left; margin-right:10px; margin-left:10px; margin-top: 10px; margin-bottom:10px;  }
.picright{	float: right; margin-right:0px; margin-left:10px; margin-top: 10px; margin-bottom:10px;  
}



 /* unvisited link */
#theatre_container1 A:link {
    color: #444 !important; text-decoration:underline; 
}
/* visited link */
#theatre_container1 A:visited {
    color:#663399!important; text-decoration: none; 
}
/* mouse over link */
#theatre_container1 A:hover {
    color:#663399!important; text-decoration: none; 
}
/* selected link */
#theatre_container1 A:active {
    color:#fc0!important; text-decoration:underline;  
}




.grid-container {
  display: grid;
  grid-template-columns: auto auto ;
  grid-gap: 10px;
  background-color: #ffffff;
  padding: 10px;
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.0em;
}
.grid-container > div { 
  background-color: #ffffff;
border: 1px solid #ffffff; /*box-shadow: 10px 10px 5px #aaaaaa;#BFBFBF*/
  text-align:left; padding:20px;
 
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.0em;
}

.grid-container_people {  
  display: grid;
  grid-template-columns: 150px 700px;
  grid-gap: 10px;
  background-color: #ffffff;
  padding: 10px;
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.0em;
}
.grid-container_people > div { 
  background-color: #ffffff;
border: 1px solid #ffffff; /*box-shadow: 10px 10px 5px #aaaaaa;#BFBFBF*/
  text-align:left; padding:10px;
 
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.0em;
}

 
#infoContent {width:100%; height:250px; padding:10px;}


@media only screen and (max-width: 870px){
.infoBox {width:100%; float:none;}
#infoContent {height:100%;}
}

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

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



<!--div#hero{
background: url(/cofac/theatre/css/"")!important;
background-size: cover!important;
background-repeat: no-repeat!important;
background-position: center!important;
}-->

h3.cofac {
font-weight:normal!important;
text-align:center!important;
font-size: 2em!important;
text-transform:uppercase!important;
color:#663399!important;
background-color:#f2f2f2;
/*margin: .5em 0;*/
}

	
	

 
.row {
width:23%; border: 2px solid #73AD21;  /*border-radius: 10px;*/
float:left;
margin:.4em 1em 1em 0;
	border:1px solid #D8D9DA !important; 

}
 
 
 
.responsive {
    width: 100%;
    max-width: 400px;
    height: auto;
}
	
	
	 div.figure {
		  float: right;
		  width: 30%;
		  border: thin silver solid;
		  margin: 0.5em;
		  padding: 0.5em;
		  text-align: center;
		  font-style: italic;
		  font-size: smaller;
		  text-indent: 0;
		}
		img.scaled {
		  width: 100%;
		}