/* drive driven main v.2009 sXd
------------------------------------*/
body { background-color: #222; color: #fff; }

#frontPage { border: #555 1px solid; text-align: left; margin: 0px auto; width: 908px; height: 1180px; }

#top { width: 908px; height: 400px; background: #111 url(gfx/mainImageTop_01.jpg) top left no-repeat; }
#middle { width: 908px; height: 400px; background: #111 url(gfx/mainImageMiddle_01.jpg) top left no-repeat; }
#bottom { width: 868px; height: 50px; padding: 330px 0 0 40px; background: #111 url(gfx/mainImageBottom_01.jpg) top left no-repeat; }

#bottom a:link, #bottom a:visited { font-size: 2.0em; color: #ffcc00; font-weight: 900; text-decoration: none; }
#bottom a:hover { color: #d2d2d2; }

#white { margin: 0px auto; padding: 0; width: 1020px; height: 5px; }

#navigation { margin: 0px auto; padding; 0; width: 1020px; height: 36px; }
#navigation { background: transparent url(gfx/backgrounds/navigation_01.gif) top left repeat-x; }

ul.navBar {
	list-style: none outside none;
	list-style-image: none;
	margin: 0 0 0 6px;
	padding: 0; 
	}

ul.navBar li { display: inline; margin: 0; padding: 0; }
ul.navBarNew {
	list-style: none outside none;
	list-style-image: none;
	margin:0;
	padding: 10px 0 0 0; 
	}
ul.navBarNew li { display: inline; padding: 0 9px 0 0; font-size: 0.7em; font-weight: 900; }
ul.navBarNew li a:link, ul.navBarNew li a:visited { color: #fff; }
ul.navBarNew li a:hover { color: #ffff00; }


li.home {
	float: left;
	width: 56px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/homeOff_01.gif) top left no-repeat;
	}	
li.home a:hover img { background: transparent url(gfx/backgrounds/navigation/homeOn_01.gif) top left no-repeat; }

li.latestNews {
	float: left;
	width: 58px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/newsOff_01.gif) top left no-repeat;
	}	
li.latestNews a:hover img { background: transparent url(gfx/backgrounds/navigation/newsOn_01.gif) top left no-repeat; }

li.results {
	float: left;
	width: 76px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/resultsOff_01.gif) top left no-repeat;
	}	
li.results a:hover img { background: transparent url(gfx/backgrounds/navigation/resultsOn_01.gif) top left no-repeat; }

li.schedule {
	float: left;
	width: 92px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/scheduleOff_01.gif) top left no-repeat;
	}	
li.schedule a:hover img { background: transparent url(gfx/backgrounds/navigation/scheduleOn_01.gif) top left no-repeat; }

li.standings {
	float: left;
	width: 98px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/standingsOff_01.gif) top left no-repeat;
	}	
li.standings a:hover img { background: transparent url(gfx/backgrounds/navigation/standingsOn_01.gif) top left no-repeat; }

li.divisions {
	float: left;
	width: 86px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/divisionsOff_01.gif) top left no-repeat;
	}	
li.divisions a:hover img { background: transparent url(gfx/backgrounds/navigation/divisionsOn_01.gif) top left no-repeat; }

li.gallery {
	float: left;
	width: 79px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/galleryOff_01.gif) top left no-repeat;
	}	
li.gallery a:hover img { background: transparent url(gfx/backgrounds/navigation/galleryOn_01.gif) top left no-repeat; }

li.driven {
	float: left;
	width: 194px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/drivenOff_01.gif) top left no-repeat;
	}	
li.driven a:hover img { background: transparent url(gfx/backgrounds/navigation/drivenOn_01.gif) top left no-repeat; }

li.info {
	float: left;
	width: 99px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/infoOff_01.gif) top left no-repeat;
	}	
li.info a:hover img { background: transparent url(gfx/backgrounds/navigation/infoOn_01.gif) top left no-repeat; }

li.marketing {
	float: left;
	width: 168px;
	height: 36px;
	background: transparent url(gfx/backgrounds/navigation/marketingOff_01.gif) top left no-repeat;
	}	
li.marketing a:hover img { background: transparent url(gfx/backgrounds/navigation/marketingOn_01.gif) top left no-repeat; }