@charset "UTF-8";
/* CSS Document */

html {
	background:url(../images/background.jpg) center top no-repeat #3673ae;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin: 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 */
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	line-height:1.75em;
}
#container {
	width: 933px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContentContainer {
	background:url(../images/sideShadows.png) repeat-y center;
	margin: 0;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainContent {
	border: 2px solid #6fd8ff;	
	width:868px;
	margin: 0 auto;
	
}

#topArea {
	background:url(../images/topShadow.png) bottom center no-repeat;
	height:50px;
}

#bottomArea {
	background:url(../images/bottomShadow.png) top center no-repeat;
	height:43px;
}

#bannerContainer{
	height:156px;
	background:url(../images/logo.jpg) right top no-repeat;
}

#banner {
	/*background:url(../images/bannerBack.jpg) left top no-repeat;*/
	height:156px;
}



#menu {
	
	padding-top:40px;
	height:36px;
}

#menu ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display:block;
}

#menu li, #menu li a {
	display:block;
	float:left;
	color:#000;
	width:124px;
	height:36px;
}

#menu li.home {
	background:url(../images/menu/home.jpg);	
}

#menu li.home a:hover {
	background:url(../images/menu/overHome.jpg);	
}

#menu li.about {
	background:url(../images/menu/about.jpg);	
}

#menu li.about a:hover {
	background:url(../images/menu/overAbout.jpg);	
}

#menu li.tour {
	background:url(../images/menu/tour.jpg);	
}

#menu li.tour a:hover{
	background:url(../images/menu/overTour.jpg);	
}

#menu li.tickets {
	background:url(../images/menu/tickets.jpg);	
}

#menu li.tickets a:hover{
	background:url(../images/menu/overTickets.jpg);	
}

#menu li.sponsors {
	background:url(../images/menu/sponsors.jpg);	
}

#menu li.sponsors a:hover {
	background:url(../images/menu/overSponsors.jpg);	
}

#menu li.blog {
	background:url(../images/menu/blog.jpg);	
}

#menu li.blog a:hover {
	background:url(../images/menu/overBlog.jpg);	
}

#menu li.contact {
	background:url(../images/menu/contact.jpg);	
}

#menu li.contact a:hover{
	background:url(../images/menu/overContact.jpg);	
}



#contentWrapper {
	
	background:url(../images/subBack.jpg) top left repeat-y;
	
}

#contentWrapperHome {
	background:#28608f;
	
}

#contentArea {
	background:url(../images/dropShadow.png) top center repeat-x;
	
	
}

#header {
	height:94px;
	background:url(../images/blueBoxTop.png) bottom right no-repeat;
}

#headerImg {
	height:94px;
}

#headerImg.about {
	background:url(../images/headers/about.png) right no-repeat;	
	
}

#headerImg.sponsors {
	background:url(../images/headers/sponsors.png) right no-repeat;	
	
}

#headerImg.schedule {
	background:url(../images/headers/schedule.png) right no-repeat;	
	
}

#headerImg.tickets {
	background:url(../images/headers/tickets.png) right no-repeat;	
	
}

#headerImg.blog {
	background:url(../images/headers/blog.png) right no-repeat;	
	
}

#headerImg.contact {
	background:url(../images/headers/contact.png) right no-repeat;	
	
}



#blueMid {
	background:url(../images/blueBoxMid.png) right repeat-y;
	min-height:100px;
}

#blueBottom {
	height:49px;
	background:url(../images/blueBoxBottom.png) bottom right no-repeat;
}

#textArea {
	width:480px;
	margin-left:290px;
	padding-top:30px;
	padding-bottom:50px;
}

#textArea li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:.9em;
	font-weight:bold;
	list-style:none;
	padding:5px;
	color:#133574;
	border-bottom: dotted  #B6D3F3 1px;	
}

#textArea h1
{
	margin:0;
	padding:0;
	margin-left:-30px;
	margin-bottom:30px;
	color:#485D88;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:100;
	
}

a:link, a:visited {
	color:#F00;
	font-weight:800;
	
}

a:hover {
	color:#006;
	text-decoration:none;
	
}


#musicPlayer {
	margin-left:650px;
	width:250px;
}

.tableHeader {
	border-bottom:solid #888 1px;	
	text-align:left;
	
	
	
}

#flashContainer
{
 margin-left:300px;
}