html, body {
    height: 100%;
}
body {
	margin:0px;
	padding:0px;
	background-color:#D3D3D3;
	background-image: url(http://www.taosskiteam.com/images/snow_flake.jpg);
	}
/**Layout divisions**/

#wrap {
	width:750px;
	background:#B0C4DE;
	margin-left:auto;
	margin-right:auto;
}		
/*Global navigation bar at top of page*/
#navbar {
	width: 750px;
	height: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding: 3px;
	margin:0px;
	background-color: #452E06;
	text-align:right;
	border-top: solid 1px #C3A372;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 19px;
	width: 744px;
	}
#navbar ul {
	margin-left: 0px;
    padding-left: 0px;
    display: inline;
    border: none;
	}
#navbar ul li {
    list-style: none;
    display: inline;
}				
#rule {
	background: #000;
	height: 4px;
	width: 750px;
	margin:0px;
	padding:0px;
	border-top:solid 1px #FFF;
	border-bottom:solid 2px #CAB563;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:1px;
}	
#navbar a:link {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	background:#452E06;
	color:#FFF;
	text-decoration:none;
	border-left: 1px solid #FFF;
	font-weight:normal;
	}
#navbar a:visited {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	background:#452E06;
	color:#FFF;
	text-decoration:none;
	border-left: 1px solid #FFF;	
	font-weight:normal;
	}
#navbar a:hover {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	text-decoration:underline;
	border-left: 1px solid #FFF;	
	font-weight:normal;	
	}		
#navbar a:active  {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	color:#FFF;
	border-left: 1px solid #FFF;	
	text-decoration:none;
	font-weight:normal;	
	}
#navbar li.home a:link {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	background:#452E06;
	color:#FFF;
	border:none;
	text-decoration:none;
	font-weight:normal;
	}
#navbar li.home a:visited {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	background:#452E06;
	color:#FFF;
	border:none;
	text-decoration:none;
	font-weight:normal;
	}
#navbar li.home a:hover {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	text-decoration:underline;
	border:none;
	font-weight:normal;	
	}		
#navbar li.home a:active {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
	color:#FFF;
	text-decoration:none;
	border:none;
	font-weight:normal;	
	}			
#header {
	width: 750px;
	height: 80px;
	margin:0px;
	padding:0px;
	border-top:1px solid #FFF;
	}
	/*  Horizontal navigation bar */
	  
#hmenu {
	width: 750px;
	height: 22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#FFF;
	}	 
#navmenu {
	margin: 0;
	padding: 0;
	}

#navmenu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#navmenu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#navmenu ul li a {
	background-color:#CDD3B8;
	width: 74px;
	line-height:2em;
	height: 22px;
	border-top: 1px solid #81706B;
	border-left: 1px solid #81706B;
	border-bottom: 1px solid #81706B;
	border-right: none;
	padding: 0px;
	margin-top:0px;
	color:#81706B;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	font-size: xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: x-small;
	}

html>#navmenu ul li a  {
	font-size: x-small;   
	} 

#navmenu ul li#last a	{
	width: 73px;
	border-right: solid 1px #81706B;
	}

#navmenu ul li a:hover {
	color: #FFF;
	background-color:#452E06;
	}

#navmenu a:active	{
	color: #fff;
	}
#contcontain {
	background:#B0C4DE;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 750px;
	border-left:1px solid #452E06;	
	position:relative;
	min-height:100%;
	voice-family: "\"}\"";   
	voice-family: inherit;
	width:749px;	
	}
#Content {
	font:12px/20px verdana, arial, helvetica, sans-serif;
	margin:0px;
	padding:5px 5px 5px 5px;
	width:597px;
	float:left;
	position:relative;
    min-height: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:559px;
}
div#contcontain>#Content
{
	height: auto;	/* fix Opera which breaks with the above IE fix */
}
div#Content
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#Content p {
	font:12px/20px verdana, arial, helvetica, sans-serif;
	padding-right:50px;
	color:#333;
	margin-top:0px;
	margin-bottom:10px;
 }
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}
#Content ul li {
	font:12px/20px verdana, arial, helvetica, sans-serif;
	color:#333;
	}
