/*-----------------------------------------------------------------------------
Broadway Theatre of Pitman - Screen Styles

version:   1.0
author:    A. Magonagle
email:     amagonagle@GoMindworks.com
website:   http://www.GoMindworks.com/
-----------------------------------------------------------------------------*/

/* =GENERAL
-----------------------------------------------------------------------------*/

/*MASS RESET*/

/*Thanks to Eric Meyer for this reset
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1;
	background-image: url(../images/general/body-bg.gif);
	background-color: #333;
	/* behavior: url(csshover.htc); /* triggers IE 5 & 6 to allow hover effects on anything. 
									Place the csshover.htc file in the same folder as your html file. */
	background-repeat: repeat;
}

ol, ul {
	list-style: none;
}

.tix-se {
	border-top: solid 1px #ccc;
	padding-top: 10px;
	min-height: 80px;
}
br.tix-se { clear: left; }

#content-secondary-main ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
}

#content-secondary-main ul li {
	line-height: 17px;
	padding: 0 0 5px 23px;
	background-image: url(../images/general/bullet-square.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

#content-secondary-main li {
	background-image: url(../images/general/bullet-square.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}

#content-secondary-main .btp-table {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: normal;
	margin: 0 0 20px 0;
	padding: 0;
	border: solid 1px #ddd;
	color: #333;
	/*border-top: solid 1px #ddd;*/
	/*border-collapse: collapse;*/
	/*border-spacing: 0;*/
}

#content-secondary-main .btp-table caption {
	font-size: 12px;
	line-height: normal;
	padding: 2px 0 2px 6px;
	text-align: left;
	background-color: #b9ae8d;
	/*background-color: #ab6f3b;*/
	color: #FFF;
	font-weight: bold;
}

#content-secondary-main .btp-table td {
	margin: 0;
	padding: 3px 3px 3px 5px;
	border-bottom: solid 1px #ddd;
}

#content-secondary-main .btp-table .alt-row {
	background-color: #fffdf6;
}

#content-secondary-main .btp-table .alt-row-last tr {
	padding: 0;
}

#content-secondary-main .btp-table .alt-row-last td {
	border-bottom: none;
}



/* =LAYOUT ELEMENTS
-----------------------------------------------------------------------------*/

/* =CONTAINER (Page Container)
---------------------------------------------------------*/
#container {
	width: 950px;
	padding: 0;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
}

/* =HEADER
---------------------------------------------------------*/
#header {
	margin: 0;
	padding: 122px 0 0 0;
	background: url(../images/general/header-bg.gif) no-repeat left top;
}

#main-nav-container {
	float: left;
	margin: 0;
	padding: 0;
}

#header-home {
	z-index: 100; position: absolute; margin-left: 27px;
}

/* =MAIN NAVIGATION
---------------------------------------------------------*/
ul#main-nav {	
	width: 950px;
	margin: -16px 0 0 0;
	list-style: none;
	height: 43px;
}

#main-nav a { outline: none; }

ul#main-nav li {
	display: inline;
}

ul#main-nav li a {
	height: 43px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
}

ul#main-nav  li a span {
	float: left;
	display: block;
}

ul#main-nav li#main-nav-1 a {
	width: 173px;
	background: url(../images/general/top-nav.gif) no-repeat 0px 0;
}

ul#main-nav li#main-nav-1 a:active,
ul#main-nav li#main-nav-1 a:hover {
	background-position: 0px -43px;
}

ul#main-nav li#main-nav-1 a.current {
	background-position: 0px -86px;
}

ul#main-nav li#main-nav-2 a {
	width: 186px;
	background: url(../images/general/top-nav.gif) no-repeat -173px 0;
}

ul#main-nav li#main-nav-2 a:active,
ul#main-nav li#main-nav-2 a:hover {
	background-position: -173px -43px;
}
ul#main-nav li#main-nav-2 a.current {
	background-position: -173px -86px;
}

ul#main-nav li#main-nav-3 a {
	width: 192px;
	background: url(../images/general/top-nav.gif) no-repeat -359px 0;
}

ul#main-nav li#main-nav-3 a:active,
ul#main-nav li#main-nav-3 a:hover {
	background-position: -359px -43px;
}
ul#main-nav li#main-nav-3 a.current {
	background-position: -359px -86px;
}

ul#main-nav li#main-nav-4 a {
	width: 113px;
	background: url(../images/general/top-nav.gif) no-repeat -551px 0;
}

ul#main-nav li#main-nav-4 a:active,
ul#main-nav li#main-nav-4 a:hover {
	background-position: -551px -43px;
}
ul#main-nav li#main-nav-4 a.current {
	background-position: -551px -86px;
}

ul#main-nav li#main-nav-5 a {
	width: 140px;
	background:url(../images/general/top-nav.gif) no-repeat -664px 0;
}

ul#main-nav li#main-nav-5 a:active,
ul#main-nav li#main-nav-5 a:hover {
	background-position: -664px -43px;
}
ul#main-nav li#main-nav-5 a.current {
	background-position: -664px -86px;
}

ul#main-nav li#main-nav-6 a {
	width: 146px;
	background: url(../images/general/top-nav.gif) no-repeat -804px 0;
}

ul#main-nav li#main-nav-6 a:active,
ul#main-nav li#main-nav-6 a:hover {
	background-position: -804px -43px;
}
ul#main-nav li#main-nav-6 a.current {
	background-position: -804px -43px;
}


