﻿body {
	background-color: #96aad8;
	margin: 0 0 20px 0;
	padding: 0;
	font: normal normal normal small/normal "Verdana", "Arial", Sans-Serif;
}

h1 {
	color: #4382b6;
	font-size: 200%;
	font-weight: normal;
}

h2 {
	color: #4382b6;
	font-size: 150%;
	font-weight: normal;
}


#wrap {
	position: relative;
	width: 775px;
	margin: 0 auto 0 auto;
}

#header {
	background: #96aad8 url("/images/header.jpg") no-repeat 0% 100%;
	height: 195px;
}

#header span {
	position: relative;
	top: 21px;
	left: 223px;
	color: #29456c;
	font-size: 80%;
}

#leftbar {
	width: 213px;
	float: left;
}

#nav {
	width: 213px;
	background: #fff url("/images/navbg.gif") repeat-y 0% 0%;	
}

#nav span {
	display: none;
}

#nav ul {
	margin: 0 0 0 6px;
	padding: 0;
	list-style-type: none;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
}

#navtop {
	background: #fff url("/images/navtop.gif") no-repeat 0% 0%;
	height: 10px;
	width: 213px;
	float: left;
	overflow: hidden;
}

#navbottom {
	background: #fff url("/images/navbottom.gif") no-repeat 100% 0%;
	height: 10px;
	width: 213px;
	float: left;
	overflow: hidden;
}

#infopanel {
	width: 213px;
	background: #4382b6 url("/images/infopanelbg.gif") repeat-y 0% 0%;
}

#infopanelcontent {
	font-size: 80%;
	color: #fff;
	padding: 0 4px 0 15px;
}

#infopanel p {
	margin: 10px 0 0 0;
	padding: 0;
}

#infopanelcontent a {
	color: #fff;
}

#infopanelcontent a:hover {
	text-decoration: none;
}

#infopaneltop {
	background: #4382b6 url("/images/infopaneltop.gif") no-repeat 0% 0%;
	height: 10px;
	width: 213px;
	float: left;
	overflow: hidden;
}

#infopanelbottom {
	background: #4382b6 url("/images/infopanelbottom.gif") no-repeat 100% 0%;
	height: 16px;
	width: 213px;
	float: left;
	overflow: hidden;
}

#isoclogo {
	background-color: #96aad8;
}

#isoclogo img {
	padding: 10px 0 10px 20px;
}

#body {
	float: left;
	position: relative;
	width: 562px;
	background: #fff url("/images/border6px.gif") repeat-y 100% 0%;
	min-height: 571px;
	height: auto !important;
	height: 571px;
}

#bodytop {
	position: relative;
	background: #fff url("/images/bodycornerbg.gif") no-repeat 100% 0%;
	height: 10px;
	overflow: hidden;
}

#bodycontent {
	padding: 0 15px 0 15px;
	line-height: 165%;
	font-size: 90%;
}

#bodycontent a {
	color: #ff0000;
}

#bodycontent a:hover {
	text-decoration: none;
}

#footer {
	clear: left;
	background: #b3d8ff url("/images/footerbg.gif") no-repeat 100% 100%;
	height: 33px;
	color: #29456c;
	font-size: 85%;
	margin: 0 0 0 213px;
}

#footer a {
	color: #29456c;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.left {
	float: left;
	padding: 9px 0 0 10px;
}

.right {
	float: right;
	padding: 9px 10px 0 0;
}

.subsection {
	background: #fff url("/images/subsectionbg.gif") no-repeat 0% 0%;
	width: 260px;
	float: left;
	padding: 0 6px 10px 0;
}

.subcontent {
	padding: 0 10px 0 10px;
}

/* =============================== BEGIN NAV ========================= */
#navHome a {
  display: block;
  width: 206px;
  height: 37px;
  background: #fff url("/images/nav/home.gif") no-repeat 0 0;

}

#navHome a:hover {
  background-position: 0 -37px;
}

#navSids a {
  display: block;
  width: 206px;
  height: 37px;
  background: #fff url("/images/nav/sids.gif") no-repeat 0 0;

}

#navSids a:hover {
  background-position: 0 -37px;
}

#navRaceinfo a {
  display: block;
  width: 206px;
  height: 37px;
  background: #fff url("/images/nav/raceinfo.gif") no-repeat 0 0;

}

#navRaceinfo a:hover {
  background-position: 0 -37px;
}

#navPhotos a {
  display: block;
  width: 206px;
  height: 37px;
  background: #fff url("/images/nav/photos.gif") no-repeat 0 0;

}

#navPhotos a:hover {
  background-position: 0 -37px;
}

#navDonate a {
  display: block;
  width: 206px;
  height: 37px;
  background: #fff url("/images/nav/donate.gif") no-repeat 0 0;

}

#navDonate a:hover {
  background-position: 0 -37px;
}

#navSponsors a {
  display: block;
  width: 206px;
  height: 37px;
  background: #fff url("/images/nav/sponsors.gif") no-repeat 0 0;

}

#navSponsors a:hover {
  background-position: 0 -37px;
}
/* =============================== END NAV ========================= */
	
	
	
	