#Content ol li {
	font:12px/20px verdana, arial, helvetica, sans-serif;
	color:#333;
	}	
/*Vertical sidebar navigation*/
#Menu {
	font:12px/20px verdana, arial, helvetica, sans-serif;
	background: #B0C4DE;
	margin-top:0px;
	width:180px;
	padding:5px 5px 5px 8px;
	line-height:12px;
	font-size:12px;
	float: left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;      
	}
#Menu p {
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #A1C2B0;
	padding:5px 0px 5px 0px;
	margin:0px;
	color: #FFF;
		}
#Menu h1 {	
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px solid #FFF;
	padding:5px 0px 5px 0px;
	margin:0px;
	color: #FFF;
	}
#Menu a:link {
	text-decoration: none;
	color:#FFF;
	font-weight:normal;
		}
#Menu a:visited {
	text-decoration: none;
	color:#FFF;
	font-weight:normal;	
}		
#Menu a:hover {
	text-decoration: underline;
	color:#FFC;
	font-weight:normal;	
}
#Menu a:active {
	text-decoration: none;
	color:#FFF;
	font-weight:normal;	
}
#image {
	height:270px;
	width:500px;
	margin:0px;
	float:left;
	}
#image ul li {
	width:200px;
	margin:0px;
	padding:0px;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	}	
#imageleft {
	width:200px;
	margin:10px 0px 10px 0px;
	padding:5px;
	float:left;
}
#imageleft p {
	font:11px/14px Georgia, "Times New Roman", Times, serif;
	padding:5px;
	margin:0px;
	border-top: 1px solid #DDD;
	}
#imageleft ul li {
	font:10px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0px;
	padding:0px;
	width: 150px;
	}	
#footcontain {
	width:750px;
	float:left;
}	
#footer {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #422900;
	border-bottom: 2px solid #452E06;
	border-left: 1px solid #81725D;
	padding: 2px;
	width: 750px;
	height: 20px;
	background-color: #CDD3B8;
	margin:0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 14px;
	width: 745px;
}	
#footer ul {
	margin-left: 0px;
    padding-left: 0px;
    display: inline;
    border: none;
	}
#footer ul li {
	margin-left: 0px;
    padding-left: 3px;
	padding-right: 3px;
    border-left: 1px solid #422900;
    list-style: none;
    display: inline;
}
#footer ul li.home {
	margin-left: 0px;
    padding-left: 3px;
    border-left: none;
    list-style: none;
    display: inline;
}
#footer a:link {
	text-decoration: none;
	color:#333;
	}
#footer a:visited {
	text-decoration: none;
	color:#333;
	}	
#footer a:hover {
	text-decoration: underline;
	color:#333;	
	}
#footer a:active {
	text-decoration: none;
	color:#333;
	}	

/**Image handling**/		
img {
	border:0px;
	}
.imgright {
	display: block;
	float: right;
	position: relative;
	bottom: 0px;
	margin: 0px 50px 0px 0px;
	padding: 0px;
	border: 0px;
}	
.imgleft {
	float:left;
	}
	
/**Typography**/						             
h1 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #2A3F55;
	margin-top: 10px;
	margin-bottom: 0px;
}
h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #2A3F55;
	margin-top: 10px;
	margin-bottom: 0px;
}
h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #2A3F55;
	margin-top: 10px;
	margin-bottom: 0px;
}
h4 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 10px;
	margin-bottom: 0px;
}
a:link, a:visited {
	text-decoration:underline;
	color:#2a3f55;
}
a:hover {
	text-decoration:none;
	color:#AA7F00;
	}
a:active {
	text-decoration:underline;
	color:#2a3f55;
	}	
