/*
Comments can be found by searching for...
KLUDGE
FIX
EXCEPTION
NOTE
*/

/*** GENERIC STYLES ***/
body {
	margin: 0px;
	padding: 0px;
}
img {
	padding: 0px;
	margin: 0px;
	display: block;
	border: 0px;
}
/* .btn {
	background-color: #000;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 2px;
} */
.txtbtn {
	background-color: #000;
	color: #fff;
	text-decoration: none;
	padding: 2px;	
}
/* Tab Titles */
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #F30266;
	margin: 0 0 5px 0;
}
/* Tab subhead */
h4 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
h4.subhead {
	margin: 0 0 3px 0;
	color: #000;
}
.dek {
	font-size: 13px;
	font-weight: bold;
}
a {
	color: #701938;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
blockquote {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	/* NOTE: Watch out, if you specify padding/margin on left or right, IE6 will blow up layout, will need a width definition */
	/* font-style: italic; */
}
blockquote .source {
	font-style: normal;
}
blockquote cite {
	font-style: normal;
}
.highlight {
	color: #F30266;
}
table.listTable {
	border-collapse: collapse;
}
table.listTable td {
	vertical-align: top;
	padding-right: 20px;
}
.inlineGallery {
	width: 580px;
	clear: both;
	margin-bottom: 20px;
	display: block;
}
	.inlineGallery .thmb {
	float: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
	.inlineGallery .caption {
		float: left;
		width: 400px;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	.inlineGallery ul {
		display: none;
	}
.inlineImage {
	text-align: center;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 10px;
}
	.inlineImage img {
		margin: auto;
	}
	.inlineImage .caption {
		font-style: italic
	}
		.inlineImage .caption p {
			margin-top: 10px;
		}
.divider {
	clear: both;
	border-bottom: 1px solid #666;
	height: 20px;
	padding: 0;
	margin: 0 0 20px 0;
}

.orch1-1 {
	background-color: #958F9E;
}
.orch1-2 {
	background-color: #CBBC95;
}
.orch1-3 {
	background-color: #D7BEC1;
}
.grandring {
	background-color: #B2385E;
}
.ring3 {
	background-color: #8999B0;
}
.ring4 {
	background-color: #C9A191;
}
.ring5-1 {
	background-color: #9EA497;
}
/* NOTE: Hide the Facebook Image */
#fbf {
	display: none;
}







/*** FRAME STYLES ***/
#siteframe {
	width: 975px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 20px 0;
}
#logoandnav {
	float: left;
	width: 189px;
	padding-top: 8px;
}
	#logo {
		width: 177px;
		border-left: 12px solid #F30266;
		height: 252px;
		position: relative;
	}
	.logoandnav_generic #logo {
		background-image: url(../images/frame/leftnav_bits_generic_bkgrnd.gif);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
		#section_title {
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 0;
			margin: 0;
		}
		#section_title .noflash {
			padding: 0 0 3px 9px;
			height: auto;
			vertical-align: bottom;
		}
		#section_title .noflash h3 {
			font-size: 17px;
			font-family: Arial, Helvetica;
			padding: 0;
			margin: 0;
			color: #000;
		}
		/* WORKAROUND: Fix for FF, adds extra space on the bottom of inline elements; make the embed a block and space disappears */
		#section_title object, #section_title embed {
			display: block;
		}
	#leftnav {
		margin-left: 12px;
		padding-right: 15px;
		padding: 10px;
		background-image: url(../images/frame/leftnav_bits_bkgrnd.gif);
		background-position: top right;
		background-repeat: no-repeat;
	}
	.logoandnav_generic #leftnav {
		background-image: none;
	}
		#leftnav ul {
			list-style: none;
			list-style-position: outside;
			padding: 0;
			margin: 0;
		}
		#leftnav li {
			font-size: 10px;
			font-family: Verdana;
			padding: 4px 0;
			margin: 0;
			line-height: 12px;
			font-weight: bold;
		}
		#leftnav a {
			color: #666666;
		}
		#leftnav a:hover {
			color: #000;
		}
			#leftnav ul ul {
			}
			#leftnav ul ul li {
				padding: 0 0 0 12px;
				margin: 7px 0;
				font-weight: normal;
				background-image: url(../images/frame/leftnav_off_bkgrnd.gif);
				background-repeat: no-repeat;
				background-position: 2px 4px;
			}
			#leftnav ul ul li.on {
				background-image: url(../images/frame/leftnav_on_bkgrnd.gif);
			}
			#leftnav ul ul li.on a, #leftnav ul li a.on {
				color: #F30266;
			}
			/* FIX: IE not properly keeping hover colour */
			#leftnav ul ul li.on a:hover, #leftnav ul li a.on:hover {
				color: #F30266;
			}
