/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100.01%/120% Verdana, Arial, Helvetica, sans-serif;
		height: 100%;
}
body {
	background: #fff url("images/sky-background.jpg") repeat-x top left;
	font-size: 1em;
	color: #fff;
}
a {color: #fff;text-decoration:underline !important;}
a:hover {color: #e7ff9c; !important;text-decoration:underline !important;}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:   Only to the few elements that need it: */
dd, blockquote {
        margin-left: 1em;
}

/* Clean up ul and li*/
ul {margin:0;display:block;padding:0px;}
li {list-style:none;float:left;display:block;padding:0;margin:0;}


/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}
img {border: 0px;}


/*-----------------------------------------------------------------------*/

/* Basic Selectors*/
H1 {
	font: normal normal normal 40px/42px Arial, Helvetica, sans-serif;
	margin:0 0 12px 30px;
	color: #fff;
	display: block;
}

H2 {
	color: #666;
	font: bold normal normal 18px/22px Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
H3 {
	color: #fff;
	font: normal normal normal 24px/24px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 10px 0 14px 0;
}

/* main layout */
#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1100px;
	background-image: url("images/rails.jpg");
	background-color: transparent;
	background-repeat: no-repeat;		
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
#header-container {
	background: transparent url("images/header-background.jpg") no-repeat top left;
	height: 356px;
	margin: 0;
	padding: 0;
	width: 1100px;
}

#header-container .logo {
	margin: 60px 0px 0px 100px;
	width: 292px;
	height: 233px;
}
#date-container {
	height: 100px;
	margin: 0 0 116px 127px;
}

@-moz-document url-prefix()
{
#date-container { margin: 0 0 119px 127px; }
}


#menu-container {
	background: transparent url("images/birds.png") no-repeat top left;
	float: right;	
	width:655px;
	color: #999;
	font: bold normal normal 36px/38px Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	padding: 50px 0 0 0;
}
ul.menu li {
	margin:0 6px 0 0;
}

#content {
	margin:-30px 0 0 102px;
	width: 902px;
	clear:both;
}

.seperator {
	background: transparent url("images/seperator.jpg") repeat-x top left;
	width: 900px;
	height: 2px;
	margin: 0;
	padding: 0;
}

ul.two-column {
	font: normal normal normal 16px/24px Arial, Helvetica, sans-serif;
	margin: 0 0 0 30px;
	width: 840px;
}
ul.two-column li {width: 400px;}
ul.two-column li.with-margin {width: 400px;margin-top: 20px;}

ul.list {float:none; font-size:13px;padding: 0 0 0 16px;}
ul.list li {float:none;list-style:circle !important;padding: 2px;margin: 2px;display:list-item;}

span.section-header,
span.section-header-sun {
	display:block;
	background-color: #666;
	color: #fff;
	font: 500 normal normal 30px/30px Arial, Helvetica, sans-serif;
	padding: 8px;
}
span.section-header-sun {background-color:#9ff;color:#666;}

div.sponsor-section {
	background-color: #fff;
	width: 400px;	
}
ul.sponsors li {
	padding: 10px;	
	width:180px;
}

li.sponsor-margin {margin-right: 27px;}
div.lineup {
	margin: 0 0 0 10px;
}
.video {
    width: 380px;
	height: 214px;
	padding: 16px;
	background: transparent url(images/vid-back.jpg) top left no-repeat;
	margin: 0 0 20px 0;
}

#footer {
	background: #fff url("images/footer-background.jpg") top left no-repeat;
	position:absolute;
	height: 192px;
	width:1100px;
	bottom:0; /* stick to bottom */
	margin: 0;
	padding: 0;
	clear:both;
	font: normal normal normal 10px/17px Arial, Helvetica, sans-serif;
	color: #999;
} 
#footer-content {
	float:left;
	width: 1100px;
	height: 192px;
}
ul.footer-copy,
ul.footer-copy-lineup {
	margin: 55px auto 0 auto;
	height:25px;
	text-align:center;
	float: left;
	left: 35%;
	padding: 0;
	position: relative;
}
ul.footer-copy-lineup {left: 33%;}
a#footer-link {
	color: #999 !important;
	text-decoration:underline;
}

.hide {display:none;}

.clear, .clear-large {clear:both;}
.clear-large {height:210px;}
.bolder {font-weight: bold;}