.contact {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
	line-height: 12px;
}
SPAN.strong {
	font-weight : bold;
}

DIV.eventbody {
		font-family: Arial, "Sans serif";
		color: black;
		text-align: left;
}

DIV.headline {
		font-family: "Arial Black", "Sans serif";
		color: black;
		 font-size: 12px;
		font-style: bold;
text-align: center;

}

DIV.small {
		font-family: Arial, "Sans serif";
		color: black;
		text-align: left;
		 font-size: 10px;

}

A.small {
		font-family: Arial, "Sans serif";
		text-align: left;
		 font-size: 10px;

}


DIV.center {
text-align: center;
}

DIV.months {
	font-family: Arial, "Sans serif";
	color: Navy;
	text-align: left;
	font-size: 14px;
	font-style: bold;
	font-style : italic;
	font-weight : bold;
}

td.title {
font-family: Arial, "Sans serif";
		text-align: left;
		 font-size: 12px;

}
td.eventbody {
font-family: Arial, "Sans serif";
		text-align: left;
		 font-size: 12px;

}


DIV.disclaim {
		background: #deb887;
		color: #000000;
		border: 3px outset white;
		padding: 5px;
}

IMG.bar {
text-align: center;
}


P.drop-cap:first-letter {
		font-size: 150%;
		float: left;
}

P.return {
text-align: right;
font-size: 10px;
}

TABLE.races {
	background-color : transparent;
	color : #0000CD;
	font-weight : bold;
	border: solid;
	border-width : 0;
	border-color : #666633;
}
	

TD.races {
	background-color : transparent;
	vertical-align : top;
	padding : 0 3px 0 3px;
	border: solid;
	border-width : 0;
	border-color :  #666633;
}

.hilite {
	background-color : transparent;
	vertical-align : top;
	color : Black;
	font-weight : bold;

}


Span.races {
	background-color : transparent;
	vertical-align : top;
	color : #0000CD;
	font-weight : bold;
}

TD.rightraces {
    background-color : transparent;
	text-align : right;
}



HR.addfamily {
	width : 50%;
}


.small {
	font-size : 90%;
}

span.pagetitle {
	font-size : 150%;
	font-weight : bold;
	text-align : center;
}
.smaller {
	font-size : 80%;
}

.large {
	font-size : 110%;
}

.larger {
	font-size : 120%;
}

<!-- This stylesheet uses pt's for font sizing for demonstration purposes. 
However, the problem with pt's is that their size is fixed, which means it cannot be changed 
with a user's browser. They also are extremely small for some Mac's. 
When using this stylesheet, it is recommended that pt's be replaced with em's (or percentages). 
For example, 7.8pt on a PC is, roughly, the equivalent of .7em for PC's and .8 or .9 em for Mac's. -->

#blankbg {background-image: url(images/spacer.gif); background-repeat: no-repeat}

td {font-family: arial, geneva, sans-serif; font-size: 1em; }

.white78 {font-family: arial, geneva, sans-serif; font-size: 9px; color: #ffffff}
.white8 {font-family: arial, geneva, sans-serif; font-size: 10px; color: #ffffff}
.white9 {font-family: arial, geneva, sans-serif; font-size: 11px; color: #ffffff}

.menutext {
font-family: arial, geneva, sans-serif; 
font-size: 12px; color: #0AA2E1
}

.blue16 {font-family: arial, geneva, sans-serif; font-size: 16px; color: #0AA2E1}
.grey78 {font-family: arial, geneva, sans-serif; font-size: 10px; color: #636363}

.locals
{
	border-style: solid;
	border-color: Green;
	border-width : 1;
}

A:link    {
	color: Black;
text-decoration: none;}    /* unvisited links */

A:visited { color:  Black;
text-decoration: none; }   /* visited links   */

A:hover   {
	color: #006400;
	text-decoration: underline;
} /* user hovers     */

A:active  { color:  Black;
text-decoration: none; }   /* active links    */

A {
		text-decoration: none;
}