#maincontents {
	width: 786px;
	position: relative;
	display: block;
	float: left;
}
/* EXCEPTION: Exception for the company section, needs a background image to put in the little black bar on the right side of the main pic */
.maincontents_bio {
	background-image: url(../images/thecompany/rightside_spare_bkgrnd.gif);
	background-position: 711px 206px;
	background-repeat: no-repeat;
}
	#mainnav {
		height: 22px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		/* FIX: Mac/Safari needs a width to make the nav fit correctly...stupid */
		/* width: 624px; old width, before chinese */
		width: 725px;
	}
		#mainnav img {
			float: left;
			display: block;
		}
		#mainnav ol {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#mainnav li {
			float: left;
			display: block;
			background-position: top;
			background-repeat: no-repeat;
			cursor: pointer;
			height: 22px;
		}
		#mainnav li a {
			display: none;
		}
			#mainnav #mainnav_home {
				background-image: url(../images/frame/mainnav_home.gif);
				width: 46px;
			}
			#mainnav #mainnav_performances {
				background-image: url(../images/frame/mainnav_performances.gif);
				/* width: 89px; */
				width: 140px;
				
			}
			#mainnav #mainnav_subscribe {
				background-image: url(../images/frame/mainnav_subscribe.gif);
				width: 69px;
			}
			#mainnav #mainnav_donate {
				background-image: url(../images/frame/mainnav_donate.gif);
				width: 53px;
			}
			#mainnav #mainnav_company {
				background-image: url(../images/frame/mainnav_company.gif);
				width: 90px;
			}
			#mainnav #mainnav_education {
				background-image: url(../images/frame/mainnav_education.gif);
				width: 68px;
			}
			#mainnav #mainnav_media {
				background-image: url(../images/frame/mainnav_media.gif);
				width: 48px;
			}
			#mainnav #mainnav_mediaroom {
				background-image: url(../images/frame/mainnav_mediaroom.gif);
				width: 78px;
			}
			#mainnav #mainnav_multimedia {
				background-image: url(../images/frame/mainnav_multimedia.gif);
				width: 69px;
			}
			#mainnav #mainnav_video {
				background-image: url(../images/frame/mainnav_video.gif);
				width: 46px;
			}
			#mainnav #mainnav_chinese {
				background-image: url(../images/frame/mainnav_chinese.gif);
				width: 70px;
			}
			#mainnav #mainnav_spare {
				/* NOTE: Original width, before mainnav_performances got wide
				width: 31px; */
				width: 25px;
				background-color: #000;
			}
			#mainnav li.roll {
				background-position: bottom;
			}
			#mainnav li.on {
				border-bottom: 6px solid #F30266;
			}

#footer {
	font-family: Verdana;
	font-size: 9px;
	padding: 20px 0 10px 0;
}
#footer .subFooter  {
	font-family: Verdana;
	font-size: 11px;
	padding: 20px 0 10px 0;
} 
#footer .left {
	float: left;
	width: 166px;
	padding-left: 23px;
	color: #424242;
}
#footer .right {
	float: right;
	width: 786px;
	background-color: #424242;
}
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: right;
	}
		#footer ul li {
			display: block;
			float: left;
			padding: 6px 8px;
			background-color: #000;
		}
		#footer ul li.first {
			background-image: url(../images/footer_first_bkgrnd.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
			#footer ul li a {
				color: #fff;
			}
			#footer ul li a:hover {
				/* color: #999; */
			}
  











			
			
			
			