/*ul#main-nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 804px;
	background-color: #9d8359;
	text-align: center;
	text-transform: uppercase;
}

ul#main-nav ul {
	padding: 0;
}

#main-nav #main-nav-mainstage a {
	background: url(../images/general/mainstage-bg.gif) no-repeat left top;
}

#main-nav #main-nav-mainstage a:hover {
	background: url(../images/general/mainstage-bg.gif) no-repeat left bottom;
	background-color: #dcd0ad;
}

#main-nav #main-nav-childrens-theatre a {
	background: url(../images/general/childrens-theatre-bg.gif) no-repeat left top;
}

#main-nav #main-nav-childrens-theatre a:hover {
	background: url(../images/general/childrens-theatre-bg.gif) no-repeat left bottom;
	background-color: #dcd0ad;
}

#main-nav #main-nav-calendar a {
	background: url(../images/general/calendar-bg.gif) no-repeat left top;
}

#main-nav #main-nav-calendar a:hover {
	background: url(../images/general/calendar-bg.gif) no-repeat left bottom;
	background-color: #dcd0ad;
}

#main-nav #main-nav-about a {
	background: url(../images/general/about-bg.gif) no-repeat left top;
}

#main-nav #main-nav-about a:hover {
	background: url(../images/general/about-bg.gif) no-repeat left bottom;
	background-color: #dcd0ad;
}

#main-nav #main-nav-box-office a {
	background: url(../images/general/box-office-bg.gif) no-repeat left top;
}

#main-nav #main-nav-box-office a:hover {
	background: url(../images/general/box-office-bg.gif) no-repeat left bottom;
	background-color: #dcd0ad;
}

ul#main-nav li {
	display: inline;
	width: 90%;
}

ul#main-nav li a {
	float: left;
	padding: 0.5em 2.7em 0.5em 2.3em;
	color: #faf9ec;
	text-decoration: none;
	border-right: solid 1px #dededa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#main-nav li .last {
	width: 70px;
	border: 0;
	margin: 0;
	padding: 0.5em 2.6em 0.5em 2.5em;
}

ul#main-nav li a:link, a:visited {
	color: #faf9ec;
}

ul#main-nav li a:hover {
	color: #b12812;
	background-color: #dcd0ad;
}

ul#main-nav a:link, p a:visited {
	color: #e16001;
}*/

/* =PURCHASE TICKETS
---------------------------------------------------------*/
#purchase-tickets {
	float: right;
	margin: -20px 0 0 0;
	padding: 0 0 2px 0;
	width: 146px;
	text-align: center;
	text-transform: uppercase;
	background: url(../images/general/purchase-tickets-bg.gif) no-repeat top left;
}

#purchase-tickets:hover {
	background: url(../images/general/purchase-tickets-bg-OVER.gif) no-repeat top left;
}

/*#purchase-tickets ul {
	margin: 0;
	padding: 0;
}*/

#purchase-tickets li a {
	margin: 18px 0 0 0;
	padding: 0.5em 1.3em 0.5em 1.3em;
	color: #faf9ec;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
}

#purchase-tickets li .last {
	border: 0;
}

#purchase-tickets li a:link, a:visited {
	color: #faf9ec;
}

#purchase-tickets li a:hover {
	color: #ddd;
}

#purchase-tickets a:link, p a:visited {
	color: #e16001;
}

/* =MAIN CONTENT
---------------------------------------------------------*/
#content-container {
	float: left;
	width: 100%;
	margin: 0;
	padding: 12px 0 20px 0;
	background: url(../images/general/content-container-bg.gif) repeat-y left top;
}

#content-main {
	float: left;
	width: 540px;
	margin: 0 10px 10px 16px;
	padding: 8px 0 0 0;
}

#content-secondary-main {
	float: left;
	width: 540px;
	margin: 0 10px 10px 16px;
	padding: 8px 0 0 0;
}

/*   2 column layout - wide content area (no right column)  */
#content-secondary-main-wide {
	float: left;
	width: 685px;
	margin: 0 5px 10px 16px;
	padding: 8px 0 0 0;
}


#content-secondary-main p {
	line-height: 17px;
	margin-bottom: 12px;
}

#content-secondary-main h4, #content-secondary-main-wide h4 {
	text-transform: uppercase;
	font-size: 10px;
	margin: 25px 0 5px 0;
	letter-spacing: 0.1em;
	font-family: Verdana, Geneva, sans-serif;
}

#content-secondary-main a:link, #content-secondary-main a:visited {
	padding: 0 0 1px 0;
	color: #000000;
	border-bottom: 1px dotted #ab1901;
}

#content-secondary-main a:hover, #content-secondary-main a:active {
	color: #c18d62;
	border-bottom: 1px dotted #ab1901; 
}

#prevYearSelect {
	float: right;
	margin: 13px 5px 0 0;
	padding: 0 0 0 10px;
	background: url(../images/general/l-arrow.gif) no-repeat left 50%;
}

#prevYearSelect a:link,
#prevYearSelect a:visited {
	font-size: 11px;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
	color: #777;
}

#prevYearSelect a:hover{
	color:#c18d62;
}

#yearSelect {
	float: right;
	margin: 13px 5px 0 0;
	padding: 0 10px 0 0;
	background: url(../images/general/r-arrow.gif) no-repeat right 50%;
}

