html
{
		height: 100%;
}

body
{
		margin: 0px;
		padding: 0px;
		background: url(/_images/page-gradient-bgd.jpg) repeat-x;
		font: 0.8em/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		min-height: 100%;
		height: 100%;
		text-align: left;
}

p
{
		font: 1em/1.25px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6
{
		margin: 0px;
		padding: 0px;
		line-height: 1;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

img
{
border: none;
}

img.right
{
		float: right;
		margin-bottom: 30px;
		margin-left: 30px;
}

#clearer
{
		clear: both;
}

.clearer
{
		clear: both;
}

#wrapper
{
		width: 1025px;
		margin: 0px auto;
		padding: 0px;
		clear: both;
}

#logo
{
		margin: 10px 0px 0px;
		padding: 0px;
		float: left;
		width: 100px;
		position: relative;
		top: 0px;
		background: url(/_images/owl.png) no-repeat left top;
		height: 110px;
}

#logo span a
{
		display: block;
		height: 110px;
		width: 100px;
}

#header
{
		margin: 10px 0px 0px;
		padding: 0px;
		float: right;
		width: 925px;
		height: 67px;
		background: url(/_images/barn-theatre-header.png) no-repeat;
}

#header span a
{
		display: block;
		height: 67px;
		width: 453px;
		float: left;
}

#header img
{
		display: none;
}
#header-banner 
{
		clear: none;
		float: left;
		position: relative;
		height: 77px;
		width: 402px;
		margin-top: -10px;
		left: 454px;
}

#header-banner img
{
		display: block;
}

#accessibility
{
		height: 67px;
		width: 75px;
		float: right;
		font-size: 10px;
}

#accessibility ul
{
		margin: 0px;
		padding: 0px;
		list-style: none;
}

#accessibility a
{
		color: #999;
		text-decoration: none;
		text-align: center;
		display: block;
		border: 1px solid #999;
		float: right;
		padding: 1px 5px;
}

#accessibility a:hover
{
		background: url(/_images/transparent-spacer-50.png) repeat;
		color: #666;
}

#accessibility .skiplink
{
		display: none;
}
 





#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	background: url(/_images/main-menu-bgd.png) no-repeat left top;
	width: 925px;
	float: right;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	text-decoration: none;
	font-size: 0.85em;
	color: #000000;
	width: 85px;
}

#nav a.top {
	height: 18px;
	text-align: center;
	border-style: none;
	margin: 0px;
	letter-spacing: 0.04em;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 25px 0px 0px;
}

#nav li {
	float: left;
	width: 85px;
}

/* The drop-down */

#nav li ul {
	position: absolute;
	width: 150px;
	margin-left: 6px;
	left: -999em;
	z-index: 100;
	background: white;
	border: 1px solid #999;
	border-top-width: 0;
	-moz-box-shadow: 2px 2px 2px #777;
	-webkit-box-shadow: 2px 2px 2px #777;
	box-shadow: 2px 2px 2px #777;
}

#nav li ul li {
	width: 150px;
}

#nav li ul li a {
	width: 150px;
/*	border-top: 1px dotted black;*/
	text-indent: 4px;
	padding: 3px 0 3px 0;
}

#nav li ul li a.first {
	border-top: 0px dotted black;
}

#nav li:hover ul {
	left: auto;
}

#nav a.top:hover,
#nav a.top:focus
{
	color: #FFFFFF;
	background: url(/_images/top-menu-bgd.png) no-repeat center -44px;
}