/*** PAGE SPECIFIC and GENERAL STYLES ***/


	
	/* DISPLAY AREA */
	.displayArea {
		background-color: #2A2B2B;
		position: relative;
		float: left;
	}
	/* Page specific display area items */
	.maincontents_performance .displayArea {
		width: 579px;
		/* NOTE: to make room for the absolutely positioned mainnav */
		margin-top: 22px;
	}
	.maincontents_bio .displayArea {
		background-color: #2A2B2B;
		position: relative;
		width: 711px;
	}
		.maincontents_bio .displayArea #page_title {
			margin-top: 22px;
		}
	.maincontents_generic .displayArea {
		margin-top: 22px;
	}
	/* Generic Display Area items + some page specific */
		#page_title {
			position: absolute;
			/* NOTE: Important: 6px needed to move the title down so the border from the top nav can be seen; flash page title app covers it up :( */
			top: 6px;
			left: 0;
		}
			#page_title .noflash {
				/* UPDATE: top padding should be 34px, but browsers are putting in some extra space */
				padding: 18px 0 0 15px;
				width: 169px;
			}
			#page_title .noflash h1 {
				/* UPDATE: Decreased font size to make "Subscriptions" fit
				font-size: 27px;
				*/
				font-size: 24px;			
				color: #fff;
				font-weight: bold;
				font-family: Arial, Helvetica;
				padding: 0;
				margin: 0;
			}
			#page_title .noflash h2 {
				font-size: 17px;
				color: #ccc;
				font-weight: bold;
				font-family: Arial, Helvetica;
				padding: 0;
				margin: 34px 0 0 0;
			}
		#media {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 184px;
			height: 168px;
			font-size: 10px;
			font-family: verdana;
			color: #fff;
			padding-bottom: 10px;
		}
			#media_nav {
				font-size: 10px;
				font-family: verdana;
				color: #fff;
				background: #5C5C5C url(../images/performances/mediamenu_bkgrnd_lrg.gif) repeat-x top;
				width: 100%;
				height: 27px;
			}
				#media_nav div {
					float: left;
					background-color: #2A2B2B;
					height: 27px;
					cursor: pointer;
				}
				#media_nav a {
					display: none;
				}
					#photos_tab {
						background-image: url(../images/performances/media_photos_btns_lrg.gif);
						background-position: bottom;
						width: 60px;
					}
					#video_tab {
						background-image: url(../images/performances/media_video_btns_lrg.gif);
						background-position: bottom;
						width: 60px;
					}
					/* Used exclusively by the Virtual Museum, a simple cosmetic change */
					#media_nav .exhibit_tab {
						background-image: url(../images/thecompany/virtualmuseum/media_exhibit_btns_lrg.gif);
						background-position: bottom;
						width: 60px;
					}
					/* NOTE: For rollover and on states of media tabs */
					#media_nav div.roll {
						background-position: top;
					}
					#media_nav div.on {
						background-position: top;
						background-color: #F30266;
					}

			#media a {
				color: #fff;
				text-decoration: none;
			}
			#media a:hover {
				text-decoration: underline;
			}
			#media ul {
				list-style: none;
				padding: 0px;
				margin: 0px;
				display: none;
			}
			/* NOTE: For turning on the photos/videos content tabs */
			#media ul.on {
				display: block;
			}
				#media ul li {
					clear: both;
					padding: 5px 8px 0;
				}
					#media ul li ul {
						display: none;
					}
			#media img {
				display: block;
				float: left;
				margin-right: 5px;
			}
				#media #videolist img {
					border: 1px solid #666;
				}
		#main_image {
			margin-left: 184px;
		}
			.photocredit_btn {
				display: block;
				position: absolute;
				right: 0;
				bottom: 0;
				margin-bottom: 12px;
				cursor: pointer;
			}
			
			/* KLUDGE: IE6 specific hack for stupid extra space bug around photocredit :P */
			* html  .maincontents_performance .photocredit_btn, * html  .maincontents_bio .photocredit_btn, * html .maincontents_generic .photocredit_btn {
				right: -1px;
			}
			.maincontents_generic .photocredit_btn {
				margin-bottom: 0;
			}
			.photocredit {
				background-color: #000;
				color: #fff;
				font-size: 10px;
				font-family: Verdana;
				padding: 10px;
				display: none;
				position: absolute;
				right: 0;
				bottom: 0;
				margin: 0 7px 12px 0;
				width: 250px;
			}
			/* FIX: IE6 specific hack for stupid extra space bug around photocredit */
			* html .photocredit {
				margin-right: 6px;
			}
				.photocredit ul, .photocredit li {
					padding: 0;
					margin: 0;
				}
				.photocredit ul {
					padding-left: 15px;
				}
	/* CALENDAR-BUY TICKETS AREA */
	#POPCal {
		width: 207px;
		height: 326px;
		display: block;
		border: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	#POPCalhome {
		width: 207px;
		height: 500px;
		display: block;
		border: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	#calendar {
		background-color: #fff;
		width: 207px;
		float: left;
		position: relative;
	}
	
		#calendar img {
			display: block;
		}
		#mini_cal_nav {
			list-style: none;
			padding: 0;
			margin: 0;
			position: relative;
			width: 207px;
		}
			#nav_Back {
				position: absolute;
				top: 5px;
				left: 9px;
			}
				#nav_Back a {
					display: block;
					width: 8px;
					height: 8px;
					background: url(../images/performances/calendar_arrow_left.gif) no-repeat;
				}
					#nav_Back a span {
						display: none;
					}
			#nav_Next {
				position: absolute;
				top: 5px;
				right: 5px;
			}
				#nav_Next a {
					display: block;
					width: 8px;
					height: 8px;
					background: url(../images/performances/calendar_arrow_right.gif) no-repeat;
					background-position: top right;
				}
					#nav_Next a span {
						display: none;
					}
		#mini_cals {
			padding: 0;
			margin: 0;
			/* FIX: Fix for stupid IE6 "peekaboo" bug; give it a width and the left border will stop disappearing */
			width: 207px;
		}
		#mini_cals .caption {
			font-family: Arial, Helvetica;
			font-size: 14px;
			font-weight: bold;
			padding-left: 13px;
			display: block;
			line-height: 14px;
		}
			#mini_cals li {
				border-left: 5px solid #000;
			}
				.calendar_small {
					border: 0;
					border-collapse: collapse;
					width: 202px;
					font-family: Arial;
				}
					.calendar_small th {
						font-size: 10px;
						text-align: right;
						padding: 0 5px 0 0;
						margin: 0;						
					}
					.calendar_small td {
						vertical-align: top;
						text-align: right;
						font-size: 10px;
						padding: 0 5px 0 0;
						margin: 0;
						height: 20px;
						/* KLUDGE: weird display in FF, the border is included in the height when border-collapse is on, so TD's look 19px, not 20px high; just left it as is, it's only 1px */
						border-right: 1px solid #fff;
						border-top: 1px solid #fff;
						background-color: #797979;
					}
						.calendar_small td.available {
							padding: 0;
							margin: 0;
						}
						.calendar_small td.available a {
							display: block;
							text-decoration: none;
							color: #fff;
							background-color: #F30266;
							vertical-align: top;
							text-align: right;
							height: 20px;
							padding-right: 5px;
							margin: 0;
						}
						.calendar_small td.available a:hover {
							background-color: #EF4088;
						}
		#date_window {
			display: none;
			padding: 8px 23px;
			border-left: 5px solid #000;
			/* FIX: for IE6 "peekaboo" bug, left border was disappearing */
			width: 155px;
		}
			#date_window ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}
				#date_window ul li {
					font-family: Arial, Helvetica;
					font-size: 10px;
					text-transform: uppercase;
					padding: 0 0 5px 0;
					line-height: 12px;
				}
			#date_window a {
				color: #F30266;
				font-size: 11px;
				font-weight: bold;
			}
			#date_window h3 {
				font-family: Arial, Helvetica;
				font-size: 14px;
				padding: 0 0 5px 0;
				margin: 0;
				color: #000;
			}
		.promo_content {
			background-color: #E0E0E0;
			background-image: url(../images/performances/buytickets_promo_bkgrnd.gif);
			background-repeat: no-repeat;
			/* KLUDGE: The actual width should be 161, but because of the 1px border for the calendar, it's off by 1px in width as well; when put flush against each, if their widths are not the same, then they appear off */
			width: 160px;
			padding: 13px 23px 8px;
			font-size: 11px;
			font-family: Arial, Helvetica;
			font-style: italic;
		}
			.promo_content #pop_promotion_txt_PromoEntry {
				background-color: #999999;
				margin: 3px 0;
				border: 1px solid #666666;
			}
			.promo_content p {
				margin: 0;
				padding: 0;
				font-style: normal;
			}
			.promo_content #pop_promotion_lbl_PromoTitle {
				font-weight: bold;
			}
	
	
	
	
	/* TAB NAV */
	#tab_nav {
		clear: both;
		margin-left: 184px;
		/* KLUDGE: Silly fix for IE7, was making some tabs wrap */
		width: 602px;
		background-image: url(../images/performances/tabmenu_bkgrnd.gif);
		background-repeat: repeat-x;
		display: block;
		position: relative;
		height: 22px;
		font-family: verdana;
		font-size: 10px;
	}
	/* KLUDGE: Another Stupid IE6 bug */
	* html #tabmenu {
		width: 602px;
	}
	.maincontents_generic #tab_nav {
		margin-left: 0px;
		padding-left: 184px;
		background-image: url(../images/tabmenu_generic_bkgrnd.gif);
	}
		#tab_nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			
		}
			#tab_nav ul li {
				display: block;
				float: left;
			}
				#tab_nav ul li a {
					background-color: #000;
					padding: 2px 20px 2px 7px;
					color: #fff;
					display: block;
					/* FIX: Display fix for IE6 */
					float: left;
					height: 12px;
					text-decoration: none;
				}
				#tab_nav ul li a.roll {
					background-color: #2A2A2A;
				}
				#tab_nav ul li a.on {
					border-bottom: 6px solid #F30266;
				}
				#tab_nav ul li a.disabled {
					display: none;
				}
		#tab_nav #ballet_nav {
			display: none;
			position: absolute;
			top: 16px;
			left: 0;
			width: 200px;
		}
			#tab_nav #ballet_nav ul li {
				background-color: #000;
				float: none;
			}
			#tab_nav #ballet_nav ul li a {
				float: none;
			}
		#tab_nav #ballet_nav_selected {
			color: #000;
			background-color: #F30266;
			background-image: url(../images/performances/balletmenu_arrow_bkgrnd.gif);
			background-repeat: no-repeat;
			background-position: center right;
		}
		#tab_nav #ballet_nav_selected.on {
			background-image: url(../images/performances/balletmenu_arrowOpen_bkgrnd.gif);
			background-repeat: no-repeat;
			background-position: center right;
		}
		
		/* TAB for Souvenir Book in Ballet Boutique */
		
		#tab_souvenirbook {
			width: 133px;
		}
	
	/* TAB CONTENTS */
	.tab_contents {
		clear: both;
		padding: 0 0 10px 0;
		margin: 0;
		display: none;
		/* FIX: Min-height fix for IE6 and others */
		min-height:400px;
		height:auto !important;
		height:400px;
	}
	/* NOTE: Specific set up for POP's pages */
	#tab_contents_POP {
		min-height: 0;
		height: auto;
	}
	/* NOTE: The extra ID spec helps override the "display none" above, in ".tab_contents"
	This extra spec is for dealing with groups of content that have their own tab systems, ie. the Triple Bill Nav
	*/
	#maincontents .tab_contents_on {
		display: block;
	}
		.tab_contents div {
			display: none;
			font-family: verdana;
			font-size: 11px;
			padding: 20px 0px 10px 184px;
			color: #333333;
		}
		.tab_contents div div {
			padding: 0;
		}
		.tab_contents div.on, .tab_contents div.on div {
			display: block;
		}
			.tab_contents div p {
				margin-top: 0px;
			}
			.tab_contents div a {
				text-decoration: underline;
			}
			/* WORKAROUND: need this to prevent txtbtns from getting underlines from the above declaration */
			.tab_contents div .txtbtn {
				text-decoration: none;
			}
			.tab_contents .notesList {
				list-style: square;
				margin-top: 0px;
			}
			.tab_contents .notesList li {
				padding: 3px 0px;
			}
		/* NOTE: The extra class spec helps override the padding specified in ".tab_contents div" */
		.tab_contents .tab_performance_overview, .tab_contents .tab_generic_extra {
			padding-left: 0px;
		}
		/* KLUDGE: Bug in IE6 for content that gets too long for min-height, makes things wrap */
		* html .tab_contents .tab_generic {
			width: 590px;
		}
			.tab_generic_extra .secondary_content {
				display: block;
				float: left;
				padding: 0px 12px;
				width: 160px;
				margin: 0;
			}
			.tab_generic_extra .primary_content {
				display: block;
				float: left;
				width: 558px;
				padding: 0 10px 0 0;
				margin: 0;
			}

		/* PERFORMANCE SPECIFIC CONTENT STYLES */
			.tab_contents .performance_credits {
				display: block;
				float: left;
				padding: 0px 12px;
				width: 160px;
				margin: 0;
			}
				.tab_contents .performance_credits dl {
					list-style: none;
					padding: 0;
					margin: 0;
				}
					.tab_contents .performance_credits dl dt, .tab_contents .performance_credits dl dd {
						font-family: verdana;
						color: #333333;
						font-size: 10px;
						margin: 0;
					}
					.tab_contents .performance_credits dl dt {
						padding: 5px 0 0;
						font-weight: bold;
					}
					.tab_contents .performance_credits dl dd {
						padding: 0 0 5px;
					}
						/* .tab_contents .performance_credits dl li span {
							display: block;
							font-weight: normal;
						} */
						.tab_contents .performance_credits dl a {
							margin: 3px 0;
							color: #701938;
							text-decoration: none;
							font-weight: normal;
						}
						.tab_contents .performance_credits dl li a:hover {
							text-decoration: underline;
						}
						.tab_contents .performance_credits span.txtbtn {
							display: inline;
						}
			.tab_contents .performance_copy {
				display: block;
				float: left;
				width: 590px;
				padding: 0 10px 0 0;
				margin: 0;
			}
			* html .tab_contents .performance_copy {
				/* KLUDGE: for IE6 */
				width: 589px;
			}
		* html .tab_performance_reviews, .tab_performance_more, .tab_performance_casting {
			/* KLUDGE: for IE6 */
			width: 595px;
		}

		.runningTimes {
			border-collapse: collapse;
		}
		.runningTimes th {
			font-weight: bold;
			padding-right: 20px;
			text-align: left;
		}
		.runningTimes tfoot {
			font-style: italic;
		}
		.runningTimes tfoot th {
			font-weight: normal;
		}

