body {
 	margin: 0;
	padding: 0;
	background: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*color: #4F5964;*/
	text-align:center;
	background-image: linear-gradient(top, rgb(138,20,49) 34%, rgb(153,153,153) 52%);
	background-image: -moz-linear-gradient(top, rgb(138,20,49) 28%, rgb(153,153,153) 62%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.34, rgb(138,20,49)), color-stop(0.52, rgb(153,153,153)));
	background-image: -webkit-linear-gradient(top, rgb(138,20,49) 34%, rgb(153,153,153) 52%);
	background-image: -ms-linear-gradient(top, rgb(138,20,49) 34%, rgb(153,153,153) 52%);
	background-image: linear-gradient(top, rgb(138,20,49) 34%, rgb(153,153,153) 52%);
	background-repeat:no-repeat;

}

img {border-width:0px; }

#wrapper {
	background: #FFFFFF;
	width: 1000px;
	padding: 10px;
	margin:0 auto;
	text-align:left;
}

/* Header */

#header {
	overflow: hidden;
	width: 1000px;
	height: 85px;
	/*margin: 0 auto;*/
	padding: 0px 0px;
	clear: both;
	font-family: 'Arial', sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #000000;
}

#header p {
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #000000;
	font: bold;
}

/* Scrolling Banner */

#scrollingbanner {
	margin-top: 15px;
	width: 1000px;
	border: solid #8A1431 medium;
}

#scrollingbanner h1 {
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #000000;
	font: bold;

}

#scrollingbanner p {
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	color: #000000;

}

/* Content */

#content {
	margin-top: 15px;
	width: 1000px;
}

 h1 {
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	font-weight:400;
	color: #000000;
	font-style: oblique;
	font:bold;

}

#content h2 {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	font-weight:400;
	color: #8A1431;
	font-style: normal;

}

#content h2 {
	font-family: 'Arial', sans-serif;
	font-style: normal;

}

body {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	color: #000000;

}

#content .playwright {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	color: #000000;
	font-style:normal;
	padding-top: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	

}

#content .ticketprice {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	color: #000000;
	font-style:normal;
}


/* Menu */

#menu {
	width: 1000px;
	height: 38px;
	/*margin: 0 auto;*/
	padding: 0;
	border: #000000 thin solid;
}

#menu ul {
	/*float: left; */
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0px 0px 0px 0px;
}

#menu a {
	display: block;
	margin-left: 0px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #12212F;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#999999;
}

#menu .current_page_item a {
	background: #8A1431;
}

/*Events Menu*/

#eventsmenu {
	width: 1000px;
	height: 38px;
	margin-top: 25px;
	padding: 0;
	border: #000000 thin solid;
}

#eventsmenu ul {
	/*float: left; */
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#eventsmenu li {
	float: left;
	padding: 0px 0px 0px 0px;
}

#eventsmenu a {
	display: block;
	margin-left: 0px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #12212F;
	border: none;
}

#eventsmenu a:hover, #eventsmenu .current_page_item a {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#999999;
}

#eventsmenu .current_page_item a {
	background: #8A1431;
}

#eventsmenu2 {
	width: 1000px;
	height: 35px;
	margin-top: 5px;
	padding: 0;
	border: #000000 thin solid;
}

#eventsmenu2 ul {
	/*float: left; */
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#eventsmenu2 li {
	float: left;
	padding: 0px 0px 0px 0px;
}

#eventsmenu2 a {
	display: block;
	margin-left: 0px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #12212F;
	border: none;
}

#eventsmenu2 a:hover, #eventsmenu .current_page_item a {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#999999;
}

#eventsmenu2 .current_page_item a {
	background: #8A1431;
}

/*Upcoming Events*/

#upcomingevents {
	width: 1000px;
	margin-top: 25px;
	height: 200px;

}

#upcomingevents div {
	width: 295px;
	margin-left: 25px;
	float: left;
}

#upcomingevents div img{
	width: 295px;
	border: #8A1431 thick solid;
}

#upcomingevents div p{
	margin-top: 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 5px;

}

/* Social Media */

#socialmedia {
	width: 1000px;
	margin: 0 auto;
	margin-top: 25px;
	height: 200px;
	text-align:center;
	font-family: 'Arial', sans-serif;
	font-size: 13px;


}

#socialmedia div {
	float: left;
	
}

#facebook {
	width: 250px;
	margin-left: 0px;	
}

#twitter {
	width: 250px;
	margin-left: 25px;
}

#tweets {
	width: 450px;
	margin-left: 25px;
	
}

#facebooksm {
	width: 22px;
	margin-left: 0px;	
}

#twittersm {
	width: 22px;
	margin-left: 35px;
}

#socialmedia div p {
	margin-top: 5px;
	font:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:center;

}


/*Side menu*/

#sidemenu {
	float:right;
	width: 175px;
	border:thin #000000 solid;
	margin-left:15px;
	
}

