/* FONTS */
/* http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html */

BODY
{
	color: #000000;
	margin: 0;
	padding: 0;
}

ADDRESS, BLOCKQUOTE, BODY, CAPTION, DD, DIR, DIV, DL, DT,
FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL
{
	cursor: auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* font-family: Trebuchet MS, Helvetica, Arial, sans-serif; */
}

H1, H2, H3, H4, H5, H6
{
	color: #533019;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* font-family: Palatino Linotype, Book Antiqua, Palatino, serif; */
	/* font-family: Trebuchet MS, Helvetica, Arial, sans-serif; */
	/* font-family: Impact, Charcoal, Verdana, Arial, Helvetica, sans-serif; */
	font-weight: bold;
}



/* WIDTH and TEMPLATE EDGES */

HTML { overflow-y: scroll; }
BODY
{
	background: #a8dde8 url('/images/bg5.gif') fixed;
}

DIV#BackgroundBorder
{
	background-color: #a3d2db;
	border-bottom: 12px solid #a3d2db;
	width: 946px;
}

DIV#Background
{
	background-color: #ffffff;
	border-bottom: 6px solid #f59f1a;
	width: 940px;
}

DIV.WidthConstraint
{
	width: 900px;
}

DIV#Content
{
	margin-left: 10px;
}

DIV#Footer
{
	background-color: #a4deea;
	border-top: 1px solid #ffffff;
	width: 940px;
}


/* WIDTH CLASSES */

DIV.SingleColumn
{
	/* border: 1px solid red; */
	margin: 0em 129px 0em 81px;
}

DIV.HomePage DIV.LeftColumn,
DIV.WordPressPosts DIV.LeftColumn
{
	/* border: 1px solid red; */
	width: 530px;
}

DIV.HomePage DIV.RightColumn,
DIV.WordPressPosts DIV.RightColumn
{
	margin-left: 570px;
	/* width: (890 - 570) = 320px; */
}

DIV.AuditionPage DIV.LeftColumn
{
	/* border: 1px solid red; */
	width: 500px;
}

DIV.AuditionPage DIV.RightColumn
{
	margin-left: 540px;
	/* width: (890 - 570) = 320px; */
}

DIV.HomePage DIV.LeftColumn
{
	margin-top: -1em;
}

DIV.WordPressPage DIV.LeftColumn
{
	/* border: 1px solid green; */
	width: 470px;
}

DIV.WordPressPage DIV.RightColumn
{
	margin-left: 510px;
	/* width: (890 - 510) = 380px; */
}
DIV.HomePage DIV.LeftColumn
{
	margin-top: -1em;
}

DIV.SeasonPage DIV.LeftColumn
{
	/* border: 1px solid green; */
	text-align: center;
	width: 320px;
}

DIV.SeasonPage DIV.LeftColumn P.Sponsor
{
	font-style: italic;
	margin-top: 2em;
	text-align: center;
}

DIV.SeasonPage DIV.RightColumn
{
	margin-left: 340px;
	margin-right: 20px;
	/* width: (890 - 340 - 20) = 530px; */
}

DIV.SponsorPage P
{
	text-align: center;
	margin-bottom: 1em;
}

DIV.SponsorPage H4
{
	margin-top: 2em;
	text-align: center;
	margin-bottom: 1em;
}

DIV.SponsorPage A:link
{
	text-decoration: none;
}

DIV.SponsorPage A:visited
{
	text-decoration: none;
}



/* TOP HEADER AND TAGLINE */

DIV.TopBorder
{
	background-image: url('/images/borderTop.gif');
	background-repeat: repeat-x;
	background-position: 0% 0%;
}

DIV#TopBorder
{
	clear: both;
	margin: 0em auto;
	padding: 0;
}

DIV#TopStripe
{
	background: #533019;
	border-bottom: 1px solid #ffffff;
	padding: 3px 12px;
}

