html,body{
	margin:0;
	padding:0;
	font-family: "arial", Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
}
a{ 
	color: #B55219; 
	text-decoration: none;
	font-weight: bold;

}
html, body, #wrapper {
   min-height: 100%; /*Sets the min height to the
                       height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
                   for IE5+/Win, since IE wrongly expands
                   an element to enclose its content.
                   This mis-behavior screws up modern
                   browsers*/
   }

html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
                   from IE using the child selector*/
   }
#wrapper {
   position: absolute;
   top: 0;
   left: 0;
   }

#footer {
   position: absolute;
   bottom: 0;
   background-color: #ccffcc;
   width: 100%;
   text-align: center;
   }

#main {
   margin-bottom: 3em; /*Modify value as needed for
                         footer height.*/
   height: auto;
   padding: .5em;
   }

a:hover{
	color: #B55219;
	text-decoration: underline;
	font-weight: bold;
}
#header {
	position:absolute;
	z-index:0;
	left:0;
	top:0px;
	width: 100%;
	background-color:#084071;
	height: 100px;
}
#moon{
	position:absolute;
	z-index:6;
	right:0;
	top:0px;
}
#sun{
	position:absolute;
	z-index:60;
	left:0;
	top:0px;
}
#sunBG{
	position:absolute;
	z-index:5;
	left:0;
	top:0px;
}
#swirlLeft{
	position:absolute;
	z-index:10;
	left:0;
	top:-20px;
}
#swirlRight{
	float:right;
	position:absolute;
	z-index:60;
	right:0;
	top:0px;
}
#navContainer{
	width: 730px;
	position:relative;
	margin-top:50px;
	z-index:100;
}
#nav{
	width: 583px;
	height: 26px;
	position:relative;
	z-index:101;
	float:right;
	margin-top:-26px;
}
#navBG{
	width: 583px;
	background-color:#000;
	height: 26px;
	position:relative;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7; 
	z-index:100;
	float:right;
}
#date{
	width: 583px;
	position:relative;
	z-index:100;
	text-align:right;
	float:right;
	margin-bottom:5px;
}

#container{
	width: 730px;
	position:relative;
	z-index:100;
}
#sideNavBG{
	width: 120px;
	background-color:#ffffff;
	height: 440px;
	position:relative;
	z-index:100;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5; 
	float:left;
	margin-top: -26px;
}
/* for Internet Explorer */
/*\*/
* html #sideNavBG {
	margin-top: -26px;
}

#sideNav{
	width: 120px;
	position:relative;
	z-index:101;
	float:left;
	margin-left:-120px;
	margin-top: -16px;
}
td{
	font-size:12px;
}
#content{
	width: 569px;
	background-color:#ffffff;
	float:right;
	min-height: 400px;
	position:relative;
	z-index:100;
	text-align:left;
	padding: 7px;
	font-size:12px;
	height:auto;
}

/* for Internet Explorer */
/*\*/
* html #content {
height: 405px;
	width: 583px;
}


#footerHills{
	width:100%;
	position:absolute;
	bottom:0px;

}
#footerLeft{
	position:absolute;
	z-index:5;
	left:0;
	bottom:-20px;
}
#footerLeftFront{
	position:absolute;
	z-index:10;
	left:0;
	bottom:-20px;
}
#footerRight{
	position:absolute;
	z-index:6;
	right:0;
	bottom:-20px;
	float:right;
}
#footerRightFront{
	position:absolute;
	z-index:11;
	right:0;
	bottom:-20px;
	float:right;
}







.scheduleLeft	{
	border-Right: 1px solid #FFFFFF;
	padding: 0px 10px 0px 0px;
	font-size: 12px;
	text-align: right;
	vertical-align: top;
}


.scheduleRight	{
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	vertical-align: top;
}
.smalltext{
	font-size: 12px;
}
.boldtext{
	font-family: "arial", Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
}
.title	{
	font-variant: small-caps;
	font-size: 125%;
	font-style: italic;	
}

.tickets	{
	border-bottom: 1px solid #FFFFFF;
}

.box	{
	border: 1px solid #FFFFFF;
}

.sponsors	{
		padding: 0px 10px 0px 10px;
}