/* LAYOUT */
body {
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
}

div.page {
	margin: 0 auto;
	padding: 0;
	width: 824px;
	text-align: left;
}

	div.navigationTertiary {
		width: 814px;
		height: 50px;
		padding-top: 13px;
		padding-right: 10px;
		float: left;
		text-align: right;
		font-size: 1.1em;
		color: #fff;
		background: top center transparent url(../images/bg_page_top.png) no-repeat !important; 
		background-image: none; 
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ppt.org/images/bg_page_top.png',sizingMethod='scale');
	}
		div.navigationTertiary a, div.navigationTertiary a:link {
			margin: 0 6px 0 6px;
			color: #fff;
		}
	
	div.pageContent {
		width: 824px;
		float: left;
		background: top center transparent url(../images/bg_page_repeat.png) repeat-y !important; 
		background-image: none; 
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ppt.org/images/bg_page_repeat.png',sizingMethod='scale');
	}
	
		div.columnLeft {
			width: 230px;
			float: left;
			padding: 0 7px 0 24px;
			position: relative;
			background-image: url(../images/bg_column_left.png);
			background-repeat: no-repeat;
			background-position: 24px 0
		}
		
		div.columnRight {
			width: 539px;
			float: left;
			position: relative;
		}
		
			div.masthead {
				width: 539px;
				height: 150px;
			}
			div.home {
				height: 238px;
			}
			div.masthead img {
				display: block;
			}
			div.masthead p {
				color: #fff;
				font-size: 9px;
				margin: 3px 3px 0 0;
				padding: 2px;
				float: right;
			}
			
			div.content {
				padding: 20px 0 0 8px;
				line-height: 22px;
				font-size: 1.2em;
			}
				
	
	div.footer {
		width: 824px;
		height: 76px;
		float: left;
		text-align: center;
		background: top center transparent url(../images/bg_page_bottom.png) no-repeat !important; 
		background-image: none; 
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ppt.org/images/bg_page_bottom.png',sizingMethod='scale');
	}
		div.footer p.copyright {
			padding-top: 22px;
			padding-bottom: 6px;
			color: #fff;
			font-size: 1.1em;
			position: relative;
		}
			div.footer p.copyright a, div.footer p.copyright a:link {
				color: #fff;
			}
		div.footer p.contactinfo {
			color: #560f9e;
			font-size: 1.1em;
			position: relative;
		}
			div.footer p.contactinfo a, div.footer p.contactinfo a:link {
				color: #560f9e;
			}
		.pipe {
			padding: 0 8px 0 8px;
		}
	
/* NAVIGATION */
ul.navigationPrimary {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 31px;
	border-top: 4px solid #714dad;
	background-image: url(../images/bg_nav_primary_off.gif);
	background-repeat: no-repeat;
}
	ul.navigationPrimary li {
		display: block;
		float: left;
		padding: 0 1px 0 0;
		margin: 0;
		background: none;
	}
	ul.navigationPrimary li.last {
		padding-right: 0;
	}
		ul.navigationPrimary li a, ul.navigationPrimary li a:link {
			display: block;
			float: left;
			height: 31px;
			text-indent: -5000px;
		}
		ul.navigationPrimary li a:hover, ul.navigationPrimary li a.on {
			background-image: url(../images/bg_nav_primary_on.gif);
		}
			ul.navigationPrimary li a#boxoffice {
				width: 90px;
			}
				ul.navigationPrimary li a#boxoffice:hover, ul.navigationPrimary li a#boxoffice.on {
					background-position: 0 0;
				}
			ul.navigationPrimary li a#planyourvisit {
				width: 122px;
			}
				ul.navigationPrimary li a#planyourvisit:hover, ul.navigationPrimary li a#planyourvisit.on {
					background-position: -91px 0;
				}
			ul.navigationPrimary li a#support {
				width: 146px;
			}
				ul.navigationPrimary li a#support:hover, ul.navigationPrimary li a#support.on {
					background-position: -214px 0;
				}
			ul.navigationPrimary li a#education {
				width: 94px;
			}
				ul.navigationPrimary li a#education:hover, ul.navigationPrimary li a#education.on {
					background-position: -361px 0;
				}
			ul.navigationPrimary li a#about {
				width: 82px;
			}
				ul.navigationPrimary li a#about:hover, ul.navigationPrimary li a#about.on {
					background-position: -456px 0;
				}

