/* ---------------------------------------------------------------------------
	
	Client Name Master Styles
	http://www.domain.com
	
	author: nGen Works
	http://ngenworks.com
	
--------------------------------------------------------------------------- */

/* RESET! */

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;
}

/* --------------------------------------------------------------------------
	=layout
--------------------------------------------------------------------------- */

body { 
	font: small/1.5em Helvetica, Arial, Verdana, sans-serif;
	background: url(/img/bg-body2.jpg) no-repeat top center #cddadb;
	background-attachment: fixed;
}
	
#container {
	margin: 0 auto;
	width: 841px;
}

#content {
	background-color: #fff;
	padding: 90px 60px 40px 60px;
	position: relative;
}

#content-main {}

#content-secondary {}
	
#foot {}

/* ---------------------------------------------------------------------------
	=links
--------------------------------------------------------------------------- */

a { text-decoration: none !important; }

a:link { color: #00a3b7; }
	
a:visited { color: #999; }
	
a:hover { color: #637381; text-decoration: underline; }

/* ---------------------------------------------------------------------------
	=typography
--------------------------------------------------------------------------- */

h1 {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	margin-bottom: 20px;
	font-size: 150%;
}

h2 {
	margin-bottom: 8px;
	font-size: 175%;
}

h3 {
	margin-bottom: 4px;
	font-size: 150%;
	line-height: 120%;
}

h4 {
	margin-bottom: 2px;
	font-size: 135%;
	line-height: 115%;
	color: #cdaf44;
}

h5 {
/*	margin-bottom: 20px;*/
	font-size: 120%;
	line-height: 110%;
}

h6 {
	margin-bottom: 20px;
	font-size: 150%;
}

h2, h3, h4 {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
}

#content-main,
#content-secondary #subnav #nav_sub li a,
body.home #content-secondary #reviews-column ul li .score,
body.news #content-main ul li .summary,
body.news #content.news-detail #content-main p,
body.news #content.news-detail #content-main .rating,
body.events #content-main .composer {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}

#content-secondary #upcoming-events li p,
#foot,
#content-main #upcoming-events li .date,
body.home #content-main #next-event .next-event-date,
body.home #content-secondary #news-column ul,
body.home #content-secondary #reviews-column ul,
body.home .link-to-all,
body.news #content-main,
body.news #content-main a.more-link,
body.news #content-secondary.archive-list ul,
body.events #content-main a,
body.events #event-header,
body.events #content-tertiary,
#content-main table {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode," sans-serif;
}

body.secondary #content-secondary h3,
body.events #content-tertiary h3 {
	line-height: 170%;
	color: #fff;
	background-color: #000;
	padding-left: 12px;
}

/* ---------------------------------------------------------------------------
	=lists
--------------------------------------------------------------------------- */

ul, ol {
	list-style: none;
}

body.glossary #content-main ol {
	list-style: decimal;
	margin-left: 18px;
}

/* ---------------------------------------------------------------------------
	=header
--------------------------------------------------------------------------- */

#header {  
  position: relative;
  background-color: #000;
  
  min-height: 190px;
  height: auto !important; /* this & next line define min-height for IE */
  height: 190px;
}

#logo {
	width: 272px;
	height: 119px;
	background: url(/img/logo-screen-secondary.png) no-repeat 0 0;
	position: relative;
	top: 34px;
	left: 60px;
}

	#logo a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#logo img {
		position: absolute;
		top: 0;
		left: -9999px;
	}

#content .header {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 350px;
	font-size: 90%;
	font-weight: bold;
	line-height: 215%;
	color: #fff;
	background-color: #6f6f6f;
	padding: 6px 0 3px 10px;
	text-transform: uppercase;
}

body.home #content .header a {
	display: block;
}

body.home #content .header a:link, body.home #content .header a:visited {
	color: #fff;
	text-decoration: none;
}

body.home #content .header a:hover {
	color: #000;
	text-decoration: none;
}