A#TheatreCR
{
	display: block;
	float: left;
	font-family: Impact, Charcoal, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

A#TheatreCR				{ color: #f59f1a; background: transparent; font-weight: normal; cursor: pointer; }
A#TheatreCR:link			{ color: #f59f1a; background: transparent; font-weight: normal; text-decoration: none; }
A#TheatreCR:visited		{ color: #f59f1a; background: transparent; font-weight: normal; text-decoration: none; }
A#TheatreCR:active		{ color: #f59f1a; background: transparent; font-weight: normal; text-decoration: none; }
A#TheatreCR:hover		{ color: #f59f1a; background: transparent; font-weight: normal; letter-spacing: 1px; text-decoration: none; }

SPAN#TheatreCRCR		{ color: #ffffff; }

SPAN#Tagline
{
	color: #cccccc;
	display: block;
	float: left;
	font-size: 0.8em;
	margin-left: 9px;
	margin-top: 0.6em;
	text-align: left;
	width: auto;
}

DIV#TopStripe INPUT.SearchTextBox
{
	width: 30%;
}



/* MAIN HEADER AND NAVIGATION */

DIV#TopLogoContainer
{
	float: left;
	width: 220px;
}

DIV#TopRightColumn
{
	margin-left: 240px;
}

DIV#TopNavigationContainer
{
	padding-top: 60px;
	position: relative;
}

UL#TopNavigation
{
	cursor: default;
	float: right;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	position: relative;
	width: auto;
	/* z-index: 1701; */
	z-index: 2345;
}

UL#TopNavigation LI
{
	/* cursor: pointer; */
	display: block;
	float: left;
	list-style-type: none;
	left: 0px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	width: auto;
}

UL#TopNavigation A.TopNav
{
	font-size: 1.2em;
	padding: 0em 9px;
}

UL#TopNavigation UL
{
	background: #ffffff;
	border: 2px solid #2fb5e0;
	cursor: default;
	display: block;
	float: left;
	left: -10000px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: auto;
	width: auto;
	z-index: 2001;
}

UL#TopNavigation UL LI
{
	float: left;
	left: 0px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

UL#TopNavigation LI UL#TopNavSeason
{
	width: 360px;
}

UL#TopNavigation A
{
	display: block;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* position: relative; */
	text-align: left;
	width: auto;
}

UL#TopNavigation A					{ color: #2fb5e0; padding: 0em 3px; font-weight: bold; }
UL#TopNavigation A:link			{ color: #0000cc; background: transparent; text-decoration: none; }
UL#TopNavigation A:visited		{ color: #0000cc; background: transparent; text-decoration: none; }
UL#TopNavigation A:active		{ color: #ffffff; background: #2fb5e0; font-weight: bold; text-decoration: none; }
UL#TopNavigation A:hover		{ color: #ffffff; background: #2fb5e0; font-weight: bold; text-decoration: none; }

UL#TopNavigation H5 A				{ line-height: 1.2em; color: #533019; background: transparent; font-weight: bold; cursor: pointer; }
UL#TopNavigation H5 A:link		{ color: #533019; background: transparent; font-weight: bold; text-decoration: none; }
UL#TopNavigation H5 A:visited	{ color: #533019; background: transparent; font-weight: bold; text-decoration: none; }
UL#TopNavigation H5 A:active	{ color: #533019; background: transparent; font-weight: bold; text-decoration: none; }
UL#TopNavigation H5 A:hover	{ color: #533019; background: transparent; font-weight: bold; text-decoration: none; }

UL#TopNavigation P A				{ color: #999999; cursor: pointer; font-weight: normal; }
UL#TopNavigation P A:link			{ color: #0000cc; background: transparent; text-decoration: underline; }
UL#TopNavigation P A:visited		{ color: #800080; background: transparent; text-decoration: underline; }
UL#TopNavigation P A:active		{ color: #ff0000; background: transparent; font-weight: bold; text-decoration: none; }
UL#TopNavigation P A:hover		{ color: #000099; background: transparent; font-weight: bold; text-decoration: none; }

UL#TopNavigation LI.TopNavSeason A
{
	padding-left: 9px;
	padding-bottom: 0.3em;
}

UL#TopNavigation LI.TopNavSeason A SMALL
{
	/* color: inherit; */
	font-weight: normal;
	line-height: 1.2em;
}


UL#TopNavigation UL A
{
	float: none !important;
}

/* menu triggers -- position menus back on the screen to show 
   hide these from safari < 1.2 because of it's "sticky hover" bug 
   and because the menu positioning doesn't work
   using the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection
{
	UL#TopNavigation LI:hover > UL { left: 0px; }
	UL#TopNavigation UL LI:hover > UL { top: 0px; }
}

/* rollover pseudo-classes, and scriptable persistence class */
UL#TopNavigation A:hover,
UL#TopNavigation A:focus,
UL#TopNavigation A.rollover,
UL#TopNavigation A.rollover:visited	{ color: #ffffff; background: #2fb5e0; font-weight: bold; text-decoration: none; }

/* opera 5 and 6, and mac/ie5, need float on the links */
UL#TopNavigation A { float: left; }

/* but it would break other browsers, so we need to negate it
   using a rule that's hidden from them with the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { UL#TopNavigation A { float: none; } }

/* msn/osx can see through that, but needs the float as well, 
   so re-apply it using the "not my child" hack
   http://www.jasonkarldavis.com/articles/notmychild/ */
UL#TopNavigation A:not(:nth-child(n)) { float: left; }

/* compensate submenus, using !important to increase specificity for osx/msn */
UL#TopNavigation UL A { float: none !important; }

/* hacks for win/ie to cure 'excess hidden margins' and 'double margin float' bugs */
@media Screen, Projection {
	* HTML UL#TopNavigation LI {
		/* for ie5.0 */
		display: inline; 
		/* for ie5.5+ */
		f\loat: left;
		/* this cures 'events fall through the menu' bug in ie6 
		   you can can change the color, but don't remove it or use an image */
		background: #ffffff; 
	}
}

/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* HTML UL#TopNavigation LI { position: static; }
* HTML UL#TopNavigation A { position: relative; }

/* hide menus from konqueror < 3.2 */
UL[id^="TopNavigation"] UL { display: none; }
UL[id^="TopNavigation"] UL { displa\y: block; }



/* HOME PAGE CUSTOM STYLES */

DIV#HomePageTopSideBar INPUT.SearchTextBox
{
	width: 45%;
}

DIV#HomePageBanner
{
	background: #000000;
	/* border: 1px solid #000000; */
	clear: right;
	color: #ffffff;
	overflow-x:hidden;
	text-align: left;
	/* width: 660px; */
}

DIV#HomePageCastingUpdate
{
	margin: 1em 20px 0 20px;
	padding: 0.2em 10px 0.2em 10px;
}

DIV#HomePageCastingUpdate P
{
	text-align: center;
}

DIV#HomePageTextContainer
{
	margin-right: 20px; margin-top: 1em;
}

DIV#tabs
{
	margin-top: 2.5em;
}

DIV.TabBorder
{
	background: #ffffff;
	border: 1px solid #cccccc;
	height: 420px;
	overflow-y: scroll;
}

DIV.TabContents
{
	margin: 0em 10px;
}

DIV#UpcomingEvents
{
	margin: 0em 0px 1em 0px;
	padding: 0em 0px;
}

DIV#UpcomingEventsInterior
{
	margin: 0em 6px;
	background: #eeeeee;
	/* border: 1px solid #a3d2db; */
	border-color: #a3d2db;
	border-style: solid;
	border-width: 0px 1px;
	padding: 0.5em 10px 1em 10px;
/*
	border-color: #000000;
	border-style: solid;
	border-width: 1px 7px;
*/
}

DIV#SocialMediaWidgets
{
	/* background: #eeeeee; */
	margin: 0em 0px 1em 0px;
	padding: 0.5em 12px;
}

/*
DIV.SocialMediaWidgetContainer
{
	margin: 0em 0px 1em 0px;
}
*/


/* CALENDAR PAGE CUSTOM STYLES */

.DateBoxSmall {padding: 0;text-align: center;width: 25px;}

.CalDateIcon, .CalDateIconPast
{
	background-repeat: no-repeat;
	height: 53px;
	margin: 2px;
	overflow: hidden;
	text-align: center;
	width: 37px;
}
.CalDateIcon { background-image: url('/images/icons/CalendarTearsheetIcon.gif'); }
.CalDateIconPast { background-image: url('/images/icons/CalendarTearsheetIconGrey.gif'); }

.CalDateIcon .BoxMo, .CalDateIcon .BoxDate,
.CalDateIcon .BoxDay, .CalDateIcon .BoxTime,
.CalDateIconPast .BoxMo, .CalDateIconPast .BoxDate,
.CalDateIconPast .BoxDay, .CalDateIconPast .BoxTime
{
	font-weight: bold;
	text-align: center;
}

.CalDateIcon .BoxMo, .CalDateIconPast .BoxMo { font-size: 11px; line-height: 15px; }
.CalDateIcon .BoxDate, .CalDateIconPast .BoxDate { font-size: 21px; line-height: 22px; }
.CalDateIcon .BoxDay, .CalDateIcon .BoxTime, .CalDateIconPast .BoxDay, .CalDateIconPast .BoxTime { font-size: 10px; line-height: 14px; }

.CalDateIcon .BoxMo { color: #ffffff; }
.CalDateIcon .BoxDate { color: #666666; }
.CalDateIcon .BoxDay, .CalDateIcon .BoxTime { color: #666666; }

.CalDateIconPast .BoxMo { color: #eeeeee; }
.CalDateIconPast .BoxDate { color: #cccccc; }
.CalDateIconPast .BoxDay, .CalDateIconPast .BoxTime { color: #cccccc; }

.EventsListEvent
{
	margin-bottom: 1em;
}

.EventsListEvent .CalDateIcon,
.EventsListEvent .CalDateIconPast
{
	float: left;
}

.EventsListEvent .EventDescription
{
	margin-left: 50px;
}

.EventDescription H4.EventTitle
{
	margin: 0em 0px 0.2em 0px;
}

.EventTime .EventLinks
{
	margin-left: 6px;
}



/* SEASON PAGE CUSTOM STYLES */

H1#SeasonShowTitle
{
	margin-top: 1em;
}

DIV#SeasonShowSynopsis
{
	/* margin: 0em 80px 3.0em 40px; */
	margin-bottom: 2em;
}

DIV#SeasonShowLinks
{
	margin: 1em 70px 2.5em 30px;
}

DIV#SeasonShowCalendar
{
	border: 1px solid #a3d2db;
	background-color: #f6f6f6;
	margin: 1.5em 110px 1em 70px;
	border: 1px solid #cccccc;
	padding: 1em 20px;
	text-align: center;
}

DIV#SeasonShowLinks P
{
	text-align: center;
}

TABLE.ShowCalendar
{
	/* border: 1px solid red; */
	margin: 0em auto 1em auto;
}

TABLE.ShowCalendar TR.MonthName TD
{
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0.5em;
	text-align: center;
}

TABLE.ShowCalendar TR.DaysOfTheWeek TD,
TABLE.ShowCalendar TD.Weekday
{
	text-align: center;
	width: 41px;
}

TABLE.ShowCalendar TR.DaysOfTheWeek
{
	margin-bottom: 1em;
}

TABLE.ShowCalendar TR.DaysOfTheWeek TD
{
	/* background: #ffffff; */
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}

TD.NoPerformance .CalDateIcon,
TD.NoPerformance .CalDateIconPast { background-image: none; }

TD.NoPerformance .CalDateIcon .BoxDate,
TD.NoPerformance .CalDateIconPast .BoxDate { color: #cccccc; font-size: 16px; }




P.Navigation
{
	text-align: center;
}

P.Navigation STRONG	{ color: #2fb5e0; padding: 0em 3px; font-weight: bold; cursor: pointer; }

P.Navigation A				{ color: #2fb5e0; padding: 0em 3px; font-weight: bold; }
P.Navigation A:link		{ color: #0000cc; background: transparent; text-decoration: none; }
P.Navigation A:visited	{ color: #0000cc; background: transparent; text-decoration: none; }
P.Navigation A:active	{ color: #ffffff; background: #2fb5e0; font-weight: bold; text-decoration: none; }
P.Navigation A:hover	{ color: #ffffff; background: #2fb5e0; font-weight: bold; text-decoration: none; }


DIV#SideBar INPUT.SearchTextBox
{
	width: 50%;
}


P.Note
{
	background-color: #f6f6f6;
}

DIV.Offset
{
	border: 1px solid #a3d2db;
	margin: 0.5em 0px;
	padding: 0.5em 6px 0.5em 9px;
	background-color: #f6f6f6;
}

DIV#EducationHeader
{
	background: #ffffff url('/images/photos/Dear_Edwina_Jr.jpg');
	background-repeat: no-repeat;
	background-position: 4px -1px;
	height: 396px;
}

H1#EducationHeadline
{
	color: #ffffff;
	font-size: 2.0em;
	display: inline;
	padding-left: 12px;
}

DIV#EducationProgramsHeader
{
	background: #ffffff url('/images/photos/Dear_Edwina_Jr_Headline.jpg');
	background-repeat: no-repeat;
	background-position: 0px -1px;
	height: 300px;
}

H1#EducationProgramsHeadline
{
	color: #ffffff;
	font-size: 2.3em;
	display: inline;
	padding-left: 12px;
}

IMG#EducationPhoto
{
	margin-top: -2em;
}