/* For the area where the calendar would usually be */
#flexarea {
	font-family: Verdana;
	font-size: 12px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 207px;
	height: 403px;
	float: left;
	position: relative;
}
	#flexarea img {
		display: block;
	}
	#flexarea p {
		margin: 0;
	}
		#subscribeMod {
			background-image: url(../images/home/subscribe_bkgrnd.gif);
			background-position: bottom;
			background-repeat: no-repeat;
			border-left: 5px solid #000;
			padding: 16px 13px 5px;
			font-weight: bold;
		}
			#subscribeMod .txtbtn_wrapper {
				padding: 5px 0 15px;
				margin: 0;
			}
				#subscribeMod .txtbtn {
					font-weight: normal;
					font-size: 10px;
				}
		
		/* BIO SPECIFIC CONTENT STYLES */
			#tab_highlights table {
				border-collapse: collapse;
			}
			#tab_highlights_content td {
				vertical-align: top;
				padding-right: 20px;
			}
	#content_bio {
		padding-right: 80px;
		position: relative;
	}
	/* FIX: Stupid IE6 bug where long content breaks layout */
	* html #content_bio {
		width: 703px;
	}
		/* KLUDGE: Couldn't really get around this; it's a visual element but had to put it in the markup 'cuz I couldn't do it with background images,
		at least not cleanly.
		This sits in each of the Bio tab contents, to put a little black "nigly" bit in the top right corner, that overlaps into the tab nav */
		#bio_nigly {
			width: 6px;
			height: 50px;
			background-color: #000;
			position: absolute;
			top: 0;
			left: 711px;
			display: block;
			padding: 0;
			margin: -6px 0 0 0
		}


