/*
========
general styles
========
*/
html, body{
	height: 100%;
}
body{
	margin: 0;
	padding: 0;
	background: #000 url(../images/tile_bg.jpg) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 11px;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}
p{
	margin: 0;
	padding: 0;
	line-height: 150%;
}

h2{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0 50px 0 50px;
}

h3{
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0 50px 0 50px;
}



/*
========
base structure
========
*/
#container {
	width: 750px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #d5121b;
}
#header {
	padding: 0;
	width: 750px;
	height: 205px;
}

#nav{
	width: 750px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(../images/nav-bg.jpg) top left no-repeat;
}

#content {
	padding: 0 0 -10px 0;
	margin: 0;
	width: 420px;
	display: block;
	background: url(../images/tile-left-column.jpg) top left repeat-y;
}

#welcome {
	padding: 0 0 0 0;
	margin: 0;
	width: 750px;
	display: block;
}

#right-column{
	float: right;
	width: 320px;
	margin: 0;
	padding: 0;
	background: url(../images/tile-right-column.jpg) top left repeat-y;
}

#footer {
	clear: both;
	padding: 0;
	margin: 0;
	width: 750px;
	height: 110px;
	background: url(../images/index-footer.jpg) top left no-repeat;
}
/* //////////// */
/*   main nav   */
/* //////////// */
#nav-container { padding: 40px 0 0 0; margin: 0 auto;  width: 635px; height: 20px; position: relative; float: right; } 
ul#nav-list { list-style-type: none; overflow: hidden; padding: 0; margin: 0; background: transparent url(../images/nav.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 0; width: 635px; height: 20px; } 
ul#nav-list li a { text-indent: -1000em; text-decoration: none; padding: 20px 0 0 0; overflow: hidden; background: transparent url(../images/nav.jpg) no-repeat 0 0; position: absolute; top: 0; height: 0px !important; height /**/:20px; /* IE5/Win */ } 
ul#nav-list li#home a { background-position: 0 0; width: 55px; left: 0; } 
ul#nav-list li#home a:hover { background-position: 0 -20px; }
ul#nav-list li#race-details a { background-position: -55px 0; width: 90px; left: 55px; } 
ul#nav-list li#race-details a:hover { background-position: -55px -20px; }
ul#nav-list li#courses a { background-position: -145px 0; width: 110px; left: 145px; } 
ul#nav-list li#courses a:hover { background-position: -145px -20px; }
ul#nav-list li#register a { background-position: -255px 0; width: 70px; left: 255px; } 
ul#nav-list li#register a:hover { background-position: -255px -20px; }
ul#nav-list li#volunteers a { background-position: -335px 0; width: 85px; left: 335px; } 
ul#nav-list li#volunteers a:hover { background-position: -335px -20px; }
ul#nav-list li#accomodation a { background-position: -420px 0; width: 110px; left: 420px; } 
ul#nav-list li#accomodation a:hover { background-position: -420px -20px; }
ul#nav-list li#faq a { background-position: -530px 0; width: 115px; left: 530px; } 
ul#nav-list li#faq a:hover { background-position: -530px -20px; }




/*
========
content styles
========
*/
/* //////////// */
/* right-column */
/* //////////// */
#right-div{
	margin: 0;
	padding: 0 25px 0 30px;
}
.right-text{
	margin: 0;
	padding: 5px 15px 10px 30px;
}
.login-fields{
	margin: 0;
	padding: 0;
	width: 165px;
	background-color: #333;
	border: #666 thin solid;
	font-size: 10px;
	color: #ccc;
}
/* //////////// */
/* left-column */
/* //////////// */
.left-text-container{
	padding: 0;
	margin: 5px 35px 10px 55px;
	background-color: #333;
}
.left-text{
	margin: 0;
	padding: 5px;
}
#left-div{
	margin: 0;
	padding: 0 35px 0 55px;
}

#course-map-container { padding: 0 0 0 0; margin: 0 auto;  width: 330px; height: 37px; position: relative; } 
ul#course-map-nav { list-style-type: none; overflow: hidden; padding: 0; margin: 0; background: transparent url(../images/course-map-nav.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 0; width: 330px; height: 37px; } 
ul#course-map-nav li a { text-indent: -1000em; text-decoration: none; padding: 37px 0 0 0; overflow: hidden; background: transparent url(../images/course-map-nav.jpg) no-repeat 0 0; position: absolute; top: 0; height: 0px !important; height /**/:37px; /* IE5/Win */ } 
ul#course-map-nav li#race-map a { background-position: 0 0; width: 90px; left: 0; } 
ul#course-map-nav li#race-map a:hover { background-position: 0 -37px; }
ul#course-map-nav li#kids-deathrace a { background-position: -90px 0; width: 130px; left: 90px; } 
ul#course-map-nav li#kids-deathrace a:hover { background-position: -90px -37px; }
ul#course-map-nav li#history-map a { background-position: -220px 0; width: 110px; left: 220px; } 
ul#course-map-nav li#history-map a:hover { background-position: -220px -37px; }

/* //////////// */
/*    footer    */
/* //////////// */
#footer-nav-container { padding: 85px 0 0 0; margin: 0 auto;  width: 265px; height: 25px; position: relative; float: right; } 
ul#footer-nav { list-style-type: none; overflow: hidden; padding: 0; margin: 0; background: transparent url(../images/index-footer-nav.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 0; width: 265px; height: 25px; } 
ul#footer-nav  li a { text-indent: -1000em; text-decoration: none; padding: 37px 0 0 0; overflow: hidden; background: transparent url(../images/index-footer-nav.jpg) no-repeat 0 0; position: absolute; top: 0; height: 0px !important; height /**/:25px; /* IE5/Win */ } 

ul#footer-nav  li#footer-home a { background-position: 0 0; width: 50px; left: 0; } 
ul#footer-nav  li#footer-home a:hover { background-position: 0 -25px; }
ul#footer-nav  li#sponsor a { background-position: -50px 0; width: 80px; left: 50px; } 
ul#footer-nav  li#sponsor a:hover { background-position: -50px -25px; }
ul#footer-nav  li#site-map a { background-position: -130px 0; width: 65px; left: 130px; } 
ul#footer-nav  li#site-map a:hover { background-position: -130px -25px; }
ul#footer-nav  li#contact a { background-position: -195px 0; width: 70px; left: 195px; } 
ul#footer-nav  li#contact a:hover { background-position: -195px -25px; }


/*
========
H1 styles
========
*/
h1 {
	width: 320px;
	height: 40px;
	margin: 0;
	padding: 0;
	}
h1 span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
#h1-race-information{ width: 320px; height:45px; background: url(../images/headers/h1-index-race-information.jpg) top left no-repeat; }
#h1-blank-right{ width: 320px; height:45px; background: url(../images/headers/h1-index-blank.jpg) top left no-repeat; }
#h1-login{ width: 320px; height:85px; background: url(../images/headers/h1-index-login.jpg) top left no-repeat; }
#h1-grand-cache{ width: 320px; height:70px; background: url(../images/headers/h1-index-grand-cache.jpg) top left no-repeat; }
#h1-course-map{ width: 420px; height:55px; background: url(../images/headers/h1-index-course-map.jpg) top left no-repeat; }
#h1-blank-left{ width: 420px; height:55px; background: url(../images/headers/h1-index-blank-left.jpg) top left no-repeat; }
#h1-newsfeed{ width: 420px; height:110px; background: url(../images/headers/h1-index-newsfeed.jpg) top left no-repeat; }
#h1-sponsor{ width: 420px; height:104px; background: url(../images/headers/h1-index-sponsors.jpg) top left no-repeat; }