body.home #content .header span {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}

body.home #content .header a:link span, body.home #content .header a:visited span {
	color: #ccc;
	text-decoration: none;
}

body.home #content .header a:hover span {
	color: #000;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------
	=navigation
--------------------------------------------------------------------------- */

#nav {
	width: 360px;
	height: 130px;
	position: absolute;
	top: 34px;
	right: 60px;
}

	#nav li {
		float: left;
		margin: 0 10px 8px 0;
		width: 170px;
		height: 26px;
		text-indent: -9999px;
		background: url(/img/_nav.png) no-repeat;
	}
	
	#nav li a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(/img/_nav.png) no-repeat
	}

#nav #nav-home, #nav #nav-home a { background-position: 0 0; }
#nav #nav-home a:hover, body.home #nav #nav-home a { background-position: 0 -126px; }

#nav #nav-ticket, #nav #nav-ticket a { background-position: 0 -34px; }
#nav #nav-ticket a:hover, body.ticket #nav #nav-ticket a { background-position: 0 -160px; }

#nav #nav-visitor, #nav #nav-visitor a { background-position: 0 -68px; }
#nav #nav-visitor a:hover, body.visitor #nav #nav-visitor a { background-position: 0 -194px; }

#nav #nav-community, #nav #nav-community a { background-position: 0 -102px; }
#nav #nav-community a:hover, body.community #nav #nav-community a { background-position: 0 -228px; }

#nav #nav-news, #nav #nav-news a { background-position: -180px 0; }
#nav #nav-news a:hover, body.news #nav #nav-news a { background-position: -180px -126px; }

#nav #nav-contribute, #nav #nav-contribute a { background-position: -180px -34px; }
#nav #nav-contribute a:hover, body.contribute #nav #nav-contribute a { background-position: -180px -160px; }

#nav #nav-about, #nav #nav-about a { background-position: -180px -68px; }
#nav #nav-about a:hover, body.about #nav #nav-about a { background-position: -180px -194px; }

#nav #nav-contact, #nav #nav-contact a { background-position: -180px -102px; }
#nav #nav-contact a:hover, body.contact #nav #nav-contact a { background-position: -180px -228px; }

/* ---------------------------------------------------------------------------
	=content
--------------------------------------------------------------------------- */

#content .return-link {
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 430px;
	font-size: 85%;
	line-height: 33px;
}

/* ---------------------------------------------------------------------------
	=content-main
--------------------------------------------------------------------------- */

#content-main {
	width: 480px;
	float: left;
}

	#content-main p {
		font-size: 110%;
		line-height: 145%;
		padding-bottom: 30px;
		color: #454545;
	}
	
	#content-main #intro p {
		font-size: 130%;
		line-height: 145%;
		color: #171717;
	}
	
	#content-main ul {
		margin: 0 0 0 18px;
		padding-bottom: 18px;
		list-style: disc;
	}
	
	#content-main ol {
		margin: 0;
		padding-bottom: 18px;
	}

body.secondary #content-main h2 {
	font-size: 200%;
	line-height: 95%;
	color: #cdaf44;
}

/* ---------------------------------------------------------------------------
	=content-secondary
--------------------------------------------------------------------------- */