#yearSelect a:link,
#yearSelect a:visited {
	font-size: 11px;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
	color: #777;
}

/*#yearSelect .yearLink:link {
	font-size: 11px;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #777;
}*/

#yearSelect a:hover{
	color:#c18d62;
}

#previous-next {
	float: right;
	margin: 5px 5px 0 0;
	padding: 0;
	color: #b9ae8d;
}

#previous-next .previous-nextLink:link,
#previous-next .previous-nextLink:visited{
	font-size: 11px;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-decoration:none;
	color: #777;
}

#previous-next .previous-nextLink:hover {
	color: #c18d62;
}

/* =RIGHT SIDEBAR
---------------------------------------------------------*/
#container-col3 {
	float: right;
	/*min-height: 910px;*/
	margin: 10px 0 20px 0;
	padding: 0 3px 3px 3px;
	border-left: solid 1px #bfbfbe;
}

#content-col3 {
	float: left;
	width: 129px;
	padding: 0 5px 5px 5px;
}

/* =LEFT SIDEBAR
---------------------------------------------------------*/
#sidebar {
	float: left;
	width: 236px;
	margin: 0;
	padding: 0;
}

/* =SUB-NAVIGATION
--------------------------------------*/
ul#subnav {
	width: 226px;
	margin-bottom: 20px;
	/* border-top: solid 1px #eaead9;
	border-right: solid 1px #eaead9;
	background-image: url(../images/general/sub-nav-bg.gif);
	background-color: #EBD4AA;
	background-repeat: repeat;
	background-position: left top; */
	font-size: 1px; /* IE6 Fix */
}

ul#subnav li {
	list-style: none;
	padding-left: 10px;
	/* border-top: solid 1px #edddae; */
	text-align: left;
	margin: 0;
}

ul#subnav li:hover {
	/* background-image: url(../images/general/sub-nav-bg-OVER.gif);
	background-repeat: no-repeat;
	background-position: left top; */
}

ul#subnav li a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	display: block;
	text-decoration: none;
	padding: 9px 0 7px 25px;
	border-bottom: solid 1px #c38c64;
	background-image: url(../images/general/sub-nav-flourish.gif);
	background-repeat: no-repeat;
	background-position: 0 55%;
}

ul#subnav li a:link, a:visited {
	color: #4c0403;
}

ul#subnav li a:hover, a:active {
	color: #000;
}

ul#subnav li a:hover {
	color: #b12812;
}

/* =CHILDREN'S THEATRE
--------------------------------------*/
#content-ct {
	display: block;
	margin-left: 10px;
}
#ct-box {
	width: 205px;
	margin: 0 0 15px 0;
	padding: 5px;
	background-color: #fff;
}

.ct-event {
	width: 205px;
	margin: 0 0 14px 0;
	padding: 0 0 10px 0;
	font-family: Tahoma, Geneva, sans-serif;
	border-bottom: solid 1px #ccc;
}

.ct-date {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 20px;
	color: #777777;
}

.copyright {
	width: 950px;
	margin: 10px auto 20px auto;
	padding: 10px;
	font-size: 9px;
	color: #FFF;
	text-align: center;
}

.copyright a {
	color: #bfbeb6;
}

.copyright a:link {
}

.copyright a:hover {
	border-bottom: dotted 1px #fff;
}

.ct-event dl {
	float: left;
	margin: 0;
	padding: 0;
}

.ct-event dt {
	float: right;
	width: 130px;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

.ct-event dd {
	/*width: 170px;*/
	margin: 0 0 5px 0;
	padding: 0 0 0 75px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.ct-event .ct-img {
	float: left;
	margin: 0;
	padding: 0;
}

.ct-event dd.ct-img img {
	margin: 0 8px 0 0;
	background-color: #fff;
}

.ct-event .learn-more {
	margin: 5px 0 0 0;
}

.ct-event.last{
	margin-bottom: 0;
	border-bottom: none;
}

/* =CHILDREN'S THEATRE - SAMPLE
--------------------------------------*/
.ct-sample {
	width: 205px;
	margin: 0 0 14px 0;
	padding: 0 0 10px 0;
	font-family: Tahoma, Geneva, sans-serif;
	border-bottom: solid 1px #ccc;
}

.ct-sample-head a {
	color: #642525;
}

.ct-sample dt {
	float: right;
	width: 130px;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

.ct-sample dd {
	/*width: 170px;*/
	margin: 0 0 5px 80px;
	padding: 0 0 0 75px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.ct-sample .ct-img {
	margin: 0;
	padding: 0;
}

/* =CHILDREN'S THEATRE - SUMMER CAMP
--------------------------------------*/
.ct-camp {
	width: 205px;
	margin: 0 0 14px 0;
	padding: 0 0 20px 0;
	font-family: Tahoma, Geneva, sans-serif;
	border-bottom: solid 1px #ccc;
	text-align: center;
}

.ct-camp {
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	line-height: 20px;
	color: #777777;
}

.ct-camp dl {
	margin: 0;
	padding: 0;
}

.ct-camp dt {
	width: 205px;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
}

.ct-camp {
	margin: 0 0 2px 0;
	padding: 0;
	line-height: 16px;
	font-size: 16px;
}

.ct-camp dd {
	/*width: 170px;*/
	margin: 0 0 5px 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.ct-camp .ct-img {
	margin: 0;
	padding: 0;
}

.ct-camp dd.ct-img img {
	margin: 0 8px 0 0;
	background-color: #fff;
}

.ct-camp .learn-more {
	margin: 5px 0 0 0;
}
.ct-sample {
	color: #4c0403;
}


.ct-camp.last{
	margin-bottom: 0;
	border-bottom: none;
	padding: 0 0 10px 0;
}

/* =ON STAGE NOW
--------------------------------------*/
#container-osn {
	float: left;
	/* width: 350px; */
}

#content-on-stage {
	float: left;
	width: 320px;  /* new 4/28/09*/
	display: block;
	margin: 0;
	padding: 10px 10px 8px 10px;
}

/* Next Section is New as of 4/28/09*/
/* =ON STAGE NOW - NO VIDEO
--------------------------------------*/
#content-on-stage img {
	float: left;
	width: 190px;
	margin-right: 3px;
}

#content-on-stage #osn-novideo {
	width: 120px;
/* This causes our regular pictures not to fit, we'd have to carry another set for the shows, taking out 4/28/09 */
	/* height: 267px; */
	height: 200px;
	margin-left: 200px;
}

#osn-novideo .osn-byline {
	color: #777;
	font-size: 10px;
	line-height: 10px;  /* 12 */
	margin: 0 0 5px 0;  /* margin: 0 0 10px 0; */
}