#nav li ul li a:hover {
	color: #ffffff;
	background: #9b4317;
	background-image: -webkit-linear-gradient(70deg, #9b4317, #ffffff 110px);
	background-image:    -moz-linear-gradient(70deg, #9b4317, #ffffff 110px);
	background-image:     -ms-linear-gradient(70deg, #9b4317, #ffffff 110px);
	background-image:      -o-linear-gradient(70deg, #9b4317, #ffffff 110px);
	background-image:         linear-gradient(70deg, #9b4317, #ffffff 110px);
}

#nav.pagehome #navhome a.top,
#nav.pagewhatson #navwhatson a.top,
#nav.pageaboutus #navaboutus a.top,
#nav.pagegetinvolved #navgetinvolved a.top,
#nav.pageeducation #naveducation a.top,
#nav.pagehire #navhire a.top,
#nav.pagearchives #navarchives a.top,
#nav.pagemembers #navmembers a.top
{
	color: #FFFFFF;
	background: url(/_images/top-menu-bgd.png) no-repeat center 0px;
}


#top-clearer
{
		float: left;
		margin: 0px;
		padding: 0px;
		width: 1025px;
		height: 20px;
		clear: both;
		background: url(/_images/main-content-top-border.png) no-repeat left top;
}

#top-clearer span a
{
		display: block;
		height: 20px;
		width: 100px;
}

/*START of Content area.  The area includes the LEFT-SUBMENU  item, which can be left blank, and the MAIN_CONTENT area.  If required the MAIN-CONTENT area can be divided into two columns using the TWO-COLUMN-RIGHT style with the MAIN-CONTENT style*/

#content
{
		margin: 0px;
		padding: 0px;
		width: 1025px;
		clear: both;
		height: 100%;
		background: url(/_images/main-content-bgd.png) repeat-y 100px;
}

#content p
{
		font-size: 1em;
		line-height: 1.35;
		margin: 0px 0px 15px;
		padding: 0px;
}

#content a
{
		color: #06F;
		border-bottom: 1px dotted #06F;
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;
		margin: 0px;
		padding: 0px 0px 0px;
		text-decoration: none;
}

#content a:hover
{
		color: #666;
		border-bottom-color: #666;
}

#content h1
{
		font-size: 1.8em;
		letter-spacing: -0.1em;
		margin-bottom: 10px;
}

#content h2
{
		font-size: 1.5em;
		letter-spacing: -0.1em;
		padding-bottom: 10px;
		padding-top: 0px;
}

#content h3
{
		padding-bottom: 15px;
		line-height: 1.25;
		font-size: 1.3em;
		letter-spacing: -0.075em;
}

#content h4
{
		margin-bottom: 15px;
}

#content .ordinal /* Ordinals are the small superscript letters following the numbers 1st , 2nd, 3rd */
{
		font-size: 60%;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
}

#content ul
{
		margin-bottom: 15px;
		margin-top: 0px;
}

#content ul li
{
		margin: 0px 0px 0px;
		list-style: disc;
}

#content blockquote
{
		margin: 0px;
		padding: 0px 0px 0px 30px;
}

#content .envelope
{
		vertical-align: middle;
		border-bottom-style: none;
}

#content .no-link-underline
{
		border-style: none;
		text-decoration: none;
}

#content #top-right-off-page
{
		margin: 0px;
		height: 190px;
		width: 300px;
		float: right;
		position: relative;
		padding: 0px;
		top: -90px;
		clear: left;
		left: 90px;
}



#left-homepage
{
		margin: 0px;
		padding: 67px 0px 0px;
		float: left;
		width: 118px;
		height: 100%;
		background: url(/_images/owl.png) no-repeat 0px -130px;
}

#left-calendar
{
		width: 182px;
		height: 167px;
		float: left;
		margin-bottom: 20px;
		background-color: #ccc;
		padding: 3px 8px 8px 8px;
		border: 1px solid #ccc;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: url(/_images/gradient.png) no-repeat left top;
		background-image: -webkit-gradient(linear, 0 0, 30% 100%, from(#cccccc), color-stop(100%,#ffffff));
		background-image: -webkit-linear-gradient(300deg, #cccccc, #ffffff 200px);
		background-image:    -moz-linear-gradient(300deg, #cccccc, #ffffff 200px);
		background-image:     -ms-linear-gradient(300deg, #cccccc, #ffffff 200px);
		background-image:      -o-linear-gradient(300deg, #cccccc, #ffffff 200px);
		background-image:         linear-gradient(300deg, #cccccc, #ffffff 200px);
}

#left-calendar .calnav
{
		position: relative;
		height: 20px;
}


#left-calendar .calprev
{
		position: absolute;
		left: 0px;
		bottom: -1px;
		color: blue;
		cursor: pointer;
		font-size: 20px;
}

#left-calendar .calnext
{
		position: absolute;
		right: 0px;
		bottom: -1px;
		color: blue;
		cursor: pointer;
		font-size: 20px;
}

#left-calendar .calmonth
{
		font-size: 12px;
		text-align: center;
		margin-bottom: 5px;
}

#left-calendar .calendar
{
		border: 1px solid white;
		width: 182px;
		border-collapse: collapse;
		font-size: 11px;
}

#left-calendar .calendar th,
#left-calendar .calendar td
{
		border: 1px solid white;
		text-align: center;
}

#left-calendar .calendar .lowlight
{
		color: #999;
}

#left-calendar .calendar .highlight
{
		background-color: #adf;
		cursor: default;
}

#left-calendar .calendar .highlight:hover
{
		background-color: #7ac;
}

#left-calendar .calendar .popup-wrapper
{
		position: relative;
}


#left-calendar .calendar .highlight .popup
{
		z-index: 1;
		position: absolute;
                left: -50px;
                bottom: 0px;
		min-width: 200px;
		visibility: hidden;
		padding: 5px;
		border: 1px solid #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 2px 2px 2px #777;
		-webkit-box-shadow: 2px 2px 2px #777;
		box-shadow: 2px 2px 2px #777;
		background: url(/_images/gradient.png) no-repeat left top;
		background-image: -webkit-gradient(linear, 0 0, 30% 100%, from(#cccccc), color-stop(100%,#ffffff));
		background-image: -webkit-linear-gradient(300deg, #cccccc, #ffffff 150px);
		background-image:    -moz-linear-gradient(300deg, #cccccc, #ffffff 150px);
		background-image:     -ms-linear-gradient(300deg, #cccccc, #ffffff 150px);
		background-image:      -o-linear-gradient(300deg, #cccccc, #ffffff 150px);
		background-image:         linear-gradient(300deg, #cccccc, #ffffff 150px);
		cursor: auto;
		text-align: left;
}


#left-calendar .calendar .highlight:hover .popup
{
		visibility: visible;
}



#left-submenu
{
		margin: 0px;
		padding: 50px 0px 0px;
		float: left;
		width: 130px;
		height: 100%;
		background: url(/_images/owl.png) no-repeat 0px -130px;
}

#content #left-submenu p
{
		padding: 0px;
		margin: 0px;
}

#content #left-submenu a
{
		height: 21px;
		width: 117px;
		display: block;
		text-decoration: none;
		background: url(/_images/left-button-bgd.png) no-repeat left top;
		padding: 5px 0px 0px 10px;
		border-style: none;
		margin: 0px 0px 10px;
		font-size: 11px;
		color: #000;
}

#content #left-submenu a:hover,
#content #left-col a:focus
{
		background: url(/_images/left-button-bgd.png) 0px -52px;
		color: #FFFFFF;
}

#content #left-submenu a.current
{
		background: url(/_images/left-button-bgd.png) 0px -26px;
		color: #FFFFFF;
}

#content #main-content
{
		padding: 5px 30px 10px 0px;
		width: 865px;
		float: right;
		height: 100%;
		min-height: 100%;
}

/*Begining of Main Content, photograph-like Captioned Images Left AND right floated*/

#content #main-content .caption_right,
#content #main-content .caption_left
{
		display: block;
		width: 259px;
		background: #CCC;
		border: 1px solid #999;
		padding: 10px 10px 0px;
}

#content #main-content .caption_right
{
		float: right;
		margin: 0px 0px 10px 20px;
		clear: both;
}

#content #main-content .caption_left
{
		float: left;
		margin: 0px 20px 10px 0px;
}

#content #main-content .caption_right p,
#content #main-content .caption_left p
{
		color: #333;
		text-align: center;
		padding-top: 9px;
		font: italic 80% "Comic Sans MS", cursive;
}

#content #main-content .caption_right a,
#content #main-content .caption_left a
{
		text-decoration: none;
		border-bottom-style: none;
}

#content #main-content .caption_right img,
#content #main-content .caption_left img
{
		border: 7px solid #FFF;
}

#content #main-content #two-column-left #two-column-left
{
		margin: 0px;
		padding: 0px;
		width: 635px;
}

/* START OF - HOME PAGE "MAIN EVENT" STYLES and WHAT'S ON PAGE MAIN EVENTS LISTINGS*/
#wrapper #content #main-content #two-column-left .whats-on-event
{
		width: 635px;
		padding: 0;
		border-bottom: 1px solid #CCC;
		margin-bottom: 10px;
}

#wrapper #content #main-content #two-column-left .whats-on-event p,
#auditions p
{
		margin: 0px 0px 10px;
		padding: 0px 0px 0px 10px;
		font: italic 1.3em/1.25 "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#wrapper #content #main-content #two-column-left .whats-on-event h2,
#auditions h2
{
		font-size: 1.5em;
		padding: 0px 0px 10px 10px;
		letter-spacing: -0.1em;
}

#wrapper #content #main-content #two-column-left .whats-on-event h2.specialnotice
{
		color:#c5000b;
}

#wrapper #content #main-content #two-column-left .whats-on-event h3,
#auditions h3
{
		font-size: 1.2em;
		padding: 0px 0px 10px 10px;
		font-weight: normal;
		line-height: 1;
		margin: 0px;
}

#wrapper #content #main-content #two-column-left .whats-on-event h4,
#auditions h4
{
		font-size: 1.1em;
		padding: 0px 0px 10px 10px;
		color: #999999;
		font-weight: normal;
		line-height: 1;
		margin: 0px;
}

#wrapper #content #main-content #two-column-left .whats-on-event h5,
#auditions h5
{
		font-size: 1.2em;
		padding: 0px 0px 0px 10px;
		color: #3A67FF;
		letter-spacing: -0.05em;
		margin: 0px 0px 10px;
		line-height: 1;
		font-weight: normal;
}

#wrapper #content #main-content #two-column-left .whats-on-event img
{
		border-style: none;
}

#wrapper #content #main-content #two-column-left .whats-on-event .left
{
		width: 490px;
		padding-bottom: 10px;
		padding-left: 10px;
}

#wrapper #content #main-content #two-column-left .whats-on-event .left a
{
		text-decoration: none;
		background: none;
		height: 150px;
		width: 475px;
		margin: 0px;
		padding: 0px;
		border-bottom-style: none;
}

#wrapper #content #main-content #two-column-left .whats-on-event left a:hover
{
		text-decoration: none;
		background-image: none;
		margin: 0px;
		padding: 0px;
}

#wrapper #content #main-content #two-column-left .whats-on-event td.right
{
		vertical-align: middle;
		margin: 0px;
		padding: 0px 0px 10px;
}

#content .stamp
{
		text-align: center;
}

#wrapper #content #main-content #two-column-left .whats-on-event td.right a
{
		text-decoration: none;
		border-bottom-style: none;
		height: 21px;
		color: #FFFFFF;
		text-align: center;
		display: block;
		float: right;
		margin: 0px 0px 10px;
		padding: 4px 0px 0px;
		width: 125px;
		font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
		background-image: url(/_images/button-bgd-125x25.png);
}

#wrapper #content #main-content #two-column-left .whats-on-event td.right a:hover
{
		color: #FFFFFF;
		background-image: url(/_images/button-bgd-125x25.png);
		background-repeat: repeat;
		background-position: left -25px;
}

#wrapper #content #main-content .email-envelope
{
		display: inline-block;
		width: 17px;
		height: 12px;
		overflow: hidden;
		border: none;
}

#wrapper #content #main-content .email-envelope:hover img
{
		margin-top: -12px;
}

#wrapper #content #main-content #two-column-left .whats-on-event td.right a.warning
{
		height: 25px;
		margin: 0px;
		padding: 0px;
		display: block;
		background-image: none;
		float: right;
}

#wrapper #content #main-content #two-column-left .whats-on-event td.right img
{
		margin: 0px;
		padding: 0px;
}

/* END OF - HOME PAGE "MAIN EVENT" and WHAT'S ON PAGE MAIN EVENTS LISTINGS */



/* START OF - HOME PAGE "SECONDARY EVENT" STYLES */

#content .comingsoon
{
		height: 190px;
		width: 630px;
		margin: 0 0 10px 0;
/*		border-bottom: 1px solid #CCCCCC; */
}

#content .homepage-event
{
		height: 173px;
		width: 186px;
		padding: 7px 7px 0;
		margin: 0 9px 0 0;
		float: left;
		background-image: url(/_images/grey-box-top-200.png);
		background-repeat: no-repeat;
		background-position: left top;
		position: relative;
}

#content .homepage-event-bottom
{
		margin: 0px;
		padding: 0px;
		display: block;
		min-height: 10px;
		background-image: url(/_images/grey-box-bottom-200.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		height: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 200px;
}

#content .homepage-event p
{
		text-align: left;
		margin: 0;
		padding-bottom: 10px;
		font: italic 1em/1.2 "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#content .homepage-event h2
{
		font-size: 1.15em;
		padding: 5px 0;
		letter-spacing: -0.1em;
		margin: 0;
}

#content .homepage-event h3
{
		font-size: 0.85em;
		line-height: 1;
		font-weight: normal;
		text-align: left;
		padding-bottom: 5px;
		color: #333;
}

#content .homepage-event h4
{
		font-size: 1em;
		color: #0066FF;
		font-weight: normal;
		letter-spacing: -0.1em;
		line-height: 1.25;
		text-align: left;
		padding-bottom: 3px;
		margin: 0px;
}

#content .homepage-event h5
{
		font-size: .85em;
		font-weight: normal;
		color: #666666;
		padding-bottom: 7px;
}

#content .homepage-event a.warning,
#content .homepage-event a:hover.warning
{
		background-image: none;
		width: 180px;
		margin: 0px 0px 7px;
		padding: 0px;
		border-style: none;
}

#content .homepage-event ul
{
		list-style: none;
		display: block;
		position: absolute;
		bottom: 11px;
		left: 0;
		width: 170px;
		margin: 0;
		padding: 0 15px 0;
}

#content .homepage-event li
{
		list-style: none;
		height: 20px;
		width: 80px;
		padding: 0;
		margin: 0;
}

#content .homepage-event a
{
		display: block;
		margin: 0px;
		padding: 1px 0px 0px;
		height: 19px;
		width: 80px;
		border-style: none;
		font-size: 0.85em;
		color: #666666;
		text-align: center;
		font-weight: normal;
		text-decoration: none;
		background: url(/_images/button-bgd-80x20.png) no-repeat left -80px;
}

#content .homepage-event a:hover
{
		background: url(/_images/button-bgd-80x20.png) no-repeat left -60px;
		color: #FFFFFF;
}

#content .homepage-event .left-button
{
		float: left;
}

#content .homepage-event .center-button
{
		margin: 0 auto;
}

#content .homepage-event .right-button
{
		float: right;
}


#content .otherevents
{
		height: 190px;
		width: 630px;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #CCCCCC;
}

#content .homepage-oevent
{
		height: 170px;
		width: 186px;
		padding: 10px 7px 0;
		margin: 0 9px 0 0;
		float: left;
		background-image: url(/_images/light-blue-box-top-200.png);
		background-repeat: no-repeat;
		background-position: left top;
		position: relative;
}

#content .homepage-oevent-bottom
{
		margin: 0px;
		padding: 0px;
		display: block;
		min-height: 10px;
		background-image: url(/_images/light-blue-box-bottom-200.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		height: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 200px;
}

#content .homepage-oevent h2,
#content .homepage-oevent h3,
#content .homepage-oevent h4,
#content .homepage-oevent h5,
#content .homepage-oevent p
{
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 1;
}

#content .homepage-oevent p
{
		font-size: 0.9em;
		line-height: 1.25;
}

#content .homepage-oevent h2
{
		font-size: 1.5em;
		letter-spacing: -0.1em;
		padding-bottom: 4px;
}

#content .homepage-oevent h3
{
		font-size: 1.3em;
		padding-bottom: 5px;
		font-weight: normal;
		letter-spacing: -0.05em;
}

#content .homepage-oevent h4
{
		padding-bottom: 5px;
		font-weight: normal;
		letter-spacing: -0.1em;
		font-size: 1em;
}

#content .homepage-oevent h5
{
		font-size: 0.9em;
		color: #06F;
		padding-bottom: 5px;
		line-height: 1.45;
		font-weight: normal;
}

#content .homepage-oevent ul
{
		list-style: none;
		position: absolute;
		bottom: 11px;
		left: 0;
		width: 170px;
		margin: 0;
		padding: 0 15px 0;
}

#content .homepage-oevent li
{
		list-style: none;
		height: 20px;
		width: 80px;
		margin: 0 auto;
		padding: 0;
}

#content .homepage-oevent a
{
		display: block;
		margin: 0px;
		padding: 1px 0px 0px;
		height: 19px;
		width: 80px;
		border-style: none;
		font-size: 0.85em;
		color: #FFF;
		text-align: center;
		font-weight: normal;
		text-decoration: none;
		background: url(/_images/button-bgd-80x20.png) no-repeat left 0px;
}

#content .homepage-oevent a:hover
{
		color: #FFFFFF;
		background: url(/_images/button-bgd-80x20.png) no-repeat left -20px;
}





#content .homepage-box
{
		height: 173px;
		width: 186px;
		padding: 7px 7px 0;
		margin: 0 9px 0 0;
		float: left;
		background-image: url(/_images/grey-box-top-200.png);
		background-repeat: no-repeat;
		background-position: left top;
		position: relative;
}

#content .homepage-box-bottom
{
		margin: 0px;
		padding: 0px;
		display: block;
		min-height: 10px;
		background-image: url(/_images/grey-box-bottom-200.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		height: 10px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 200px;
}


#content .homepage-box p
{
		font-size: 0.9em;
		line-height: 1.25;
}

#content .homepage-box h2
{
		font-size: 1.15em;
		padding: 5px 0;
		letter-spacing: -0.1em;
		margin: 0 0 5px 0;
}


#content .homepage-box a
{
		border-style: none;
		text-decoration: none;
}

#content .homepage-box ul
{
		list-style: none;
		padding: 0;
		margin: 0;
}
#content .homepage-box li
{
		list-style: none;
		padding: 0;
		margin: 0;
}

#content .homepage-box iframe
{
		margin-left: 10px;
}


#content .homepage-box .tweettime
{
		display:block;
		text-align:right;
}




.landing-box
{
  border: 1px solid #cccccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 395px;
  height: 140px;
  padding: 10px;
  margin: 5px;
  float:left;
  position: relative;
  background: url(/_images/gradient.png) no-repeat left top;
  background-image: -webkit-gradient(linear, 0 0, 30% 100%, from(#cccccc), color-stop(100%,#ffffff));
  background-image: -webkit-linear-gradient(300deg, #cccccc, #ffffff 200px);
  background-image:    -moz-linear-gradient(300deg, #cccccc, #ffffff 200px);
  background-image:     -ms-linear-gradient(300deg, #cccccc, #ffffff 200px);
  background-image:      -o-linear-gradient(300deg, #cccccc, #ffffff 200px);
  background-image:         linear-gradient(300deg, #cccccc, #ffffff 200px);
}


.empty-box
{
  border: 0px solid #cccccc;
  width: 400px;
  height: 400px;
  padding: 10px;
  margin: 5px;
  float:left;
  position: relative;
  background: url(/_images/gradient.png) no-repeat left top;
  background-image: -webkit-gradient(linear, 0 0, 30% 100%, from(#cccccc), color-stop(100%,#ffffff));
  background-image: -webkit-linear-gradient(300deg, #cccccc, #ffffff 200px);
  background-image:    -moz-linear-gradient(300deg, #cccccc, #ffffff 200px);
  background-image:     -ms-linear-gradient(300deg, #cccccc, #ffffff 200px);
  background-image:      -o-linear-gradient(300deg, #cccccc, #ffffff 200px);
  background-image:         linear-gradient(300deg, #cccccc, #ffffff 200px);
}



#content .bottomright
{
  position: absolute;
  bottom: -10px;
  right: 10px;
  float: right;
}


#content .button
{
		text-decoration: none;
		border-bottom-style: none;
		height: 21px;
		color: #FFFFFF;
		text-align: center;
		display: block;
		margin: 0px 0px 10px;
		padding: 4px 0px 0px;
		width: 125px;
		background-image: url(/_images/button-bgd-125x25.png);
}

#content .button:hover
{
		color: #FFFFFF;
		background-image: url(/_images/button-bgd-125x25.png);
		background-repeat: repeat;
		background-position: left -25px;
}












#two-column-right
{
		display: block;
		margin: 0px 0px 10px 25px;
		padding: 0px;
		float: right;
		width: 200px;
		height: 100%;
		min-height: 100%;
}

#two-column-right .box-office
{
		background-image: url(/_images/light-blue-box-top-200.png);
		background-repeat: no-repeat;
		line-height: 1.25;
		margin-bottom: 20px;
}

#two-column-right .box-office p
{
		padding: 0px 10px;
		margin: 0px;
		text-align: center;
		line-height: 1.5;
		letter-spacing: -0.05em;
}

#two-column-right .box-office h2
{
		display: block;
		color: #AC100D;
		text-align: center;
		font-size: 170%;
		line-height: 1;
		padding: 10px 10px 0px;
		margin-bottom: 5px;
}

#two-column-right .box-office h3
{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin-right: 20px;
		margin-left: 20px;
		text-align: center;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 1.3em;
		margin-bottom: 5px;
}

#two-column-right .box-office h4
{
		padding-right: 10px;
		padding-left: 10px;
		text-align: center;
		font-size: 1em;
		line-height: 1.2;
		margin-top: 5px;
}

#two-column-right .box-office a
{
		text-align: center;
		display: block;
		height: 16px;
		width: 80px;
		background-image: url(/_images/button-bgd-80x20.png);
		text-decoration: none;
		background-position: center top;
		color: #FFF;
		margin: 10px auto 0px;
		padding-top: 4px;
		font: 0.9em/1 Arial, Helvetica, sans-serif;
		border-style: none;
}

#two-column-right .box-office a:hover
{
		background-image: url(/_images/button-bgd-80x20.png);
		background-position: center -80px;
		color: #666;
}

#two-column-right .box-office span
{
		display: block;
		margin: 0px;
		padding: 0px;
		height: 10px;
		width: 200px;
		background-image: url(/_images/light-blue-box-bottom-200.png);
		background-repeat: no-repeat;
		background-position: left bottom;
}

#two-column-right .grey-box-200
{
		background-image: url(/_images/grey-box-top-200.png);
		line-height: 1.25;
		background-repeat: repeat-y;
		background-position: left top;
		background-color: #FFF;
		margin-bottom: 20px;
}

#two-column-right .grey-box-200 p
{
		padding: 0px 10px;
		margin: 0px;
		text-align: left;
		line-height: 1.5;
}

#two-column-right .grey-box-x200 .top
{
		background-image: url(/_images/grey-box-top-200.png);
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		height: 10px;
		width: 200px;
		margin: 0px;
		padding: 0px;
}

#two-column-right .grey-box-200 h2
{
		text-align: center;
		font-size: 1.2em;
		line-height: 1.2;
		border-bottom: 2px solid #CCC;
		margin-right: 20px;
		margin-left: 20px;
		padding-bottom: 8px;
		margin-bottom: 5px;
		letter-spacing: -0.1em;
		padding-top: 10px;
}

#two-column-right .grey-box-200 h3
{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 1em;
		margin: 10px 20px 5px;
}

#two-column-right .grey-box-200 h4
{
		padding-right: 10px;
		padding-left: 10px;
		text-align: center;
		font-size: 130%;
		line-height: 1.2;
}

#two-column-right .grey-box-200 a
{
		text-align: center;
		display: block;
		height: 16px;
		width: 80px;
		background-image: url(/_images/button-bgd-80x20.png);
		text-decoration: none;
		background-position: center -60px;
		color: #FFF;
		margin: 10px auto 0px;
		padding-top: 4px;
		font: 1em/1 Arial, Helvetica, sans-serif;
		letter-spacing: 0em;
		border-style: none;
}

#two-column-right .grey-box-200 a:hover
{
		background-position: center -80px;
		color: #666;
}

#two-column-right .grey-box-200 span
{
		display: block;
		margin: 0px;
		padding: 0px;
		height: 10px;
		width: 200px;
		background-image: url(/_images/grey-box-bottom-200.png);
		background-repeat: no-repeat;
		background-position: left bottom;
}
#two-column-right/* START OF DIARY DATES STYLES */
.event
  {
		margin: 0px 0px 15px;
		padding: 0px;
		width: 200px;
		border-bottom: 2px solid #AFAFAF;
}
#two-column-right .event  p  {
		font: 11px/1.25 Arial, Helvetica, sans-serif;
		text-align: right;
		margin: 0px;
		padding: 5px 10px;
		background-image: url(/_images/diary-page-bgd.jpg);
		background-repeat: repeat-y;
}
#two-column-right .event a 
{
		text-decoration: none;
		border-style: none;
		margin: 0px 0px 3px;
		padding: 2px 20px 2px 0px;
		background-image: url(/_images/info-up.png);
		background-repeat: no-repeat;
		background-position: right center;
}
#two-column-right .event a:hover
{
		background-image: url(/_images/info-over.png);
}
#two-column-right  .event .date{
		height: 50px;
		width: 50px;
		text-align: center;
		margin: 0px 10px 0px 0px;
		padding: 0px;
		float: left;
		background-image: url(/_images/calendar-bgd.jpg);
		background-repeat: no-repeat;
		background-position: left top;
}
#two-column-right  .event .month{
		text-transform: uppercase;
		font: bold 12px/1 Arial, Helvetica, sans-serif;
		padding: 4px 0px 3px;
		display: block;
		color: #FFF;
}
#two-column-right  .event .day{
	font: bold 30px/30px Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	margin: 0px;
	padding: 0px 0px 1px;
	height: 30px;
}
#two-column-right .event   h2   {
		font: italic bold 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
		text-align: right;
		border-bottom: 1px solid #AFAFAF;
		width: 136px;
		margin: 0px 0px 0px 60px;
		padding: 0px 0px 4px;
		color: #000;
		letter-spacing: -0.1em;
}
#two-column-right .event  h3  {
		text-align: right;
		font: bold 12px/1.2 Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 5px 10px 0px 0px;
		background-image: url(/_images/diary-page-bgd.jpg);
		background-repeat: repeat-y;
		letter-spacing: 0em;
}
#two-column-right .event h4 {
		font-size: 11px;
		text-align: right;
		margin: 0px;
		padding: 5px 10px 0px 0px;
		line-height: 1.25;
		background-image: url(/_images/diary-page-bgd.jpg);
		background-repeat: repeat-y;
		letter-spacing: 0em;
}

#auditions
{
		margin-left: 25px;
}
#auditions p
{
		font: normal 1em/125% "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0px 0px 5px;
		padding: 0px;
}
#auditions h2,
#auditions h3,
#auditions h4,
#auditions h5,
#auditions h6

{
		line-height: 1;
		margin: 0px 0px 5px;
		padding: 0px;
}
#auditions h6
{
		font: italic normal 1.3em/1.25 "Palatino Linotype", "Book Antiqua", Palatino, serif;
		letter-spacing: 0em;
		margin: 0px 0px 10px;
		padding: 0px;
}

#auditions .auditions-clearer
{
		display: block;
		height: 1px;
		background-color: #999;
		margin: 15px 0px 15px -25px;
		width: 75%;
}

/* START of Who's Who?  Section of the contact page */

#whos-who
{
		width: 200px;
		border-bottom: 1px solid #999;
		background: url(/_images/whos-who-heading.png) no-repeat left top;
}

#whos-who .header
{
		height: 80px;
}

#whos-who .title
{
		width: 113px;
		vertical-align: top;
		text-align: left;
		padding-right: 10px;
}

#whos-who .title p
{
		font-size: .95em;
		color: #666666;
		margin: 0px;
		padding: 0px;
		line-height: 1.5;
}

#whos-who .title h2
{
		font-size: 1.2em;
		line-height: 1.25;
		color: #0066FF;
		font-style: normal;
		font-weight: normal;
		margin: 0px;
		padding: 0px 0px 3px;
}

#whos-who .title h3
{
		margin: 0px;
		padding: 0px 0px 3px;
		font-size: 1em;
}

#whos-who .title img
{
		border-style: none;
		vertical-align: text-bottom;
		text-decoration: none;
}

#whos-who td.photo
{
		width: 77px;
		vertical-align: top;
		padding-bottom: 15px;
}

#whos-who .photo img
{
		border: 1px solid #999;
}

/* END of the Who's Who section of the contact page */


#footer
{
		width: 995px;
		clear: both;
		height: 65px;
		padding: 30px 30px 0px 0px;
		margin: 0px;
		text-align: right;
		background-color: #FFF; 
		background-image: url(/_images/footer-bgd.png);
		background-repeat: no-repeat;
		background-position: right top;
}

#footer p
{
		font-size: 10px;
		line-height: 1.25;
		color: #999;
		text-align: right;
		display: block;
		width: 840px;
		margin: 0px;
		padding: 0px;
		float: left;
}

#footer a
{
		text-decoration: none;
		color: #06F;
		border-style: none;
}

#footer a:hover
{
		color: #666;
}

#footer img
{
		float: right;
		margin: 0px 0px 0px 20px;
		padding: 0px;
		border-style: none;
}

#content table.performances
{
	table-layout:fixed;
	border-collapse: collapse;
	width: 550px;
}

#content table.performances td
{
	padding: 3px 3px 3px 0;
}

#content table.performances tr
{
	border-top: 1px solid #bbb;
}

#content table.performances tr.first
{
	border-top: 0;
}

#content table.performances .date
{
	width: 160px;
}

#content table.performances .time
{
	width: 50px;
}

#content div.castcolumn
{
	float: left;
	width: 400px;
	margin: 0 5px 0 0;
}

#content div.castcolumn h2
{
	text-align: center;
}

#content table.cast
{
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}

#content table.cast .role
{
	width: 49%;
	text-align: right;
}

#content table.cast .person
{
	width: 49%;
}

#content table.cast .divider
{
	width: 2%;
	text-align: center;
}

.social img
{
	margin: 0 10px 0 10px;
	vertical-align: middle;
}