@charset "utf-8";

body h1,h2,h3,h4,h5,h6
{
   font-family:Georgia, "Times New Roman", Times, serif;
}


body
{
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   background: #000;
   background-image:url(../images/outerBackground.png);
   background-attachment: fixed;
   background-repeat: repeat-x;
   background-position: center center;
   margin: 10px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
   padding: 0;
   text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
   color: #000000;
}

.center
{
   text-align: center;
}

.redCenter
{
   text-align: center;
   color: #F00;
}

a:link, a:visited
{
   text-decoration: none;
   color:#F00;
}

a:hover
{
   text-decoration: underline;
   color:#F00
}

.main #container
{
   width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
   background-color: #FFFFFF;
   margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
   border: 2px solid #FF0000;
   text-align: left; /* this overrides the text-align: center on the body element. */
}

.main #middle
{
   width: 838px !important;
   width: 834px;
   float: left;
   padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
   margin: 0;
   background: #FFFFFF;
}

.main #mainContent
{
   padding: 0 10px 0 210px !important;
   padding: 0 0 0 210px;
   border-top: 2px solid #F00;
}


.main #mainContent h1
{
   margin: 0;
   text-align: center;
   text-decoration: underline;
}

.main #mainContent h2
{
   font-size: 20px;
}

.main #mainContent h3
{
   font-size: 16px;
}

.main #mainContent p
{
   text-indent: 0em;
}

.main #mainContent li
{
   padding: 10px 0 10px 0;
}

.main #footer
{
   border-top: 2px solid #F00;
   padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
   background-color: #99CCFF;
}

.main #footer p
{
   font-size: 9px;
   margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
   padding: 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.main #sponsors
{
   font-size: 10px;
   text-align: center;
   border-left: 2px solid #F00;
   border-bottom: 2px solid #F00;
   float: right;
   width: 150px;
   background-color: #99CCFF;
}

.main #sponsors img
{
   margin: 10px 0 10px 0;
   border: none;
}

.main #news
{
   border-bottom: 2px solid #F00;
   border-right: 2px solid #F00;
   float: left;
   width: 204px;
   height: 100%;
   background-color: #99CCFF;
}

.main #news p
{
   font-size: 14px;
}

.main #news h2
{
   font-weight: bold;
   font-size: 16px;
}

.main #staff p
{
   margin: 0;
   padding: 0;
   text-indent: 0px;
}

.main #staff h3
{
   text-decoration: underline;
   margin: 10px 0 0 0;
}

.main #staff 
{
   text-align: center;
}

.main #schedule table
{
   width: 615px;
}

.main #schedule h3
{
   text-align: center;
	text-decoration: underline;
   margin: 10px 0 5px 0;
}

.main #scheduleTheatre
{
   border: 1px solid black;
   text-align: center;
   background-color: #99CCFF;
}

.main #schedulePerformer
{
   border-right: 1px dashed black;
   border-bottom: 1px dashed black;
   background-color: #EEE;
   width: 175px;
   text-align: center;
}

.main #scheduleTime
{
   border: 1px solid black;
   background-color: #99CCFF;
   text-align: right;
}

.clear
{
   clear: both;
}