/* ############################## */
/* Subpage Stylesheet             */
/* ############################## */

/* set defaults */
* {
	margin:0px;
	padding:0px;
}
table {
	margin:auto;
	padding:auto;
}
a img, a:visited img, a:active img, a:hover img {border:none}



/*
  ####################################################################################################
  GLOBAL
  ####################################################################################################
*/
body {
    margin:0px 0px 50px 0px;
    padding:0px;
    background:#000;
	color:#000;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
body, table, tr, th, td {
	color:#000;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
a, a:visited, a:active {
	color:#369;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
ul, ol {padding-left:15px}
li {margin-left:15px}
ul {list-style:disc}
ol {list-style:decimal}



/*
  ####################################################################################################
  PAGE COMPONENTS
  ####################################################################################################
*/
/* Global Container */
#globalContainer {
	width:800px;
	margin:0px auto 50px auto;
}

/* Header Container */
#headerContainer {
	height:183px;
	clear:both;
}

/* Title Area */
#titleArea {
	padding:15px 15px 15px 15px;
	clear:left;
	background:#96958A url(../images/bg_title.jpg) repeat-x bottom;
	color:#FFF;
	font-size:18px;
}

/* Extras (rss, pdf, etc) */
#extras {
	margin:10px;
	float:right;
	color:#FFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#extras img {vertical-align:text-top}
#extras a, #extras a:visited, #extras a:active, #extras a:hover {color:#FFF}
#extras a, #extras a:visited, #extras a:active {text-decoration:none}
#extras a:hover {text-decoration:underline}

/* Body Container */
* html #bodyContainer {height:500px} /* IE Hack */
#bodyContainer {
	width:800px;
	min-height:500px; /* Gecko Only */
	float:left;
	clear:both;
	background:#AAA;
}

/* Event */
div.event {
	width:800px;
	float:left;
}
div.event * p {padding-bottom:16px}
div.date, div.day, div.upstairsTitle, div.downstairsTitle {
	background:#000;
	color:#FFF;
}
div.date, div.day {
	width:50px;
	text-align:center;
}
div.day {clear:both}
div.date, div.upstairsTitle, div.downstairsTitle {float:left}
div.upstairsTitle {
	padding-left:12px;
	width:313px;
}
div.downstairsTitle {width:425px}
div.eventContainer {clear:both} /* IE Hack */
div.eventContainer a, div.eventContainer a:visited, div.eventContainer a:active, div.eventContainer a:hover {
	color:#000;
	text-decoration:none;
}
div.eventContainer a:hover {text-decoration:underline}
div.upstairsEvent {
	width:313px;
	padding-left:62px;
	float:left;
}
div.downstairsEvent {
	width:425px;
	float:right;
}
img.calendarImg {
	margin-right:10px;
	float:left;
	border:1px solid #000;
}
table.upstairsLineup td {padding-bottom:10px}
table.downstairsLineup th {font-weight:bold}
table.upstairsLineup td, table.downstairsLineup td {vertical-align:top}
div.eventInfoContainer {
	float:left;
	clear:both;
}
div.upstairsInfo {
	width:345px;
	padding:15px;
	float:left;
}
div.downstairsInfo {
	width:410px;
	padding:15px 15px 15px 0px;
	float:right;
}

/* Copyright Container */
#copyrightContainer {
	padding-top:10px;
	clear:both;
	color:#FFF;
	text-align:center;
}