html, body, #mainContentContainer {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #mainContentContainer {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	margin: 0;
	font-family: Arial, sans-serif;
	background:#151515 url("../images/mainContentBackground.jpg") repeat-y;
}

img {
	border:0;
}

a:link, a:visited {
	color:#c70000;
}

#mainContentContainer {
	background:url("../images/mainContentBackgroundRight.jpg") repeat-y top right;
	position: absolute;
	top: 0;
	left: 0;
}

#mainContentContainer #mainContent {
	margin-right:60px;
	padding-left:60px;
}

#mainContent #header {
	background:url("../images/header.jpg") no-repeat;
	height:140px; margin:auto; text-align:center
}

#mainContent #mainMenu {
	background:url("../images/mainMenuBackground.jpg") repeat-x;
}

#mainContent #pageHeading {
	position:absolute;
	right:60px;
	top:169px;
}

#mainContent #documentContent {
	margin-left:2em;
	margin-top:2em;
	color:#fff;
}

#mainContent h1 {
	color:#fff;
	font:1.3em "Trebuchet MS", Verdana, Arial, sans-serif;
	background:url("../images/newsItemBackground.gif") no-repeat top left;
	padding-left:25px;
}

#mainContent .newsItem h1 {
	color:#c70000;
	font:1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
	background:url("../images/newsItemBackground.gif") no-repeat top left;
	padding-left:25px;
}

#mainContent .newsItem h2 {
	color:#fff;
	font:1.15em "Trebuchet MS", Verdana, Arial, sans-serif;
	margin:0.2em 0 0.2em 26px;
}

#mainContent .newsItem p {
	color:#fff;
	font:0.85em "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-left:26px;
	padding:0;
	
}


#mainContent #aside {
	background:url("../images/asideBackground.jpg") repeat-y;
	width:191px;
	float:right;
	margin-top:80px;
	margin-left:1em;
	color:#fff;
	position:relative;
}


#mainContent #aside .upcomingShows  {
	padding-left:0.2em;
}

#mainContent #aside .upcomingShows h4 {
	margin-bottom:0;
	margin-top:0.35em;
}

#mainContent #aside .upcomingShows p {
	padding:0.2em 0.4em 0.4em 0.4em;
	margin-top:0.2em;
	font-size:0.85em;
}


#mainContent #documentContent .upcomingShows h4 {
	color:#c70000;
	font:1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
	background:url("../images/newsItemBackground.gif") no-repeat top left;
	padding-left:25px;
	margin-bottom:0.35em;
}

#mainContent #documentContent .upcomingShows p {
	color:#fff;
	margin-top:0;
	padding-top:0;
	padding-left:0.55em;
}

#mainContent #aside .extendedInfo  {
	display:none;
}

#mainContent #documentContent .merchItem {
	color:#fff;
	border-bottom:1px solid #a30404;
	margin-bottom:1.5em;
	width:50%;
}

#mainContent #documentContent .merchItem th {
	padding:0.3em 0.3em 0.3em 0;
	background-color:#a30404;
}

#mainContent #documentContent .merchItem td {
	padding:0.3em;
}

#mainContent #documentContent .merchItem .merchPicture {
	margin-bottom:0.4em;
	border:1px solid #a30404;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 70%; /* See note below */
	text-align: left;
	padding-left:65px;
	color:#fff;
	font-size:0.75em;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
    \width: 100%;
    w\idth: 70%;
}

.clearFloat {
	clear:both;
}