#osn-novideo .osn-description {
	font-size: 11px;  /* 12 */
	margin: 0;
	line-height: 11px;  /* 14 */
}

/* =UP NEXT
--------------------------------------*/
#container-up-next {
	float: right;
	width: 180px;
}

#content-up-next {
	display: block;
	/*height: 317px;*/  /* add 4/29/09 */
	/*width: 155px;*/
	margin: 0;
	padding: 10px;
}

#content-up-next img {
	margin: 0 0 3px 0;
	border: 1px solid #ddd;
}
.up-next-head  {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #010101;
	font-size: 18px;
}

.up-next-head2  {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
	font-size: 15px;
}

.up-next-date  {
	margin: 0 0 8px 0;
	color: #777777;
	font-size: 12px;
	line-height: 15px
}

.up-next-desc  {
	margin: 0 0 5px 0;
	font-size: 11px;
	line-height: 16px;
}

/* =SECONDARY CONTENT - COMING SOON TO THE MAINSTAGE
---------------------------------------------------------*/
#content-secondary {
	float: left;
	width: 540px;
	margin: 20px 10px 10px 16px;
	padding: 0;
}

#container-coming-soon {
	float: left;
	display: block;
	width: 528px;
	margin: 0;
	padding: 10px 5px 0 5px;
}

#coming-soon-col1 {
	float: left;
	width: 250px;
}

#coming-soon-col2 {
	float: right;
	width: 250px;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	border-left: dotted 1px #babab9;
}

.cs-event {
	float: left;
	width: 250px;
	margin: 0 0 14px 0;
	padding: 0 0 10px 0;
	font-family: Tahoma, Geneva, sans-serif;
	border-bottom: solid 1px #ccc;
}

.cs-date {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 20px;
	color: #777777;
}

.cs-event dl {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

.cs-event dt {
	float: right;
	width: 165px;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

.cs-event dd {
	/*width: 170px;*/
	margin: 0 0 5px 0;
	padding: 0 0 0 85px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.cs-event .img {
	margin: 0;
	padding: 0;
}

.cs-event dd.img img {
	float: left;
	margin: 0 4px 0 0;
	padding: 2px;
	border: 1px solid #ddd;
	border-bottom-color: #c8cdd2;
	border-bottom-color: #c8cdd2;
	background-color: #fff;
}

.cs-event .learn-more {
	margin: 5px 0 0 0;
}

.cs-event.last{
	margin-bottom: 0;
	border-bottom: none;
}

/* =SECONDARY CONTENT - COMING SOON TO THE MAINSTAGE (HORIZ)
---------------------------------------------------------*/
.cs-event-horiz {
	float: left;
	width: 250px;
	margin: 0 0 14px 0;
	padding: 0 0 10px 0;
	font-family: Tahoma, Geneva, sans-serif;
	border-bottom: solid 1px #ccc;
}

.cs-horiz-date {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 20px;
	color: #777777;
}

.cs-event-horiz dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 2px;
	border: 1px solid #ddd;
	border-bottom-color: #c8cdd2;
	border-bottom-color: #c8cdd2;
	background-color: #fff;
}

/* =SECONDARY CONTENT - SHOW LISTINGS - 2 COL LAYOUT
---------------------------------------------------------*/
#content-secondary-main .listing-container {
	float: left;
	width: 520px;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ddd;
	display: block;
}

#content-secondary-main .listing-container h2 {
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom: solid 1px #f0e8cc;
	display: block;
}

#content-secondary-main .first {
	margin-top: 0;
}

#content-secondary-main .\2col-container {
	float: left;
	width: 528px;
	margin: 0;
	padding: 10px 5px 0 5px;
	border: 1px solid #C30;
}

#content-secondary-main .col1 {
	float: left;
	width: 250px;
}

#content-secondary-main .col2 {
	float: right;
	width: 250px;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	border-left: dotted 1px #babab9;
}

#content-secondary-main .show-event {
	float: left;
	width: 250px;
	margin: 0 0 14px 0;
	padding: 0 0 10px 0;
	font-family: Tahoma, Geneva, sans-serif;
	border-bottom: solid 1px #ccc;
}