body.secondary #content-secondary {	
	float: right;
	width: 180px;
	margin-top: -90px;
}

	#content-secondary #subnav {
		width: 180px;
		background-color: #cdaf44;
		line-height: 100%;
	}
	
		#content-secondary #subnav #nav_sub li a {
			background: url(../img/bullet-white.png) no-repeat 12px 11px;
			color: #fff;	
			display: block;
			font-size: 105%;
			line-height: 120%;
			padding: 8px 12px 8px 23px;
			text-decoration: none;
		}
		
		#content-secondary #subnav #nav_sub li a:hover {
			color: #000;
			text-decoration: none;
		}
		
		/* here states */
		
		#content-secondary #subnav #nav_sub li.here a, #content-secondary #subnav #nav_sub li.here a:hover,
		#content-secondary #subnav #nav_sub li.parent_here a, #content-secondary #subnav #nav_sub li.parent_here a:hover {
			background: #e6c54e url(../img/bullet-black.png) no-repeat 12px 11px;
			color: #000;
			font-style: italic;
			text-decoration: none;
		}
		
			/* sub sub nav */
		
			#content-secondary #subnav #nav_sub li ul {
				font-size: 95%;
				padding: 5px 15px 15px 24px;
			}
			
			#content-secondary #subnav #nav_sub li ul li {
				background: url(../img/bullet-white.png) no-repeat 0px 2px;
				margin-bottom: 5px;
				padding-left: 10px;
			}
					
			#content-secondary #subnav #nav_sub li ul li a {
				background-image: none;
				display: inline;
				padding: 0;
			}
			
			/* override here state for sub subs */
			
			#content-secondary #subnav #nav_sub li.here ul li a,
			#content-secondary #subnav #nav_sub li.parent_here ul li a {
				background-color: transparent;
				background-image: none;
				color: #fff;
				font-style: normal;
				text-decoration: none;
			}
			
			#content-secondary #subnav #nav_sub li.here ul li a:hover,
			#content-secondary #subnav #nav_sub li.parent_here ul li a:hover {
				background-color: transparent;
				background-image: none;
				color: #000;
				font-style: normal;
				text-decoration: none;
			}
			
			/* sub sub here state */
			
			#content-secondary #subnav #nav_sub li ul li.here { background: url(../img/bullet-black2.png) no-repeat 0px 2px; }
			
			#content-secondary #subnav #nav_sub li ul li.here a, #content-secondary #subnav #nav_sub li ul li.here a:hover {
				background-color: transparent;
				background-image: none;
				color: #000;
				font-style: italic;
				text-decoration: none;
			}
	
	#content-secondary #upcoming-events {
		padding: 46px 0 0 0;
	}
	
	#content-secondary #upcoming-events li {
		line-height: 1;
		padding-bottom: 20px;
	}
	
	#content-secondary #upcoming-events li a {
		display: block;
		color: #fff;
		background-color: #000;
		font-size: 80%;
		text-transform: none;
		text-decoration: none;
	}
	
		#content-secondary #upcoming-events li a img {
			margin-right: 8px;
			float: left;
		}
	
		#content-secondary #upcoming-events li a span {
			line-height: 50px;
		}
		
	#content-secondary #upcoming-events li h2 {
		margin-bottom: 0;
		padding: 4px 0 0 0;
		font-size: 130%;
	}
	
		#content-secondary #upcoming-events li h2 a {
			background-color: transparent;
			margin-bottom: 0;
			padding: 0;
			font-size: 90%;
		}
		
		#content-secondary #upcoming-events li h2 a:link, #content-secondary #upcoming-events li h2 a:visited {
			color: #00a3b7;
			text-decoration: none;
		}
		
		#content-secondary #upcoming-events li h2 a:hover {
			color: #637381;
			text-decoration: underline;
		}
	
	#content-secondary #upcoming-events li p {
		font-size: 85%;
		line-height: 100%;
		color: #787878;
	}

/* ---------------------------------------------------------------------------
	=foot
--------------------------------------------------------------------------- */

#foot {
	color: #52616d;
	padding-top: 14px;
	font-size: 85%;
}
	
	#foot strong {
		text-transform: uppercase;
	}
	
		#foot a:link, #foot a:visited { color: #52616d; }
		
		#foot a:hover { color: #000; }
	
	#foot .copyright {
		float: left;
	}
	
	#foot .legal {
		float: right;
	}
	
#copyright {
	float: left;
	width: 525px;
}

/* =social links */

#social {
	float: right;
	margin-bottom: 25px;
	width: 185px;
}

#social div {
	float: right;
	margin-left: 10px;
	height: 30px;
	width: 81px;
}

#social a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	width: 100%;
}