#sidemenu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style:none;
	line-height: normal;
}

#sidemenu a {
	display: block;
	margin-left: 0px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	text-align: left;
	text-transform: lowercase;
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #12212F;
	border: none;
}

#sidemenu a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-color:#999999;
}

#sidemenu .current_page_item a{
	background: #8A1431;
	color:#FFFFFF;
}



/* Slidorion */
.slidorion {
	position: relative;
	width: 988px;			/* Set to slidorion width. Is equal to .slider + .accordion width */
	height: 450px;			/* Set to slidorion height. Is equal to .slider and .accordion height */
	left: 50%;
	background: #CBCBCB;
	padding: 5px;
	border: 1px solid #BBB;
	box-shadow: 0 0 34px #bbb;
	margin-left: -500px;
}

.slider {
	width: 60%;
	height: 100%;
	position: relative;
	float: left;
	overflow: hidden;		/* Hides the animations */
}

.slider .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.accordion {
	width: 40%;
	height: 100%;
	/* font-family: Arial, Helvetica, sans-serif; */
	background: #eee;
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: relative;
	z-index:999;
	overflow: hidden;
	float: left;
}

.accordion .header {
	padding: 8px 14px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -o-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	border-top: 1px solid #ccc;
}

.accordion .header:first-child {
	border-top: none;
}

.accordion .header:hover {
	background: #EDEDED;
	cursor: pointer;
}

.accordion .header.active {
	border-bottom: none;
	background: #676767 !important;
	color: #FFF;
}

.accordion .content {
	height: 290px;			/* This height needs to be changed as it depends on the accordion height and number of tabs */
	font-weight: normal;
	font-size:12px;
	line-height: 20px;
	margin: 0;
	padding: 16px;
	border: none;
	background: #d6d6d6;
	background: -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -o-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -ms-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	overflow:auto;
}

.accordion .content p {
	margin-bottom: 10px;
}

.slidorion .slidorion-nav {
    position: absolute;
    top: 200px;
    width: 16px;
    height: 27px;
    z-index: 9999;
    background: url('../img/arrows.png') 0 0 no-repeat;
    cursor: pointer;
}

.slidorion .slidorion-nav-left {
	left: 30px;
}

.slidorion .slidorion-nav-right {
	right: 310px;
	background-position: -16px 0;
}



/* from old style sheet */



.white_text {color:white;}
.grey_text {color:#808080;}

 A.season_pn:link {text-decoration: none; color: #000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
A.season_pn:hover {text-decoration: none; color: #000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
A.season_pn:visited{
	text-decoration: none;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.season_footer {
	color: #000000;
	border-color: #660000;
	text-align:center;
}

#content .current_season_Page_title{
	font-size:20px;
	font-weight:bold;
}
#content .current_season_Page_red{
	font-size:16px;
	font-weight:bold;
	color:red;
}

.season_title{font-size:16px; font-weight:bold;}
.season_header_text{margin-bottom: 5px; font-weight:bold;}
.season_play_title {
	font-style:italic;
	font-weight:bold;
	font-size:118px;
	text-decoration: underline;
}

.season_play_by {
font-size: 16px;

}

.season_play_director {
font-size: 14px;

}

.season_plays{text-align:justify;}
.season_xmas { color:#80000;}

.season_plays A {
	font-style:italic;
	font-weight:bold;
	font-size:16px;
}

.blue_box {background-color:#DDDDDD;
color:#000000;
}

.blue_box ul li {margin-top: 5px;
text-align:left;}

.black_text { color:#000000;}

.season_page_menu_box {background-color:#C0C0C0;
margin-left: 5px; margin-top:6px; margin-bottom:6px;
padding: 6px;
}
.season_page_menu_box  a {color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
.season_page_title {
font-size: 24px;
font-style:italic;
font-weight:bold;
}
.season_page_by {
font-size: 18px;

}

.season_page_director {
font-size: 14px;

}

.season_page_time {
font-size: 10px;
}

.season_page_info {
	font-size: 12px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
}
.season_page_dates{
color:#FFFF00;
font-style:italic;
font-weight:bold;
}

.season_page_right {background-color:#000000;
color:#FFFFFF;
vertical-align:top;
text-align:left;
padding-right:5px;
}


.Audtion_title{font-size:22px; }


.kt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}


body {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	}
	
.table_alt_row {background-color:#CCCCCC}

.photo_right {
float:right; width:300px; padding-left:10px
}

.photo_right_actor {
float:right; width:150px; padding-left:10px
}

.redText { color:#FF0000;
}

#content p.actor { color:#000000;
font-weight:bold;
font-size:20px;
}

.cast { background-color: #FFFF00;
}

.online a {
	display: block;
	margin-left: 0px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #FFFFFF;
	border: none;
	background-color: #8A1431;
}

a.new_season ,  a.new_season:hover, a.new_season:visited , a.new_season:link{
color: #8A1431;
font-size: 20px;
text-align: center;
}