@charset "utf-8";
/* CSS Document */

body {
	 margin:0px 0px 0px 0px;
	 font-family:verdana,arial,sans-serif;
	 color:#333;
}

.clear {
	float:none;
}

a {
	color:#5e7a56;
	text-decoration:none;
}

a hover {
	color:#76a069;
	text-decoration:none;
}

.greenpanel a {
 	color:#fff;
	text-decoration:none;
}
.greenpanel a:hover {
 	color:#000;
}	

#header {
	
	padding:10px 0;
	text-align:center;
	
}

#menubar {
	float:right;
	font-size:0.85em;
	padding-left: 0px;
}

#menu {
	float:right;
	padding-right:20px;
}

#menubar ul {
	
	margin: 0px;
	padding-left:0;
}

#menubar li {
	list-style:none;
	margin: 0px 0px 0px 0px;
	color:#76a069;

}
#menubar a {
 	color:#76a069;
	text-decoration:none;
}
#menubar a:hover {
 	 color:#000;
}

#dropdown {
	 float:right;
	 transition: all 0.5s ease;
	 padding-top:0px;
	 position:absolute;
	 right:20px;
	 top:150px;
	 z-index:100;
	 background-color:#fff;
	 display:none; 	
}

#dropdown li {
	color:#5e7a56;
	padding:5px 10px;
	border-top:1px solid #5e7a56;
	text-align:right;
	font-size:1.2em
}

.color-bar {
	width:100%;
	margin: 0 auto 0;
	padding: 0;
	background: linear-gradient(to right, #fff, #d6a6a6);
	height: 15px;
}

#homepageslides {
	width:auto;
	margin:0 auto;
	max-height:65vw;
	max-width:100vw;
	z-index:-1;
}


#homepageslides .gallerylayer img{ /* make all images inside fadeshow4 scale to 100% of slideshow width */
	width: 100%;
}

.info-link{
	text-align:center; 
}

.info-link > a > button{
	text-align:center; 
	background-color:#AC4D4B; 
	font-size:14px; 
	color: white; 
	border-radius:5px; 
	cursor:pointer;  
	font-weight:bold; 
	padding:5px;
}

#infolink1, #infolink3,  #infolink5, #infolink7{
	display:block;
}

#infolink2, #infolink4,  #infolink6, #infolink8 {
	display:none;
}

#event2  {
	display:none;
}

#hidden {
	display:none;
}
	
.greentopbar {
	width:100%;
	background-color:#76a069;
	padding: 10px 0px;
	color:#FFF;
	font-size:1.5em;
	margin:0;
	padding:10px;
}

.event {
	font-weight:bold;
	font-size: 1.2em;
	margin:0;
	width:100%;
	padding:5px;
	text-align:center;
}

.eventDate {
	font-weight:bold;
	font-size: 1.2em;
	margin:5px 0 0 0;
	width:100%;
	padding:5px;
	text-align:center;
}
	
.greenheader{
	font-size:1.8em;
	color:#0d5c0c;
	margin-top:5px;
	line-height: 0.5em;
	text-align:center;
}

.container {
	width:100%;
}

.greylinkpanel {
	
	background-color:#cacdcf;
	margin-top:0px;
	color:#333;
	padding:15px 0px 15px 0px;
	text-align: center;
	font-size:1.2em;
	
}
.greylinkpanel a {
 	 	 color:#333;
		 text-decoration:none;
}

.greylinkpanel a:hover {
 	 	 color:#5c895e;
}

.smallphotopanel {
	width:100%;
	text-align:center;
	background-color:#e2e2e2;
		margin-bottom:5px;
}

.greytextpanel {
	background-color:#e2e2e2;
	margin-top:20px;
	padding:10px;
	font-size:0.9em;
	}

#contact {
	background-color:#e2e2e2;
	height:220px;
	width:100%;
}

.fullwidthpanel2 {
	width:100%;
	height:20px;
	background-color:#ac4c4c;
	margin:10px 0px 10px 0px;
	color: #FFF;
} 

.form-group {
	border:none;
}

#email, #name {
	font-size:1.1em;
	width:80%;
}