ul.navigationSecondary {
	list-style-type: none;
	margin: 14px 8px 30px 7px;
	padding: 0;
	list-style-image: none;
	font-size: 1.2em;
}
	ul.navigationSecondary li {
		display: block;
		margin: 0;
		padding: 0 0 0 0;
		background-image: url(../images/bg_dotted_line_purple.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		font-size: .85em;
	}
		ul.navigationSecondary li a, ul.navigationSecondary li a:link {
			display: block;
			margin: 0;
			padding: 6px 0 6px 14px;
			background-image: url(../images/bg_arrow_right_white.gif);
			background-position: left 10px;
			background-repeat: no-repeat;
			color: #fff;
			text-transform: uppercase;
			font-size: 1.2em;
			font-weight: bold;
			letter-spacing: 1px;
		}
		ul.navigationSecondary li a:hover, ul.navigationSecondary li.on a,  ul.navigationSecondary li.on a:link {
			text-decoration: none;
			color: #d0a2fe;
			background-image: url(../images/bg_arrow_right_yellow.gif);
		}
		ul.navigationSecondary li ul {
			display: none;
			margin: 0 0 0 16px;
			padding: 0;
			list-style-type: none;
			list-style-image: none;
		}
		ul.navigationSecondary li.on ul.navigationSecondaryInterior {
			display: block;
			padding-bottom: 4px;
		}
			ul.navigationSecondary li ul.navigationSecondaryInterior li {
				margin: 0;
				padding: 0;
				background: none;
			}
				ul.navigationSecondary li ul.navigationSecondaryInterior li a, ul.navigationSecondary li ul.navigationSecondaryInterior li a:link {
					margin: 0;
					padding: 0;
					text-transform: none;
					font-size: 1.4em;
					color: #fff;
					background-image: url(../images/bg_dash_purple.gif);
					background-repeat: no-repeat;
					background-position: left 8px;
					display: block;
					padding: 2px 0 2px 10px;
					font-weight: normal;
					letter-spacing: 0;
				}
				ul.navigationSecondary li ul.navigationSecondaryInterior li a:hover, ul.navigationSecondary li ul.navigationSecondaryInterior li.on a, ul.navigationSecondary li ul.navigationSecondaryInterior li.on a:link {
					text-decoration: none;
					color: #d0a2fe;
					background-image: url(../images/bg_dash_purple.gif);
					background-repeat: no-repeat;
					background-position: left 8px;
				}

div.sideColumnItem {
	width: 212px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-image: url(../images/bg_dotted_line.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

div.shows {
	width: 212px;
	margin-left: 4px;
	margin-bottom: 12px;
	background-image: url(../images/bg_dotted_line.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
div.featuredShow {
	background-image: url(../images/bg_feature_purple_black.png);
	background-repeat: no-repeat;
	margin-top: 6px;
	margin-bottom: 5px;
	height: 114px;
}
	div.nowShowing {
		background-image: url(../images/bg_feature_purple_black.png);
	}
div.featuredShow img {
	padding: 10px 0 0 19px;
	padding-bottom: 12px;
	float: left;
	display: block;
}
div.featuredShow span {
	float: left;
	display: block;
	width: 106px;
	padding-left: 10px;
	padding-top: 4px;
	color: #fff;
	font-size: 1.1em;
}
div.featuredShow span strong {
	
}
div.featuredShow span a, div.featuredShow span a:link {
	color: #ffcc33;
	text-decoration: underline;
}
div.featuredShow span img {
	margin: 8px 0 0 0;
	padding: 0;
}


div.columnSmall {
	width: 350px;
}


table.whatsNew {
	border: 0;
	width: 100%;
}
table.whatsNew thead th {
	padding: 4px 8px 2px 8px;
	background-color: #560f9e;
	border-bottom: 10px solid #fff;
	font-weight: normal;
	line-height: 16px;
}
table.whatsNew tbody td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 12px;
	font-size: 1em;
	line-height: 16px;
}

table.showListings {
	border: 0;
	margin-bottom: 20px;
}
table.showListings tbody td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 12px;
	font-size: 1em;
	color: #560f9e;
	line-height: 16px;
}
	table.showListings tbody td img.showImageSmall {
		border: 1px solid #000;
	}
	table.showListings tbody td p {
		color: #000;
	}

table.upcomingSeasonListings {
	border: 0;
}
table.upcomingSeasonListings thead th {
	padding: 3px 8px 0 8px;
	background-color: #560f9e;
	border-bottom: 10px solid #fff;
	font-weight: normal;
	line-height: 16px;
}
table.upcomingSeasonListings tbody td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 12px;
	font-size: 1em;
	color: #560f9e;
	line-height: 16px;
}
	table.upcomingSeasonListings tbody td img.showImageSmall {
		border: 1px solid #000;
	}
	table.upcomingSeasonListings tbody td p {
		color: #000;
	}


/* CLASS SELECTORS */
.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.alignleft img {
	margin-bottom: 2px;
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.alignright img {
	margin-bottom: 2px;
}

.shiftLeft {
	float: left;
	text-align: left;
}

.shiftRight {
	float: right;
	text-align: right;
}

.buttonTile {
	margin-bottom: 5px;
}
.buyTickets {
	text-align: center;
}
.buttonTiles {
	text-align: center;
	margin-bottom: 30px;
}
.infoContent {
	margin: 0 8px 30px 7px;
	color: #fff;
	font-size: 1.1em;
}
.headingImage {
	display: block;
	margin-bottom: 8px;
}
.larger {
	font-size: 120%;
}
.smaller {
	font-size: 11px;
	line-height: 14px;
}

.italicPurple {
	font-style: italic;
	color: #560F9E;
}
.caption {
	color: #560F9E;
	font-size: 11px;
	line-height: 14px;
}

table.purpleBorder {
	border: 1px solid #560f9e;
	border-collapse: collapse;
}
table.purpleBorder td {
	border: 1px solid #560f9e;
	border-collapse: collapse;
}
table.purpleBorder td p {
	margin: 0;
	padding: 0;
}

table.purpleBorder td table {
	border: none;
}
table.purpleBorder td table td {
	border: none;
}

div.boxOfficeNowShowing {
	margin: 6px 0 14px 0;
	line-height: 16px;
	clear: both;
}
	div.boxOfficeNowShowing img.showImageLarge {
		margin: 0 14px 14px 0;
		float: left;
		border: 1px solid #000;
	}
	
div.bannerCurrentSeason {
	width: 524px;
	height: 49px;
	padding: 4px 0 0 10px;
	margin-bottom: 8px;
	background-image: url(../images/banner_season_0607.gif);
	background-repeat: no-repeat;
	clear: both;
}

div.infoImportant {
	width: 230px;
	float: right;
	background-image: url(../images/bg_info_important.gif);
	background-repeat:no-repeat;
	background-position: left 30px;
	text-align: left;
	line-height: 16px;
}

div.infoImportant div {
	padding: 10px;
}

.infoMessage {
	color: #00CC33;
	font-size: 12px;
	font-weight: bold;
}

.alertMessage {
	color: #ff0000;
	font-size: 11px;
}

/* TAGS */
img {
	border: 0;
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0 0 39px 0;
	padding: 0;
	width: 230px;
	height: 111px;
	text-indent: -5000px;
	background-image: url(../images/logo_ppt.png);
	background-repeat: no-repeat;
}
h1 a, h1 a:link {
	display: block;
	width: 230px;
	height: 111px;
}
h2 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #560f9e;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2.bold {
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0;
	
}
h2.normal {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
}
h3 {
	margin: 0;
	padding: 0 0 0 8px;
	color: #ffcc33;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
}
h4 {
	color: #fff;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	width: 150px;
}
h5 {
	font-size: 1.4em;
	font-weight: bold;
	color: #560f9e;
	margin: 0 0 6px 0;
	padding: 0 0 2px 0;
	background-image: url(../images/bg_dotted_line_purple.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
h6 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
}
h6.purple {
	font-size: 1.2em;
	color: #560f9e;
	margin: 0;
	padding: 0;
}


p {
	margin: 0 0 0 0;
	padding: 0 0 12px 0;
	font-size: 1em;
}

ul {
	font-size: 1em;
	margin: 0 0 0 20px;
	padding: 0 0 0 15px;
	list-style-image: url(../images/bg_arrow_right_purple.gif);
}
ul li {
	margin-bottom: 10px;
}

ol {
	font-size: 1em;
	margin: 0 0 0 20px;
	padding: 0 0 0 15px;
}
ol li {
	margin-bottom: 10px;
}



a, a:link {
	text-decoration: none;
	color: #560f9e;
}
a:hover {
	text-decoration: underline;
}

a.viewAll, a.viewAll:link {
	display: block;
	float: right;
	color: #d0a2fe;
	background-image: url(../images/bullet_purple_bg_purple.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding: 0 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-transform: none; 
}

form {
	display: inline;
}
form p {
	margin: 0 0 0 0;
	padding: 0 0 8px 0;
}
form input.textfield {
	border: 1px solid #7F9DB9;
	vertical-align: middle;
}
form textarea {
	border: 1px solid #7F9DB9;
	font-family: Arial, Helvetica, sans-serif;
}
form input.longname, form input.email, form input.address  {
	width: 175px;
}
form input.phone  {
	width: 90px;
}
form input.zipcode  {
	width: 70px;
}
form input.mediumdate  {
	width: 70px;
}
form input.smalldate  {
	width: 30px;
}
form select {
	border: 1px solid #7F9DB9;
	vertical-align: middle;
}
form input.textfieldSearch {
	border: none;
	background: none;
	background-image: url(../images/bg_textfield_search.gif);
	width: 90px;
	height: 18px;
	background-repeat: no-repeat;
	font-size: 11px;
	padding: 2px 4px 0 18px;
	margin-top: 1px;
	overflow: auto;
	vertical-align: middle;
	color: #340c7b;
}
form input.imageButton {
	vertical-align: middle;
}

table td {
	line-height: 22px;
}

/* sIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}*/

.sIFR-hasFlash h2.bold {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 26px;
	line-height: 30px;
}
.sIFR-hasFlash h2.normal {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
	line-height: 24px;
}
.sIFR-hasFlash h2.large {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 34px;
	line-height: 34px;
}
.sIFR-hasFlash h2.garamond {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 34px;
	line-height: 34px;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 20px;
	line-height: 24px;
}*/

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 18px;
	line-height: 18px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


div.miniCalendar {
	width: 152px;
	margin: 0 0 8px 10px;
	padding: 22px 5px 5px 5px;
	background-image: url(../images/bg_heading_calendar.gif);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #560F9E;
}

.sideBarQuote {
	float: right;
	margin-left: 20px;
	display: block;
	width: 150px;
	padding: 10px;
	border: 1px solid #280A6A;
	background-color: #F6EFFD;
}
.sideBarQuote p {
	margin: 0;
	padding: 0;
}
.sideBarQuote p.quoteText {
	font-style: italic;
	color: #560F9E;
	margin-bottom: 12px;
	line-height: 17px;
	font-size: 12px;
}
.sideBarQuote p.quoteCredit {
	line-height: 14px;
	font-size: 11px;
}	

table.CalendarTable {width: 152px;margin: 0;padding: 6px;}
table.CalendarTable th {text-align: left;vertical-align: top;margin: 0;padding-top: 0;}
table.CalendarTable th.Month {height: 18px;font-weight: normal;border: 1px solid #D0A2FE;width: 100%;text-align: left;font-size: 11px;color: #D0A2FE;padding: 0 8px 0 8px;text-transform: uppercase;vertical-align: middle;}
table.CalendarTable th.Month span.MonthTitle {float: left;display: block;}
table.CalendarTable th.Month span.MonthToggles {float: right;display: block;}
table.CalendarTable th.Month span.MonthToggles img {margin-top: 3px;}
table.CalendarTable tr.DaysOfWeek td {line-height: 14px;width: 14%;height: 16px;font-size: 10px;color: #D0A2FE;text-align: center;margin: 0;padding: 0;}
table.CalendarTable tr.WeekRow td {line-height: 14px;width: 14%;height: 16px;font-size: 10px;margin: 0;text-align: center;vertical-align: middle;padding: 0;}
table.CalendarTable tr.WeekRow td.Empty {background-color: none;}
table.CalendarTable tr.WeekRow td.Regular {background-color: #3A0A6C;color: #fff;}
table.CalendarTable tr.WeekRow td.Today {background-color: #fff;color: #560F9E;font-weight: bold;}
table.CalendarTable tr.WeekRow td.Event {background-color: #560F9E;color: #fff;border: 1px solid #D0A2FE;}

table.CalendarTable th table td .MonthToggles a:link {font-size: 10px;color: #FFFFFF;text-decoration: none;}
table.CalendarTable th table td .MonthToggles a:hover {font-size: 10px;color: #FFFFFF;text-decoration: underline;}
table.CalendarTable th table td .MonthToggles a:active {font-size: 10px;color: #FFFFFF;text-decoration: none;}
table.CalendarTable th table td .MonthToggles a:visited {font-size: 10px;color: #FFFFFF;text-decoration: none;}
table.CalendarTable tr.WeekRow td a, table.CalendarTable tr.WeekRow td a:link {display: block;color: #D0A2FE;background-color: #3A0A6C;text-decoration: none;}
table.CalendarTable tr.WeekRow td.Today a, table.CalendarTable tr.WeekRow td.Today a:link {background-color: #fff;color: #560F9E;}
table.CalendarTable tr.WeekRow td.Event a, table.CalendarTable tr.WeekRow td.Event a:link {background-color: #560F9E;color: #fff;}