#content-secondary-main .show-date {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 20px;
	color: #777777;
}

#content-secondary-main .show-event dl {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

#content-secondary-main .show-event dt {
	float: right;
	width: 165px;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

#content-secondary-main .show-event dd {
	/*width: 170px;*/
	margin: 0 0 5px 0;
	padding: 0 0 0 85px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

#content-secondary-main .show-event .img {
	margin: 0;
	padding: 0;
}

#content-secondary-main .show-event dd.img img {
	float: left;
	margin: 0 4px 0 0;
	padding: 2px;
	border: 1px solid #ddd;
	border-bottom-color: #c8cdd2;
	border-bottom-color: #c8cdd2;
	background-color: #fff;
}

#content-secondary-main .show-event .learn-more {
	margin: 5px 0 0 0;
}

#content-secondary-main .show-event.last{
	margin-bottom: 0;
	border-bottom: none;
}

/* =SECONDARY CONTENT - SHOW LISTINGS - 2 COL LAYOUT (HORIZ)
---------------------------------------------------------*/
#content-secondary-main .show-event-horiz {
	float: left;
	width: 250px;
	margin: 0 0 14px 0;
	padding: 0 0 10px 0;
	font-family: Tahoma, Geneva, sans-serif;
	border-bottom: solid 1px #ccc;
}

#content-secondary-main .show-horiz-date {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 20px;
	color: #777777;
}

#content-secondary-main .show-event-horiz dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 2px;
	border: 1px solid #ddd;
	border-bottom-color: #c8cdd2;
	border-bottom-color: #c8cdd2;
	background-color: #fff;
}


#content-secondary-main .show-event-horiz-title {
	font-weight: bold;
}





/* =FOOTER
---------------------------------------------------------*/
#footer {
	clear: both;
	height: 62px;
	margin: 0;
	padding: 19px 20px 10px 20px;
	background: #6f6259 url(../images/general/footer-bg.gif) no-repeat center center;
	font: 12px/18px Tahoma, Geneva, sans-serif;
	color: #fff;
}
#footer .address {
	float: left;
	display: block;
	margin: 0;
}
.cs-event-horiz-title {
	font-weight: bold;
}

#join {
	float: left;
	width: 230px;
	margin: 7px 0 0 155px;
	padding: 5px 0 2px 0;
}

#join p {
	float: left;
	margin: 0;
	padding: 5px 0 2px 0;
}

#join .submit-button {
	float: left;
	margin: 3px 0 0 7px;
}

#footer .contact-info {
	float: right;
	display: block;
	margin: 0;
}

#footer .privacy-link a {
	font-size: 9px;
	color: #fff;
	text-decoration: none;
	border-bottom: dotted 1px #ddd;
}

#footer .privacy-link a:hover {
	color: #ddd;
}

/* =TYPOGRAPHY
-----------------------------------------------------------------------------*/

/* =HEADINGS
---------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #b12812;
	margin: 0 0 2px 0;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
}

h1#main-head, h1.main-head{
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	border-bottom: 1px solid #f0e8cc;
}

h1#show-page-head {
	margin: 0 0 20px 0;
	padding: 0 0 3px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
	border-bottom: 1px solid #f0e8cc;
}

h2 {
	font-size: 18px;
	margin: 20px 0 4px 0;
}

h2.rule-above{
	border-top: 1px solid #f0e8cc;
	padding-top: 6px;
}

h3 {
	font-size: 16px;
	margin: 0 0 5px 0;
}

h4 {
}

h5 {
}

h6 {
}

/* =SUPERSCRIPT
---------------------------------------------------------*/
sup {
	font-size: 75%;
	vertical-align: text-top;
} 
	

/* =LINKS
-----------------------------------------------------------------------------*/
a:active {
	outline: none;
}

/* =LEARN MORE | BUY TICKETS LINK STYLES
---------------------------------------------------------*/
.learn-more {
	margin: 3px 0 0 0;
	font-size: 11px;
	color: #777777;
}

.learn-more a {
	color: #ab1901;
	text-decoration: none;
	border-bottom: 1px dotted #ab1901;
}

.learn-more a:hover {
	color: #c18d62;
}

#event-container .learn-more,
#content-secondary-main #show-container .buy-tix
{
	margin: 3px 0 0 0;
	font-size: 11px;
	color: #777777;
}

#event-container .learn-more a,
#content-secondary-main #show-container .buy-tix a:link,
#content-secondary-main #show-container .buy-tix a:visited
{
	color: #ab1901;
	text-decoration: none;
	border-bottom: 1px dotted #ab1901;
}

#event-container .learn-more a:hover,
#content-secondary-main #show-container .buy-tix a:hover,
#content-secondary-main #show-container .buy-tix a:active
{
	color: #c18d62;
}



/* =FORMS
-----------------------------------------------------------------------------*/
fieldset { /* Removes fieldset borders. even on Opea 7 */
  border: 1px solid transparent;
}

/*.text-input {
	font-family: Tahoma, Geneva, sans-serif;
	width: 200px;
	margin: 0;
	padding: 0;
	background: #eeeedd;
	border: 1px solid #fff;
	color: #b12812;
} */

#text_form .submit-button {
}

#content-secondary-main #form {
	width: 100%;
	margin: 20px 0 10px 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
}