#AntiSpam, #AntiSpam2 {
	width:40px;
}

#submit, #submit1, #submit2 {
	background-color:#76a069;;
	color:white;
	width: 100px;
	height:30px;
	border-radius:5px;
}

#error, #error1, #error2 {
	background-color:#ffbdbd;
	margin-top:10px;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
}

#success, #success1, #success2 {
	background-color:#bed9b5;
	margin-top:5px;
	text-align:center;
	font-weight:bold;
}

.fullwidthpanel {
	background-color:#ac4c4c;
	margin:10px 0px 10px 0px;
	color:#FFF;
	padding:10px 10px 10px 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
}

#finduspanel {
	padding-top:20px;
	background-color:#76a069;
	color:#fff;
	text-align:center;
}

.booktickets {
	padding:7px;
	background-color:#e6f5e3;
	font-size:20px;
	color: 	#5c895e; 
	border-radius:4px; 
	cursor:pointer; 
	margin:0 0 0 5px; 
	font-weight:400;
	text-align:center;
}

.grey {
	background-color:#eee; 
	color:#d4d4d4;
	cursor:auto;
}

.grey:hover {
	color:#d4d4d4;
}

.rehearsal {
	width:90%;
	margin: 10px 0 0 0;
	max-width:440px;
}

#tickets1 {
	display:block;
}

#tickets2 {
	display:none;
}
.booktickets {
	padding:7px;
	background-color:#e6f5e3;
	font-size:20px;
	color: 	#5c895e; 
	border-radius:4px; 
	cursor:pointer; 
	margin:0 0 0 5px; 
	font-weight:400;
	text-align:center;
}

.booktickets:hover {
 	 	 color:#76a069;
}

.award {
	text-align:center;
	font-size:0.9em; 
	padding: 0 10px;
}

.nomination {
	text-align:center; 
	margin:30px auto 0 auto; 
	line-height:20px;
}

/*
#nextproductionpanel {
	
	background-color:#e2e2e2;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	padding:0px 10px 10px 10px;
	font-size: 12px;
	
}
#nextproductionpanel img{
	margin: 10px auto;
}

#nextproductionpanel p{
	margin:5px 0;
}

.moreinfo {
	margin: 5px 0 0 0;
	background-color: #76a069; 
	color:white;
	}*/

/*	.narrow {
	max-width:250px;
}

.playTitle {
	font-family:verdana,arial,sans-serif;
	font-size:0.8em;
	font-weight:600;
	font-style:italic;
	margin-bottom: 10px;
}*/

/*	
	#hiretopbar {
	width:475px;
	background-color:#76a069;
	padding: 10px 0px 10px 10px;
	color:#FFF;
	font-size:1.1em;
	margin:15px 0;
	float:left;
	
}*/	

/*#headerbar {*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#76a069+0,ededed+61,ffffff+100 */
/*background: rgb(118,160,105); /* Old browsers */
/*background: -moz-linear-gradient(left,  rgba(118,160,105,1) 0%, rgba(237,237,237,1) 61%, rgba(255,255,255,1) 100%);*/ /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(118,160,105,1)), color-stop(61%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));*/ /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(left,  rgba(118,160,105,1) 0%,rgba(237,237,237,1) 61%,rgba(255,255,255,1) 100%);*/ /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(left,  rgba(118,160,105,1) 0%,rgba(237,237,237,1) 61%,rgba(255,255,255,1) 100%);*/ /* Opera 11.10+ */
/*background: -ms-linear-gradient(left,  rgba(118,160,105,1) 0%,rgba(237,237,237,1) 61%,rgba(255,255,255,1) 100%);*/ /* IE10+ */
/*background: linear-gradient(to right,  rgba(118,160,105,1) 0%,rgba(237,237,237,1) 61%,rgba(255,255,255,1) 100%);*/ /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76a069', endColorstr='#ffffff',GradientType=1 );*/ /* IE6-9 */


/*	padding: 10px 0px 10px 10px;
	color:#FFF;
	font-size:1.3em;
	font-weight:bold;
	margin-left:0px;
	margin-bottom:20px;
	
	
}*/

/*#eventscontainer {
	padding:10px;
}*/