body {
	font-family: arial, helvetica, serif;
	font-size: 10pt;
	border: 2px double #7d6340;
	padding: 1em;
	margin: auto;							
	width:810px;
	background-color: #f4ecd9;		
	font-size:90%;
	}
	a {
	color: #003366;
}
    img {
	border-style:none
}
	a:hover {
	color: #008000;
	text-decoration: none;
}
#members{
width:95%;
border:2px;
font-size:90%;
padding:1em;
margin:auto;
border-style:solid;
	border-width: 1px;
	background-color: #f4ecd9;	
}
#content {
	width: 800px;
	background-color: #DAD1B8;
	padding: 1em 0;
	border: 0px ; 
	margin: auto;
	left: auto; top: 4px;
	
}

	h3 {
	font-size:10pt;
	text-align:left;
	padding: 0 0 0.25em 0;
	margin: 1em;
	}
	
	h2 {font-size:12pt;
		text-align:left;
	padding: 0 0 0.25em 0;
	margin: 1em;
	}
	
	h1 {
	font-size:14pt;
		text-align:left;
	padding: 0 0 0.25em 0;
	margin: 1em;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	
	/* Header styles */
	#header {
		clear:both;		
		float:none;
		width:100%;
			}
	
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	
	#header h1 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	
	#header p {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	
	/* 'widths' sub menu */
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:810px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.colmid {
		float:left;
		width:100%;
		position:relative;
	}
	.colright {
		float:left;
		width:100%;
		position:relative;
	}
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	.col2 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	.col1 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
		/*background:#eee;	*/	/* right column background colour */
	}
	.rightmenu .colleft {
		/* right:25%;		*/	/* right column width */
		/* background:#fff;	*/	/* left column background colour */
	}
	.rightmenu .col1 {
		width:83%;			/* left column content width (left column width minus left and right padding) */
		left:2px;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:17%;			/* right column content width (right column width minus left and right padding) */
		left:2px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:none;
		width:100%;
		text-align: center;		
	}
	#footer p {
	padding: 10px;
	margin: 0;
	background-color: #e3d7ba;
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: auto;
	z-index:1;
}

#nav a {
	font-weight: bold;
	color: green;
	text-decoration: none;
}


#nav li li a {
	display: block;
	font-weight: normal;
	color: #060;
	padding: 0.1em 2px;
}

#nav li li a:hover {
	padding: 0.2em 5px;
	border: 3px solid #c0c0c0;
	border-width: 0 2px;
}
#nav li a:hover {
	color: #000000
}
#nav li {
	float: left;
	position: relative;
	width: 5em;
	text-align: center;
	cursor: default;
	background-color: #FFFFFF;
	border: 1px solid #7d6340;
	border-width: 1px 0;
	list-style-type: none;
	font-size: 95%;
}
li {
	list-style-type:disc;
}

#nav li#first {
	border-left-width: 1em;
}

#nav li#last {
	border-right-width: 1em;
}
#nav li#wide {
	width: 8em;

}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: bottom left no-repeat;
	padding: 0.1em 0 .1em 0;
	
	background-color: #f4ecd9;
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	background-color: #f4ecd9;
	width: 12em;
	text-align: left;
	
}

li.over ul {
	display: block;
	background-color: #f4ecd9;

}

li.over ul {
	display: block;
}

#nav li:hover ul {
	display: block;
}
.RaceName {
	visibility:hidden;
}