/* CSS Document */
/* Copyright (c) 2005-2007 Huisware Web Technologies Inc */
/* Huisware Web Technologies Inc */

body
{    
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;    
    color: #000000;
    background: #7ab02d;
    background: url( "../i/background.jpg" ) repeat;    
    margin: 0;
    padding: 0;
}

/* main */
#container
{
    background: url( "../i/bottom_3_flat.jpg" ) no-repeat left bottom;
    left: 50%;
    position: absolute;
    width: 770px;
    margin: -5px 0 20px -385px;
    padding-bottom: 20px;
}

/* wrapper */
#wrapper
{
    padding: 0px 30px 1px 30px;
    background: url( "../i/slider_3_flat.jpg" ) repeat-y;    
}

/* Page Header */
#pageHeader
{
    margin: 0 -30px;
    background: url( "../i/top_3_flat.jpg" ) no-repeat;
}

#pageHeader h1
{
    background: url( "../i/header_narrow_tall.jpg" ) no-repeat;
    height: 117px;
    width: 738px;
    position: relative;
    top: 14px;
    left: 16px;
    border-bottom: solid 5px #344d9e;
}

#pageHeader h1 span
{
    display: none;
}

/* Navigation*/
#navigation
{    
    margin-top: 0px;    
    padding: 0;
	height: 30px;
	width: 737px;  
}

#navigation ul
{
    position:relative;
    margin: 0;
    padding: 0;
    border:0;
    top: 0px;
    left:0px;
	height: 30px;
	width: 737px;
	background: transparent url(../i/nav.gif) top left no-repeat;	
}
#navigation ul li
{
    padding:0;
    margin:0;
    border:0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
ul#menu li, ul#menu a 
{
	height: 30px;
	display: block;
}
	
#navigation ul li a 
{
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
	
#nav_home	{left: 0; width: 184px;}
#nav_races	{left: 185px; width: 184px;}
#nav_resources	{left: 369px; width: 184px;}
#nav_about {left: 553px; width: 184px;}

#nav_home a:hover	{background: transparent url(../i/nav.gif) 0 -30px no-repeat;}
#nav_races a:hover {background: transparent url(../i/nav.gif) -185px -30px no-repeat;}
#nav_resources a:hover {background: transparent url(../i/nav.gif) -369px -30px no-repeat;}
#nav_about a:hover {background: transparent url(../i/nav.gif) -553px -30px no-repeat;}

	/* You are here - main nav */
	
body#home #nav_home {background: transparent url(../i/nav.gif) 0 -30px no-repeat;}
body#races #nav_races {background: transparent url(../i/nav.gif) -185px -30px no-repeat;}
body#resources #nav_resources {background: transparent url(../i/nav.gif) -369px -30px no-repeat;}
body#about #nav_about {background: transparent url(../i/nav.gif) -553px -30px no-repeat;}


/* Submenu*/
.submenu
{		   
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
	
/* Column layout */
#column_1
{
    width: 150px;
    padding: 10px 0px 0px 0px;
    float: left;    
}

#column_2
{
    width: 550px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    float: right;      
}

#column_2a
{
    width: 275px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    text-align: left;
    float: left;        
}

#column_2b
{
    width: 275px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    text-align: left;
    float: right;        
}

#column_2all
{
    width: 550px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    text-align: left;
    float: left;        
}

#footer
{
    clear: both;
    background-position: center center;    
    background-color:Transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    position: relative;
    top: 60px;
    left: 0px;
}

#footer p
{
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 0px 0px 10px 0px;
}

#footer a:link
{
    font-weight: normal;
    text-decoration: none;
    color: #444;
}

#footer a:visited, #footer a:visited:hover
{
    font-weight: normal;
    text-decoration: none;
    color: #444;
}

#footer a:hover, #footer a:active
{
    font-weight: normal;
    text-decoration: underline;
    color: #444;
}

#column_1 h1, #column_2 h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 22px;
	color:#222222;	
	margin-left:5px;
    margin-right:5px;
}

#column_1 h2, #column_2 h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	color:#222222;
    margin-left:5px;
    margin-right:5px;	
}

#column_1 h3
{
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align:center;
    padding: 3px 0px;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background: #a0afe1;
    color:#ffffff;
}

#column_2 h3
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align:center;
    padding: 3px 0px;    
    margin-left:5px;
    margin-right:5px;    
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;    
    background: #a0afe1;
    color:#ffffff;
}

#column_2 h4
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align:left;
    padding: 3px 0px;    
    margin-left:5px;
    margin-right:5px;
    color:#344d9e;
}

#column_2a p, #column_2b p
{
    margin-left:5px;
    margin-right:5px;
}

#column_2a img, #column_2b img
{
   border: solid 0px #7ab02d;
}

#column_2a .caption, #column_2b .caption
{
    font-style:italic;
    color: #344d9e;
}

#column_1 ul 
{	
	margin: -10px 0px 0px 5px; 
	padding: 0px 0px 0px 0px;	
}

#column_1 li 
{
	display: block;
	list-style-type: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align:left;    	
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

#column_1 li.local_link
{
    font-weight:bold;
}

.col_item, .col_item_last
{
    padding-bottom:10px;
    margin-bottom:10px;
    margin-left:5px;
    margin-right:5px;  
    border-bottom: solid 1px #cccccc;       
}

.col_item_last
{ 
    border-bottom: 0px;
}

#column_2 .col_item h4, #column_2 .col_item_last h4
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-align:left;
    padding: 0px;    
    margin:0px;    
}

#column_2 .col_item p, #column_2 .col_item_last p
{
    margin:0px;    
}

.col_item .img_left, .col_item_last .img_left
{    
    margin-right:5px;     
    float:left;
}

.col_item .img_right, .col_item_last .img_right
{    
    margin-left:5px;     
    float:right;
}

.col_item .img_center, .col_item_last .img_center
{    
    margin-right:5px;     
    margin-left:5px;
    text-align:center;    
}

.p2
{	
    padding-top:10px;
}

.col_item ul li, .col_item_last ul li 
{
	list-style-type:disc;
	margin-left:-15px;
}

a {
	color: #344d9e;	
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.endLink {
	color: #344d9e;
	font-weight:bold;	
	text-decoration: none;
}

a.endLink:hover {
	text-decoration: underline;
}

a img {	
	border: 0px;
}

/* Input table */
 table {
 background-color: #F9FBFD;
 color: #000000; 
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
 padding-top:10px;
}

th {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
 padding-right: 4px;
 text-align:center; 
}

td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
 padding-right: 4px; 
}