#social-twitter, #social-twitter a {
	background: url(../img/twitter.gif) no-repeat 0 0;
}

#social-twitter a:hover {
	background-position: 0 -30px;
}

#social-facebook, #social-facebook a {
	background: url(../img/facebook.gif) no-repeat 0 0;
}

#social-facebook a:hover {
	background-position: 0 -30px;
}

/* ---------------------------------------------------------------------------
	=upcoming events callout & sidebar
--------------------------------------------------------------------------- */

body.home #upcoming-events {
	width: 350px;
	float: left;
	margin-left: 20px;
}

	#content-main #upcoming-events ul {
		padding: 0;
		list-style: none;
	}

	#content-main #upcoming-events li {
		min-height: 50px;
		height: auto !important;
		height: 50px;
		padding-bottom: 6px;
		margin-bottom: 6px;
		background: url(/img/div-dotted-line.png) repeat-x bottom left;
		position: relative;
	}
	
		#content-main #upcoming-events li img,
		#content-main #upcoming-events li a.more {
			position: absolute;
			top: 0;
		}
		
		#content-main #upcoming-events li h2,
		#content-main #upcoming-events li .date {
			text-transform: uppercase;
			padding: 0 72px 0 58px;
			margin: 0;
		}
		
		#content-main #upcoming-events li h2 {
			font-size: 110%;
			color: #cdaf44;
			padding-top: 10px;
			text-transform: none;
		}
		
		body.tickets #content-main #upcoming-events,
		#event-header ul {
			list-style: none;
			margin: 0;
		}
		
			#content-main #upcoming-events li .date,
			body.home #content-main #next-event .next-event-date {
				font-size: 85%;
				font-weight: bold;
				text-transform: uppercase;
			}
			
			#content-main #upcoming-events li .date {
				display: block;
				line-height: 100%;
				color: #787878;
			}
		
		#content-main #upcoming-events li a.more {
			width: 70px;
			height: 50px;
			background: url(/img/button-more.png) no-repeat 0 0;
			text-indent: -9999px;
			right: 0;
		}
		
		body.home #upcoming-events li.link-to-all {
			text-align: right;
			background: none;
			padding: 0;
			margin: 0;
			height: auto;
		}

/* ---------------------------------------------------------------------------
	=home
--------------------------------------------------------------------------- */

body.home #header {
	background: url(/img/bg-header2.jpg) no-repeat 0 0 #000;
	min-height: 481px;
  height: auto !important; /* this & next line define min-height for IE */
  height: 481px;
}

body.home #logo {
	width: 348px;
	height: 152px;
	background: url(/img/logo-screen.png) no-repeat 0 0;
	position: relative;
	top: 50px;
	left: 30px;
}

body.home #content {
	padding-top: 40px;
}

	body.home #content .header {
		top: -34px;
		right: 70px;
		left: auto;
		width: 340px;
	}

body.home #content-main {
	width: 100%;
	float: none;
}

body.home #content-main #next-event {
	float: left;
	width: 340px;
	margin: 8px 0 0 -60px;
	padding-left: 60px;
	background: url(/img/bg-next-block.png) no-repeat 0 0;
}

	body.home #content-main #next-event h1 {
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 150%;
		font-weight: normal;
		line-height: 1em;
		color: #37a8d5;
		padding-top: 7px;
		text-transform: none;
	}
	
		body.home #content-main #next-event .byline {
			display: block;
			font-size: 115%;
			color: #bfbfbf;
			margin: 0 0 26px 64px;
		}
		
		body.home #content-main #next-event img {
			float: left;
			width: 52px;
			height: 52px;
			margin-right: 12px;
		}
		
		body.home #content-main #next-event .next-event-description p {
			clear: left;
			color: #454545;
			font-size: 95%;
			line-height: 140%;
			padding: 8px 0 12px;
			background: url(/img/div-dotted-line.png) repeat-x bottom left;
		}
		
		body.home #content-main #next-event .next-event-links {
			padding-top: 12px;
			height: 10px;
		}
		
			body.home #content-main #next-event .next-event-links .find-out-more,
			body.home #content-main #next-event .next-event-links .buy-tickets {
				display: block;
				float: left;
				text-indent: -9999px;
				height: 10px;
			}
			
			body.home #content-main #next-event .next-event-links .find-out-more {
				width: 72px;
				background: url(/img/text-find-out-more-link.png) no-repeat 0 0;
			}
			
			body.home #content-main #next-event .next-event-links .buy-tickets {
				width: 76px;
				background: url(/img/text-buy-tickets-link.png) no-repeat 0 0;
			}

