body {
	background-color:	#ffff77;
	color:			#000000;

	background-image:	url("/images/BigWave.crop.png");
	background-position:	bottom left;
	background-repeat:	repeat-x;

	padding-bottom:		25px;
}

a:Link,
a:Visited {
	color:			#444444;
}

div#container {
	width:			90%;
	margin-left:		5%;
}

h1 img {
	width:			90%;
}

h1 {
	margin:			0; 
	text-align:		center;
}

ul#SiteNav {
	border-top:		0.25em solid #000000;
	border-bottom:		0.25em solid #000000;
	text-align:		center;
	padding:		0.25em;
	margin:			0;
}

ul#SiteNav li {
	display:		inline;
	border-right:		0.1em solid #000000;
}

ul#SiteNav li a {
	margin-left:		0.5em;
	margin-right:		0.5em;
	text-decoration:	none;
}

/*
	If IE didn't suck so much, I would be using
		ul#SiteNav li:last-child
	and wouldn't have to bother giving the li an ID.
	but IE sucks... so what are you gonna do?
	FF supports most of the CSS3 selectors... why is IE still working
	on CSS1?
*/
ul#SiteNav li#last {
	border-right:		none;
}

div#content {
	margin:			0;
	padding:		1em;

}

div#content h2 {
	border-bottom:		0.1em solid #000000;
	font-style:		italic;
	width:			75%;
}

div#content h3 {
	border-bottom:		0.1em solid #000000;
	font-style:		italic;
	width:			75%;
}

div#content p {
	text-align:		justify;
}

div#foot {
	clear:			both;
	padding:		1em;
	text-align:		center;
	font-size:		small;
}

div#whore {
	display:		none;
}

body#index div#race {
	float:			right;
	width:			20em;
	border-left:		0.1em solid #000000;
	padding:		0.25em;
	margin-left:		1em;

}

body#index div#race ul {
	margin:			0;
	padding:		0;
	list-style-type:	none;

}

body#index div#race ul li {
	margin-bottom:		1em;

}

body#index div#race a:link,
body#index div#race a:visited {
	color:			#444444;
}

body#index div#race h3 {
	margin:			0 0 0.5em 0;
}
	
body#index div#main {
	margin-right:		21em;
	zoom:			1;
}

body#index div#main h3#what {
}


body#sponsors div#BecomeSponsor{
	float:			right;
	width:			50%;
}

body#sponsors div#CurrentSponsors {
	width:			50%;
	float:			left;
}

body#sponsors div#Artists {
	width:			50%;
	float:			left;
}

body#sponsors div#past {
	float:			right;
	width:			50%;
	margin-top:		2em;
}

body#roster div#OnTheBoat {
	float:			right;
	width:			50%;
}

body#roster div#BoardOfDirectors {
	float:			left;
	width:			50%;
}

body#roster dl dt {
	font-weight:		bold;
	font-style:		italic;
	font-size:		large;
}