/* BALLET ARCHIVES TABLE STYLING */
.archiveTable {
	border-collapse: collapse;
	margin-bottom: 10px;
}
	.archiveTable .archiveTableYear {
		border-bottom: 1px solid #F30266;
		text-align: left;
		padding: 20px 0 5px;
		font-size: 13px;
		color: #000;
	}
	.archiveTable th {
		border-bottom: 1px solid #000;
		text-align: left;
		padding: 15px 10px 5px;
		color: #333;
	}
	.archiveTable td {
		border-bottom: 1px solid #000;
		padding: 10px;
	}


/* VIDEO SECTION LIST STYLING */
.videoList {
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
}
	.videoList td {
		width: 280px;
		float: left;
		padding-bottom: 10px;
		vertical-align: top;
	}
	.videoList img {
	}
	.videoList .caption {
		display: block;
		padding: 15px 15px 20px 0;
	}

.videolistcell {
	width: 280px;
	height: 320px;
	float: left;
	padding-bottom: 10px;
	vertical-align: top;
	display: inline;
	overflow: hidden;
}

/* MEDIA GALLERY STYLING */
.mediaGalleryList {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border: 0;
}
	.mediaGalleryList td {
		width: 280px;
		padding-bottom: 10px;
		vertical-align: top;
	}
	.mediaGalleryList img {
 
	}
	.mediaGalleryList .caption {
		display: block;
		padding: 15px 15px 20px 0;
	}