/* News, Reviews, and Callouts */
body.home #content-secondary {
	float: none;
	width: 100%;
	clear: both;
	padding-top: 34px;
}

	body.home #content-secondary #news-column,
	body.home #content-secondary #reviews-column {
		width: 231px;
		float: left;
	}
	
	body.home #content-secondary #news-column {
		padding-right: 10px;
	}
	
		body.home #content-secondary #news-column h3 {
			background: url(/img/text-news-h2.png) no-repeat 0 0;
		}
	
	body.home #content-secondary #reviews-column {
		padding-right: 58px;
	}
	
		body.home #content-secondary #reviews-column h3 {
			background: url(/img/text-reviews-h2.png) no-repeat 0 0;
		}
			
			body.home #content-secondary #reviews-column ul li strong.grey {
				color: #959595;
			}
			
			body.home #content-secondary #reviews-column ul li em {
				color: #cdaf44;
				font-style: normal;
			}
			
			body.home #content-secondary #reviews-column ul li .score {
				font-size: 115%;
			}
			
	body.home #content-secondary #callout-column {
		float: left;
		width: 181px;
	}
	
		body.home #content-secondary #callout-column a {
			display: block;
			width: 100%;
			text-indent: -9999px;
			margin-bottom: 10px;
		}
		
		body.home #content-secondary #callout-column a#callout-tickets {
			height: 78px;
			background: url(/img/callout-tickets.gif) no-repeat 0 0;
		}
		
		body.home #content-secondary #callout-column a#callout-donate {
			height: 78px;
			background: url(/img/callout-donate.gif) no-repeat 0 0;
		}
		
		body.home #content-secondary #callout-column a#callout-signup {
			height: 78px;
			background: url(/img/callout-signup.gif) no-repeat 0 0;
		}
		
		/* internal page callouts */
		
		h6.callout a {
			display: block;
			width: 100%;
			text-indent: -9999px;
			margin-bottom: 10px;
		}
		
		h6.callout #callout-signup {
			height: 78px;
			margin-top: 20px;
			background: url(/img/callout-signup.gif) no-repeat 0 0;
		}

/* =callout sponsors - banner */
		
body.home .callout-sponsors-banner {
	clear: both;
	margin-bottom: 15px;
}

body.home .callout-sponsors-last {
	margin-bottom: 30px;
}

body.home .callout-sponsors-banner h6 {
	background: url(../img/div-dotted-line.png) repeat-x bottom left;
	border-top: 5px solid #9c9c9c;
	font-size: 80%;
	margin-bottom: 10px;
	padding: 2px;
	text-transform: uppercase;
}

body.home .callout-sponsors-banner img {
	margin: 0 0 10px 15px;
}
			
/* in common */
body.home #content-secondary #news-column h3,
body.home #content-secondary #reviews-column h3 {
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 0;
}