#audition-form {
	font-size: 11px;
}


#audition-form tr {
	padding: 0;
}

#audition-form td {
	padding: 0;
	line-height: 20px;
}


.note {
	margin: 0 0 24px 0;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	background-color: #f0efe8;
	display: block;
}

.asterix {
	color: #C30;
	font-weight: bold;
}

fieldset {
	border: 1px solid #ede4c6;
	width: 400px;
	margin: 10px 0 1em 0;
	padding: 10px;
}

legend {
	font-weight: bold;
	color: #b12812;
	/*background: #ffa20c;*/
	/*border: 1px solid #781351;*/
	padding: 0 5px 0 5px;
	margin: 0;
}

label {
	width: 70px;
	float: left;
	text-align: right;
	margin-right: 15px;
	display: block;
	font-size: 12px;
}

.check-radio {
	float: left;
	margin-right: 15px;
	font-size: 12px;
}

.label-after {
	width: 300px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
	display: inline;
}

/*input {
	color: #333;
	border: 1px solid #bba;
	width: 230px;
	height: 18px;
}*/

#audition-form strong {
	padding: 5px 0 5px 0;
	line-height: 20px;
}


.textfield {
	margin: 3px 0 0 0;
	color: #333;
	border: 1px solid #bba;
	width: 230px;
	height: 18px;
}

.textfield-character {
	margin: 3px 0 0 0;
	color: #333;
	border: 1px solid #bba;
	width: 390px;
	height: 18px;
}

.textfield-comments {
	margin: 3px 0 0 0;
	color: #333;
	border: 1px solid #bba;
	width: 390px;
	height: 18px;
}

textfield:focus {
	background-color: #FFC;
}

.submit input {
	color: #4c0403;
	border: 1px solid #bba;
	width: 80px;
	height: 25px;
	padding: 0;
	margin-left: 85px;
	background-color: #ede4c6;
}

.submit input:hover {
	background-color: #fffef7;
	color: #9e0400;
}

#audition-form textarea {
	color: #600;
	border: 1px solid #bba;
	width: 330px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: normal;
}

textarea {
	color: #600;
	border: 1px solid #bba;
	width: 230px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: normal;
}

textarea:focus {
	background-color: #FFC;
}

/* #audition-form input {
	color: #333;
	border: 1px solid #bba;
	width: 280px;
	height: 18px;
	margin: 0 0 3px 0;
}*/

#audition-form .audition-note {
	margin: 0 0 24px 24px;
	padding: 5px;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-indent: -7px;
	text-align: left;
}

/* =TABLES
-----------------------------------------------------------------------------*/
td {
	text-align: left;
	font-weight: normal;
}

/* =EASY CLEARING METHOD
-----------------------------------------------------------------------------*/
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	min-height: 1px;
}

.event-clear {
	clear: both;
	min-height: 1px;
}


* html .clear {
	height: 1px;
}


/* =MISCELLANEOUS
-----------------------------------------------------------------------------*/

/* =CONTENT BOX STYLES
---------------------------------------------------------*/
.box-rule {
	border: solid 1px #bcbcbb;
}

/* =SAMPLE PRODUCTION STYLES
---------------------------------------------------------*/
.sample-prod-banner {
	display: block;
	height: 13px;
	font-size: 11px;
	color: #4c0403;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 13px 0 10px 10px;
	letter-spacing: -0.1em;
	background: url(../images/general/sample-prod-banner.gif) no-repeat left center;
}

/* =THANKS TO OUR SPONSORS PAGE
----------------------------------------------------------------------*/

.left-col {
	float: left;
	width: 270px;
	padding: 0;
	display: block;
}

.right-col {
	width: 270px;
	margin-left: 270px;
	padding: 0;
	display: block;
}

#content-secondary-main .left-col h4, #content-secondary-main-wide .left-col h4 {
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 0 5px 0;
	letter-spacing: 0.1em;
	font-family: Verdana, Geneva, sans-serif;
}

#content-secondary-main .right-col h4 {
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 0 5px 0;
	letter-spacing: 0.1em;
	font-family: Verdana, Geneva, sans-serif;
}


/* =SHOW INFO - 1 COLUMN
---------------------------------------------------------*/
#show-container-1col {
	/*float: left;*/
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
}

#show-container-1col img {
	display: block;
	margin: 0 auto 0 auto;
	padding: 0;
	border: solid 1px #ddd;
}

#show-info-1col .show-caption {
	font-size: 11px;
	text-align: center;
	margin: -10px 0 15px 0;
}

#show-info-1col {
	margin: 0;
}

#show-info-1col .show-title, #gallery-container .show-title {
	margin: 0 0 5px 0;
	font-size: 30px;
	line-height: 30px;
}

#show-info-1col .show-date {
	margin: 0 0 8px 0;
	font-size: 18px;
}

#show-info-1col .ct-show-date {
	margin: 0 0 16px 0;
	font-size: 15px;
	line-height: 20px;
}

#show-info-1col .show-date {
	margin: 0 0 8px 0;
	font-size: 18px;
}

#show-info-1col .show-byline {
	color: #777;
}

#show-info-1col .show-presenter {
	margin: -5px 0 15px 0;
	font-size: 11px;
	color: #777;
}

#show-info-1col .show-lyric {
	margin: 0 0 15px 0;
	font: italic 18px/20px "Times New Roman", Times, serif;
	color: #9d8359;
}

