/*
========
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: #444;
	font-size: 10px;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}
p{
	margin: 0;
	padding: 15px 50px 15px 50px;
	line-height: 150%;
}

ul{
	margin: 0;
	padding: 0px 50px 15px 50px;
	line-height: 150%;
}

li{
	margin: 0;
	padding: 0px 0px 15px 0px;
	line-height: 150%;
}

table{
	margin: 0;
	padding: 0px 50px 15px 50px;
	line-height: 150%;
}

h2{
	font-size: 18px;
	font-weight: bold;
	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-color: #fff;
}
#header {
	padding: 0;
	width: 750px;
	height: 205px;
}

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

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

#sponsors{
	height: 155px;
	width: 750px;
	background: url(../images/interior-sponsors-footer.jpg) top left no-repeat;
}

#footer {
	clear: both;
	padding: 0;
	margin: 0;
	width: 750px;
	height: 25px;
	background-color: #fff;
}


/*   old footer
/*  #footer {    
/*	clear: both;
/*	padding: 0;
/*	margin: 0;
/*	width: 750px;
/*	height: 25px;
/*	background-color: #000;
/   *}


/* //////////// */
/*   main nav   */
/* //////////// */
#nav-container { padding: 15px 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/interior-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/interior-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#buy a { background-position: -530px 0; width: 115px; left: 530px; } 
ul#nav-list li#buy a:hover { background-position: -530px -20px; }





/*
========
content styles
========
*/

.content-img-right{
	float: right;
	padding: 5px;
	margin: 5px 50px 0 15px;
	border: #ccc 1px solid;
}
.content-table{
	float: left;
	padding: 5px;
	margin: 5px 5px 0px 50px;
	border: #ccc 0 solid;
}

.content-imglt{
	float: left;
	padding: 5px;
	margin: 5px 15px 0 20px;
	border: #ccc 1px solid;
}

.content-img-left{
	float: left;
	padding: 5px;
	margin: 5px 50px 0 15px;
	border: #ccc 1px solid;
}

#sponsor-logos{
	padding: 55px 0 0 0;
	margin: 0;
}
/* //////////// */
/*    footer    */
/* //////////// */
#footer-nav-container { padding: 0 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/interior-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/interior-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: 750px;
	height: 50px;
	margin: 0;
	padding: 0;
	}
h1 span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
#h1-race-details{ background: url(../images/headers/h1-race-details.jpg) top left no-repeat; }