body.home #content-secondary #news-column ul,
body.home #content-secondary #reviews-column ul {
	padding: 0 12px;
	font-size: 95%;
	color: #cdaf44;
}

	body.home #content-secondary #news-column ul li,
	body.home #content-secondary #reviews-column ul li ul {
		padding: 0 0 20px 0;
		background: url(/img/div-dotted-line.png) repeat-x bottom left;
	}

	body.home #content-secondary #news-column ul li .posted,
	body.home #content-secondary #reviews-column ul li {
		color: #565656;
	}
	
		body.home #content-secondary #news-column ul li .posted strong,
		body.home #content-secondary #reviews-column ul li strong {
			color: #000;
			font-size: 80%;
			text-transform: uppercase;
		}
	
	body.home #content-secondary ul li h4 {
		font-size: 95%;
		line-height: 160%;
		font-weight: normal;
		margin: 0;
		padding-top: 20px;
		font-family: inherit;
	}
	
	body.home #content-secondary ul li a {
		color: #cdaf44;
	}

body.home .link-to-all {
	display: block;
	font-size: 85%;
}

	body.home #content-main #upcoming-events {
		line-height: 1;
	}

	body.home #content-main #upcoming-events .link-to-all {
		float: right;
	}

	body.home #content-secondary #news-column .link-to-all,
	body.home #content-secondary #reviews-column .link-to-all {
		float: left;
		padding: 20px 12px;
	}
	
/* ---------------------------------------------------------------------------
	=news & reviews
--------------------------------------------------------------------------- */

body.news #content {
	padding-top: 60px;
}

body.news #content-main {
	width: auto;
	float: none;
}

body.news #content-main a.more-link {
	font-size: 80%;
}
	
body.news #content-main ul {
	padding-bottom: 30px;
	list-style: none;
	margin: 0;
}
	
	body.news #content-main ul li {
		padding: 10px;
	}
	
	body.news #content-main ul li.zebra-stripe {
		background-color: #f4f4f4;
	}
	
	body.news #content-main ul li.top-link {
		padding-left: 0;
	}
	
	body.news #content-main ul li .item-header {
		position: relative;
		background: url(/img/div-dotted-line.png) repeat-x bottom left;
		padding: 0 10px 1px;
		margin: 0 -10px 10px;
	}

		body.news #content-main ul li h2 {
			color: #cdaf44;
			font-size: 155%;
			line-height: 95%;
			padding: 0;
			margin: 0 150px 0 0;
		}
		
		body.news #content-main ul li .secondary-title {
			color: #a8a8a8;
			font-size: 100%;
			margin: 0 150px 0 0;
		}
		
		body.news #content-main ul li .item-header .date {
			padding-right: 10px;
			text-align: right;
			color: #565656;
			position: absolute;
			right: 0;
			bottom: 0;
		}
		
			body.news #content-main ul li .date strong {
				font-size: 80%;
				text-transform: uppercase;
				color: #000;
			}
		
		body.news #content-main ul li .summary {
			clear: both;
			color: #454545;
		}
		
			body.news #content-main ul li .summary p {
				padding: 0;
			}
		
			body.news #content-main .rating {
				display: block;
				float: left;
				width: 50px;
				height: 40px;
				font-size: 125%;
				line-height: 200%;
				text-align: center;
				margin-right: 10px;
				color: #fff;
				background-color: #000;
			}

body.news #content-secondary.archive-list {
	width: auto;
	float: none;
	margin-top: 0;
}

	body.news #content-secondary.archive-list ul {
		padding: 12px 0 20px 10px;
	}
	
		body.news #content-secondary.archive-list ul li .date {
			margin-right: 8px;
			color: #666;
		}

/* ---------------------------------------------------------------------------
	=news & reviews : detail
--------------------------------------------------------------------------- */

body.news #content.news-detail #content-main {
	width: 480px;
	float: left;
}

body.news #content.news-detail #content-main h2 {
	margin: 0;
}

	body.news #content.news-detail #content-main .byline {
		display: block;
		font-size: 115%;
		color: #bfbfbf;
		margin: 0 0 26px 64px;
	}
		
body.news #content.news-detail #content-main #news-who-what li {
	padding: 0 0 2px 0;
}

body.news #content.news-detail #content-main .date {
	display: block;
	font-weight: bold;
	background: url(/img/div-dotted-line.png) repeat-x bottom left;
	padding-bottom: 10px;
	margin-bottom: 8px;
}