#show-info-1col .show-desc {
	margin: 0 0 15px 0;
	line-height: 18px;
}

/*
	Calendar CSS - by Nathan Smith - www.sonspring.com
*/

/* =Basic HTML
----------------------------------------------------------------------*/

/* =LEGEND
----------------------------------------------------------------------*/
#calLegend {
	float: left;
	margin: -15px 0 0 0;
	padding: 3px 0 0 0;
	font: 9px Tahoma, Geneva, sans-serif;
	color: #444;
	/*border-top: solid 1px #ddd;*/
}

#calLegend li {
	display: inline;
}

#calLegend .calBTPProduction {
	margin: 0;
	padding: 0 3px 0 3px;
	background-color: #ffc969;
}

#calLegend .calMovie,
#calLegend .calSpecialEvent,
#calLegend .calOtherProduction,
#calLegend .calChildrensTheatre {
	width: 12px;
	margin: 0 0 0 5px;
	padding: 0 3px 0 4px;
}

#calLegend .calMovie {
	background-color: #7fafda;
}

#calLegend .calSpecialEvent {
	background-color: #c689d6;
}

#calLegend .calOtherProduction {
	background-color: #67d369;
}

#calLegend .calChildrensTheatre {
	background-color: #dee114;
}

#calSelect {
	float: right;
	margin: -55px 0 0 0;
}

#dateSelect {
	background-color: #FFC;
	/*color: #774037;*/
	color: #333;
}

#calendar-container {
	float: left;
	width: 680px;
	margin: 0 0 10px 16px;
	padding: 0;
}

a
{
	cursor: pointer;
	text-decoration: none;
}

caption
{
	margin: 0;
	text-align: left;
	font: 17px/28px Tahoma, Geneva, sans-serif;
	/*color: #7d6941;*/
	color: #774037;
}

p
{
	margin: 0;
}

strong
{
	/*text-transform: uppercase;*/
}

table
{
	background: #fff;
	border-bottom: 3px solid #b9ae8d;
	border-right: 1px solid #ccb;
	margin: 0;
}

th,
td
{
	border-left: 1px solid #ccb;
	border-top: 1px solid #ccb;
	font-family: Verdana, sans-serif;
	padding: 0 2px;
	vertical-align: top;
	width: 92px;
	/*height: inherit;*/
}

td a
{
	color: #333;
	padding: 0;
	line-height: 12px;
	/*background-image: url(../images/general/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
}

td a:hover
{
	border-bottom: dotted 1px #333;
}

/* #secondary-main table styles
----------------------------------------------------------------------*/

#content-secondary-main table
{
	background: #fff;
	border:none;
	margin: 0;
}

#content-secondary-main th, #content-secondary-main td
{
	border:0;
	font-family: Verdana, sans-serif;
	padding: 0 2px;
	vertical-align: top;
	width:auto; 	
/*height: inherit;*/
}

#content-secondary-main td a
{
	color: #333;
	padding: 0;
	line-height: 12px;
	/*background-image: url(../images/general/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
}

#content-secondary-main td a:hover
{
	border-bottom: dotted 1px #333;
}

#content-secondary-main th
{
	background-color: #B9AE8D;
	color: #FFF;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-transform: none;
	text-align: left;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDE4C6;
	padding: 0 5px;
}

/* =Classes
----------------------------------------------------------------------*/
a.calLink:link,
a.calLink:hover,
a.calLink:visited{
	font-size: 11px;
	margin-right: .2em;
	text-decoration:none;
	color:#930;
}

a.calLink:hover{
	border-bottom: dotted 1px #666;
}

a.calLink_disabled{
	font-size: 12px;
	margin-right: .2em;
	text-decoration:none;
	color: #D1D1C2;
}

col.Sat,
col.Sun
{
	background-color: #fffef7;
}

td.blank {
	background-color: #f0efe8;
}

div.buttons
{
	font: 10px Verdana, sans-serif;
	padding: 10px 0 20px;
	text-align: center;
}

div.buttons a
{
	background-color: #ede4c6;
	border: 1px solid #bba;
	color: #4c0403;
	padding: 3px 5px;
}

div.buttons a:hover
{
	background-color: #fffef7;
	color: #9e0400;
}

tr.day
{
	color: #665;
	font-size: 9px;
	height: 90px;
	padding: 5px;
}

.day td
{
	padding: 2px;
}

tr.number
{
	background-color: #ede4c6;
	color: #774037;
	font-size: 10px;
	height: 15px;
	text-align: right;
	vertical-align: middle;
}

th
{
	background-color: #b9ae8d;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	height: 15px;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
}

.production {
	display: block;
	padding: 4px;
	background-color: #ffc969;
	color: #333;
}

.movie {
	display: block;
	padding: 4px;
	background-color: #b4d0ea;
	color: #333;
}
.movie-info {
	font-size: 14px;
	line-height: 18px;
}


.childrens {
	display: block;
	padding: 4px;
	background-color: #e7eb00;
	color: #333;
}

.otherprod {
	display: block;
	padding: 4px;
	background-color: #67d369;
	color: #333;
}

.splevent {
	display: block;
	padding: 4px;
	background-color: #c689d6;
	color: #333;
}

/* =EVENT CONTENT
---------------------------------------------------------*/
.event-date {
	font-size: 11px;
	color: #777;
}

#event-container {
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0;
}

#event-container .event {
	float: left;
	width: 173px;
	margin: 10px 10px 10px 0;
	padding: 0 0 5px 0;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	text-align: center;
	display: block;
}

