body {
/*
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
*/

	text-align: center;	
	font-family: sans-serif;
}

div#header, div#body, div#nascar, div#linkbar {
	margin: 0 auto;
	text-align: left;
	max-width: 850px;
	
	/* IE is crap hack... */
	width: expression(document.body.clientWidth > 850? "850px": "auto" );
}

div#header {
	margin-bottom: 20px;
}

div#header img {
	border: 0;
}

div#logo {
	padding-left: 10px;
	padding-bottom: 4px;
}

div#linkbar {
	background-color: #003366;
	padding: 2px 25px;
}

div#linkbar a, div#linkbar a:visited {
	color: white;
	
	font-family: sans-serif;
	
	text-decoration: none;
	font-weight: bold;
	font-size: smaller;
}

div#linkbar a:hover {
	text-decoration: underline;
}





span.left {
	float: left;
}

span.right {
	float: right;
}

.clear {
	/* This is stupid! CSS was never designed for page-level layouts... */
	clear: both;
	font-size: x-small; /* Take up as little room as possible */
}


div#content {

	
	float: left;
	width: 72%;

}

div#rightbar {

	
	float: right;
	width: 24%;
}

div#rightbar h3, div#rightbar p, div#rightbar a {
	text-align: right;
}

div#rightbar h3{
	margin-bottom: 0px;
}

div#rightbar p {
	margin-top: 0.5em;
}

div.image {
	float: left;
}

div.image p {
	font-size: smaller;
	font-weight: bold;
	
	margin-top: 0.5em;
}

div#body, div.story, div#numbers, div#nascar {
	clear: both;
}


h1 {
	margin: 0;
}

h2 {
	font-weight: normal;
	font-style: italic;
	font-family: sans-serif;
	
	margin-top: 0;
}

div#numbers h2, div#website h2, div#articles h2 {
	color: #800000;
}

div#numbers h2 {
	font-weight: bold;
}

div.image {
	padding-right: 15px;
}



div#archives {
	font-size: larger;
	margin-top: 20px;
	text-align: center;
}

div#archives a, div#archives a:visited {
	color: #003366;
}

div#numbers {
	margin-bottom: 2.25em;
}

div#numbers h2 {
	margin-top: 1em;
	margin-bottom: 0em;
}

div#numbers p {
	margin-top: 0.25em;
}