body.news #content.news-detail #content-main .rating {
	font-size: 135%;
}

body.news #content.news-detail #content-secondary {
	margin-top: -60px;
}

/* ---------------------------------------------------------------------------
	=events
--------------------------------------------------------------------------- */
body.events #content-main {
	padding-bottom: 20px;
}

body.events #content-main p {
	line-height: 180%;
}

body.events #content-main a {
	font-size: 75%;
	font-weight: bold;
}

body.events .event-photo {
	float: left;
	margin-right: 22px;
	border-bottom: 7px solid #000;
}

body.events #event-header {
	padding-bottom: 30px;
	margin-right: -30px;
}

	body.events #event-header h2 {
		font-size: 160%;
		color: #000;
		margin: 0;
		padding: 20px 30px 0 0;
	}
	
	body.events #event-header ul {
		overflow: auto;
		margin-right: -30px;
		padding-bottom: 0;
	}

	body.events #event-header .secondary-title {
		font-size: 120%;
		color: #a8a8a8;
		padding: 0;
		margin: 0;
	}
	
	body.events #event-header .date {
		color: #000;
		font-weight: bold;
		font-size: 100%;
		line-height: 200%;
		padding-bottom: 6px;
	}
	
	body.events #event-header .buttons {
		height: 26px;
		padding-bottom: 10px;
	}
	
	body.events #event-header .button-buy-tickets,
	body.events #event-header .button-sold-out,
	body.events #event-header .button-audio-sample,
	body.events #event-header .button-video-sample {
		display: block;
		float: left;
		text-indent: -9999px;
		height: 26px;
		margin-right: 2px;
	}
	
	body.events #event-header .button-buy-tickets {
		background: url(/img/button-buy-tickets.png) no-repeat 0 0;
		width: 78px;
	}
	
	body.events #event-header .button-sold-out {
		background: url(/img/button-sold-out.png) no-repeat 0 0;
		width: 63px;
	}
	
	body.events #event-header .button-audio-sample {
		background: url(/img/button-audio-sample.png) no-repeat 0 0;
		width: 107px;
	}
	
	body.events #event-header .button-video-sample {
		background: url(/img/button-video-sample.png) no-repeat 0 0;
		width: 107px;
	}
	
	body.events #event-header .where,
	body.events #event-header .conductor {
		color: #565656;
		font-size: 105%;
	}
		
		body.events #event-header strong {
			font-size: 75%;
			text-transform: uppercase;
			font-weight: bold;
			color: #000;
		}
	
	body.events #content-main .composer {
		font-size: 105%;
		color: #454545;
		width: 140px;
		vertical-align: top;
	}
	
	body.events #audio-player a.close,
	body.events #movie-player a.close {
		display: block;
		text-align: center;
		margin: 0 -20px 20px 0;
		padding: 3px;
		text-transform: uppercase;
		background-color: #cdaf44;
		color: #fff;
	}
	
	body.events #audio-player a.close:hover,
	body.events #movie-player a.close:hover {
		color: #000;
	}
	
	body.events #content-main .pnotes-link {
		font-size: 90%;
	}
	
	body.events #program-notes {
		padding: 10px 18px;
		font-size: 90%;
		background-color: #eee;
	}
	
		body.events #program-notes p {
			padding-bottom: 18px;
		}
		
		body.events #program-notes ol {
			list-style: decimal;
			margin: 0 0 0 18px;
		}

/* tertiary content */
body.events #content-tertiary {}

body.events #content-tertiary h3 {
	width: 710px;
	height: 30px;
	text-indent: -9999px;
}

body.events #content-tertiary #maestros-choice {
	background: url(/img/div-maestros-choice-recordings.png) no-repeat 0 0 #000;
}