#event-container .event p {
	margin: 0;
	padding: 0;
}

#event-container .event-quote {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	color: #777;
}

#event-container .event img {
	margin: 0 0 2px 0;
	padding: 0;
	border: solid 1px #ddd;
}

#event-container .event .event-image {
	border-bottom: none;
}


#event-container .event-title {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
}

#event-container .event-date {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 19px;
	color: #777;
}

#event-container .event-last {
	margin: 10px 0 0 0;
}

/* =VIDEO PREVIEW
---------------------------------------------------------*/
#content-secondary-main .video-preview-box {
	float: left;
	width: 520px;
	margin: 0;
	padding: 10px 5px 5px 5px;
	border: solid 1px #ddd;
	display: block;
}

#vpb-col1 {
	float: left;
	margin: 0 8px 0 0;
	padding: 0 10px 0 5px;
	border-right: dotted 1px #ddd;
	line-height: normal;
	display: block;
}

#vpb-col1 .vpb-title {
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	font-size: 13px;
	line-height: normal;
	display: block;
}

#vpb-col1 .vpb p {
	margin: 0;
	padding: 0;
	line-height: normal;
}

#vpb-col2 .vpb-title {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 13px;
	line-height: normal;
	display: block;
}

#vpb-col1 .vpb-date {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
	color: #777;
	display: block;
}

#vpb-col1 .vpb-image img {
	margin: 0 0 5px 0;
	padding: 0;
	border: solid 1px #ddd;
	display: block;
}

#vpb-col1 .vpb-image a {
	border: none;
}

#vpb-col2 {
	float: right;
	width: 330px;
	margin: 0;
	padding: 0;
}

.vpb-quote {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	color: #777;
}

.vpb-quote-attrib {
	font-style: italic;
	}


/* =COLUMN3 STYLES
---------------------------------------------------------*/
h4.info-head {
	margin: 0;
	padding: 12px 0 0 0;
	font-size: 16px;
	line-height: normal;
	color: #a71c20;
	background: url(../images/general/info-head-florish.gif) no-repeat left top;
}

p.info-body {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	color: #777;
}

.info-body a {
	padding: 0 0 1px 0;
	color: #777;
	border-bottom: 1px dotted #ab1901; 
}

.info-body a:hover {
	color: #c18d62;
	border-bottom: 1px dotted #ab1901; 
}

#show-container {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
}

#show-container #show-image img {
	border: solid 1px #ddd;
}

#show-image {
	float: left;
	text-align: center;
}

#show-info {
	margin-left: 185px;
}

#show-info .show-title, #gallery-container .show-title {
	margin: 0 0 5px 0;
	font-size: 30px;
	line-height: 30px;
}

#show-info .show-date {
	margin: 0 0 8px 0;
	font-size: 18px;
}

#show-info .ct-show-date {
	margin: 0 0 16px 0;
	font-size: 15px;
	line-height: 20px;
}

#show-info .show-date {
	margin: 0 0 8px 0;
	font-size: 18px;
}

#show-info .show-byline {
	color: #777;
}

#show-info .show-lyric {
	margin: 0 0 15px 0;
	font: italic 18px/20px "Times New Roman", Times, serif;
	color: #9d8359;
}

#show-info .show-desc {
	margin: 0 0 15px 0;
	line-height: 18px;
}

.float-left {
	float: left;
	margin-right: 10px;
}

.float-right {
	float: right;
	margin-left: 10px;
}

#content-secondary-main .audition-info {
}

.audition-date {
	font-size: 22px;
	margin: 20px 0 8px 0;
}

#content-secondary-main .audition-info li {
	font-size: 14px;
	line-height: 20px;
	padding: 0 0 5px 23px;
	background: url(../images/general/bullet-square.gif) no-repeat 10px 45%;
}

/* =Video/Photo Gallery Styles
----------------------------------------------------------------------*/
#gallery-container {
	display: block;
	width: 685px;
}

#gallery-container h2 {
	font-size: 18px;
	margin: 0 0 4px 0;
}

#gallery-container h4 {
	margin: 0 0 4px 0;
}

#gallery-quote-container {
	float: right;
	width: 320px;
}

#gallery-quote-content {
	display: block;
	margin: 0;
	padding: 0px;
}

#gallery-quote-content .vpb-quote {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	color: #777;
}

#gallery-video-container {
	float: left;
}

#gallery-video-content {
	float: left;
	display: block;
	margin: 0;
	padding: 10px 10px 8px 10px;
}

.content-section {
	display: block;
	width: 685px;
	margin-bottom: 25px;
	float: left;
}

#gallery-photo-container {
	float: left;
	text-align: center;
	width: 100%;
}

#gallery-photo-content {
	display: block;
	margin: 0;
	padding: 10px 10px 8px 10px;
}

.gallery-list-container{
	width: 100%;
	clear: both;
	float: left;
	padding: 0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDE4C6;
	margin: 0 0 25px 0;
}

.gallery-list-container h2 {
	margin-top: 0px;
	padding-top: 0px;
}

#gallery-col1-container {
	width: 250px;
	float: left;
}
#gallery-col2-container {
	float: right;
	width: 250px;
}

#gallery-col2-content {
}