/* MEDIA SECTION PRESS RELEASE and OTHER LIST STYLING */
.mediaList {
	padding: 0;
	margin: 0;
	list-style: none;
}
	.mediaList li {
		padding: 0;
		margin: 8px 0;
	}



/* BALLET BOUTIQUE LIST STYLING */
.merchList {
	list-style: none;
	padding: 0;
	margin-left: 0;
}
	.merchList li {
		padding-bottom: 8px;
	}



/* SUBSCRIBE SECTION TABLE STYLING */
.subscribeTable {
	border-collapse: collapse;
}
	.subscribeTable th {
		font-weight: normal;
	}
	.subscribeTable thead th {
		background-image: url(../images/subscribe/tableheader_bkgrnd.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		border-right: 4px solid #fff;
		padding: 0 3px 12px;
		vertical-align: bottom;
	}
	.subscribeTable thead th.rub {
		background-image: url(../images/subscribe/tableheader_bkgrnd_rub.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		border-right: 4px solid #fff;
		padding: 0 3px 12px;
		vertical-align: bottom;
	}
	.subscribeTable thead th.first {
		background-image: none;
	}
	.subscribeTable tbody th {
		padding: 10px 4px;
	}
	.subscribeTable tbody td {
		background-color: #FAF9F9;
		text-align: center;
		border-right: 4px solid #fff;
		padding: 10px 3px;
	}
	.subscribeTable tbody td.even {
		background-color: #F4F3F4;
	}
body .subscribePriceList thead th {
	font-weight: bold;
}
body .subscribePriceList tbody th {
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

	
/* EDUCATION COLOURING BOOK STYLING */
.colouringList {
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	list-style: none;
}
	.colouringList li {
		width: 260px;
		height: 240px;
		float: left;
		padding-bottom: 10px;
		vertical-align: top;
	}
	.colouringList img {
	}
	.colouringList .caption {
		display: block;
		width: 200px;
	}
	.colouringList .caption p {
		margin-top: 10px;
	}