body.events #content-tertiary #choice-recordings-list {
	padding: 20px 0 50px 0;
}

	body.events #content-tertiary #choice-recordings-list li {
		clear: both;
		padding: 0 10px 10px 10px;
	}
	
		body.events #content-tertiary #choice-recordings-list li img {
			float: left;
			margin-right: 10px;
			border: 1px solid #eee;
		}
		
		body.events #content-tertiary #choice-recordings-list li h5 {
			font-size: 95%;
			font-weight: normal;
			color: #454545;
			line-height: 100%;
			margin: 0;
			padding: 10px 0 0;
		}
		
		body.events #content-tertiary #choice-recordings-list li a {
			font-size: 85%;
		}

body.events #content-tertiary #sponsors-list {
	padding: 12px 0 0 0;	
}

	#content-main ul.sponsor-images {
		list-style: none;
		margin-left: 0;
	}
		
	body.events #content-tertiary #sponsors-list li,
	#content-main ul.sponsor-images li {
		float: left;
		padding-right: 30px;
	}
	
	#content-main ul.sponsor-images li {
		line-height: 60px;
		white-space: nowrap;
	}

body.events #content-tertiary #sponsors {
	background: url(/img/div-sponsors.png) no-repeat 0 0 #000;
}

img.sponsor {
	border-width: 0;
	float: left;
	margin: 0 30px 30px 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------
	=glossary
--------------------------------------------------------------------------- */

body.glossary #content-main #nav-glossary { 
	color: #aeaeae;
	font-size: 100%;
}

body.glossary #content-main h3 {
	border-top: 1px solid #d7d7d7;
	margin-bottom: 0;
	padding: 15px 0 0 0;
}

body.glossary #content-main p {
	margin-bottom: 20px;
	padding: 0;
}


/* ---------------------------------------------------------------------------
	=misc
--------------------------------------------------------------------------- */

table {
	width: 100%;
	margin-bottom: 30px;
}

#content-main table {
	width: 100%;
	color: #626262;
	border-collapse: collapse;
	margin-bottom: 30px;
}
	
	#content-main th {
		text-align: left;
		border-bottom: 4px solid #d9d9d9;
		color: #000;
		font-size: 105%;
		line-height: 200%;
		text-transform: uppercase;
	}
	
	#content-main td {
		font-size: 95%;
		padding: 12px 12px 8px 0;
		border-bottom: 1px solid #d9d9d9;
	}

#seating_chart {
	margin-bottom: 30px;
	padding: 0;
}

/* Educational programs */
body.community #content-main p img {
	float: left;
	margin-right: 10px;
	border: 1px solid #333;
}

	body.community #content-main p a img {
		float: none;
	}
	
/* ---------------------------------------------------------------------------
	=recommended recordings
--------------------------------------------------------------------------- */

body.recommended-recordings #content ul.recommended-recordings {
	margin-left: 0;
}

ul.recommended-recordings li {
	background: url(/img/div-dotted-line.png) repeat-x bottom left;
	line-height: 1em;
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

ul.recommended-recordings li img {
	float: left;
	border: 1px solid #ccc;
	padding: 2px;
}

ul.recommended-recordings li span {
	display: block;
	float: right;
	padding: 18px 0 0 15px;
	width: 400px;
}

/* ---------------------------------------------------------------------------
	=amazon banner
--------------------------------------------------------------------------- */

#banner-amazon {
	clear: both;
}

#banner-amazon, #banner-amazon a {
	background: url(../img/banner-amazon.gif) no-repeat 0 0;
	display: block;
	height: 69px;
	text-indent: -9999px;
	width: 605px;
}

#banner-amazon a:hover {
	background-position: 0 -69px;
}

/* ---------------------------------------------------------------------------
	=about intro
--------------------------------------------------------------------------- */

#about-intro { margin-bottom: 20px; }

/* ---------------------------------------------------------------------------
	=clearing
--------------------------------------------------------------------------- */

body.events #content-tertiary:before,
body.events #content-tertiary #choice-recordings-list li:after,
body.events #event-header:after,
#content:after,
#container:after,
.callout-sponsors-banner:after,
#social:after,
ul.recommended-recordings li:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}