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

h3.welcome {
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;*/
}

 
#sideNav ul li {
    border-bottom: 1px solid #ddd;
    padding: 1.5em 0;
    list-style-type: none!important;
}
 
.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:#663399 !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.2em; font-weight: bold;
	color:#333 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}


 .header3a{
	width:100%; border-collapse:collapse;    
border:1px solid #D8D9DA !important; 
vertical-align:top; text-align:left; 
 
}
 
#theatre_container1  {    
    /*border:1px solid #D8D9DA !important;  */ 
	text-align: left; color: #000000 !important; 
	 border-collapse: collapse; height: 100%; width:inherit;
  
     margin-top:10px; padding:10px; margin-left: 20px;
	/* 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;  
}
  

/*------------------------------------------------*/
/*-------------[Department Sections]--------------*/
/*------------------------------------------------*/
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 1.6% 1.6% 0%;
	border:1px solid #dadada;
	border-radius:5px;
	min-height:200px;
}
.col h3 {font-size:150%;}
.col span {font-size:65%;}
.col a {text-decoration:none; color:#663399!important;  }
.col a:hover {color:#333333!important;  }
 

 /*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}                                          
/*  GRID OF FOUR  */

.span_1_of_4 {
	width: 22.4%;
}
  

@media only screen and ( max-width: 767px ) {
	
	.col {margin: 1% 1% 1.6% 3%;}
	.col h3 {font-size:160%;}
	.col span {font-size:70%;}
	/*.span_1_of_4 {width: 45%;}*/
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; };
	
 
}


/*  GROUPING  */
/*.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
} 
.group { zoom:1; /* For IE 6/7  } */
/*  GRID OF FOUR  */

/*.span_1_of_4 {
	width: 23.4%;
}




@media only screen and ( max-width: 767px ) {
	
	.col {margin: 1% 1% 1.6% 3%;}
	.col h3 {font-size:160%;}
	.col span {font-size:70%;}
	/*.span_1_of_4 {width: 45%;}
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; };
	
 
}*/

 
.col h4 {text-align: center;
color:#000!important;
font-weight:normal!important;
padding:0.5em 0 0.5em 0!important;
font-size:1.4em!important; 
/*text-transform:uppercase!important;*/
margin-left: 0.3em;
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ; 
 
}

.col p {text-align: center;
color:#000!important;
font-weight:normal!important;
padding:0.5em 0 0.5em 0!important;
font-size:1.2em!important;  line-height: normal;
margin-left: 0.3em;
	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ; 
}

 

 
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 7px;
    border: 1px solid #f2f2f2;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 23%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;} 

 /************************************************************************************
 COLUMN 3
*************************************************************************************/
.col3 {
	display: block;
	background: #F9F9F9;
	float: left;
	margin-left: 3.2%;
	margin-bottom: 30px;
	padding:7px 17px 7px 17px;
	/*margin: 1% 1.6% 1.6% 0%;*/
	border:1px solid #E7E7E7;
}
.col3 img {padding:3px; border:1px solid #ccc; box-shadow:3px 3px 5px #ccc; margin:0 15px 10px 0; max-width:100px;}
.fullwidth .col3 {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col3 {
	width: 22.6%;
}
/* grid3 col */
.grid3 .col3 {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col3 {
	width: 48.4%;
}
/* clear col */
.grid4 .col3:nth-of-type(4n+1),
.grid3 .col3:nth-of-type(3n+1),
.grid2 .col3:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
 
.col3 h3 {font-size:150%;}
.col3 span {font-size:65%;}
.col3 a {text-decoration:none; color:#663399!important; }
.col3 a:hover {color:#885CB5!important;}



 /* 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;
}
 

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

#theatre_table4 td, #theatre_table4 th 
{
	font-size: 1em;  text-align:left; 
	border:1px solid #D8D9DA;
	vertical-align:top;  
	 
	margin:5px; padding:10px;
 
 }
 
 
#theatre_table4 tr:nth-child(even){background-color: #f2f2f2;}

#theatre_table4 tr:hover {background-color: #dcdcdc;}

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

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

#theatre_table5 td, #theatre_table5 th 
{
	font-size: 1.2em;  text-align:left; 
	border:1px solid #ffffff;
	vertical-align:top;  
	 
	margin:5px; padding:10px;
 
 }
 
 
 

 


/*--font --*/ 

.header_topic1{
	font-family: 'Kaushan Script', cursive;
	font-size: 1.5em; font-weight: bold;
	color:#333 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}

.header_topic1a{
	font-family: 'Kaushan Script', cursive;
	font-size: 1.2em; font-weight: bold;
	color:#000000 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}
  
.header_topic2{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 1.5em; font-weight: bold;
	color:#663399 !important;   
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}
 
  
.topic1{
	font-family: 'Roboto', sans-serif;
	font-size: 1.7em; font-weight: bold;
	color:#000000 !important;  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}
 
 .topic2{
	font-family: 'EB Garamond', serif;
	font-size: 1.5em; font-weight: bold;
	color:#000000 !important;  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}


.topic3{
	font-family: 'Merriweather', serif;
	font-size: 1.5em; font-weight: bold;
	color:#000000 !important;  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}

.topic4{
	font-family: 'Slabo 27px', serif;
	font-size: 1.5em; font-weight: bold;
	color:#000000 !important;  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}

.topic5{
	font-family: 'Crimson Text', serif;
	font-size: 1.3em; font-weight: bold;
	color:#000000 !important;  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}

.topic6{
	font-family: 'Fresca', sans-serif;
	font-size: 1.3em; font-weight: bold;
	color:#000000 !important;  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}

 

.topic8{
	font-family: 'Source Serif Pro', serif;
	font-size: 1.3em; font-weight: bold;
	color:#000000 !important;  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}
.topic9{
	font-family: 'Bree Serif', serif;
	font-size: 1.3em; font-weight: bold;
	color:#000000 !important;  
	margin-top:5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
}




					
					
 
.responsive {
    width: 100%;
    max-width: 400px;
    height: auto;
 
}

#testimonial  {
     width: 100%; float: left;   
	text-align: left;  
   	color: #000000 !important; 
  	font-family:Helvetica Neue, HelveticaNeue-Light, 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif ;
	font-size: 1.0em;
   	margin: 0.05em 0; padding-left: 20px;  margin-left:10px;
	/*  border:1px solid #D8D9DA !important;*/ 
   
}
.testimonial1 {
     width: 90%;float: left; margin:20px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
}

.testimonial2 {
     width: 50%;float: left; margin:10px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
}