@charset "utf-8";
/* CSS Document */

/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px}

p { font-size:11px; color:#000; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; line-height:1.4em; padding-bottom:10px}
p a:link, p a:visited { text-decoration:underline; color:#1889a1}
p a:hover { text-decoration:underline; color:#3598ad}

h1 { font-family:"Garamond", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:28px; font-weight: bold; margin:0; padding:0}
h2 { font-family:"Garamond", Arial, Helvetica, sans-serif; color:#79754b; font-size:16px; font-weight: normal; margin:0; padding:0; padding-top:20px; padding-bottom:5px; padding-left:4px}
h1.title{font-family:"Garamond", Arial, Helvetica, sans-serif; color:#0b4153; font-size:28px;}
h2.big {font-family:"Garamond", Arial, Helvetica, sans-serif; font-size:72px; color: #000;}

/*
---------------------------------------------
02. HEADER STYLES
---------------------------------------------
*/

#bgheader { width:100%; background:#00728a url(/images/bg_header.gif) repeat-x top right}
#header { width:923px; height:114px; margin:0 auto}

/*
---------------------------------------------
02.1 LOGO
---------------------------------------------
*/

#logo { width:204px; float:left; cursor:default}

/*
---------------------------------------------
02.2 HEADER LINKS
---------------------------------------------
*/

#headerlinks { float:right; width:710px;}
#toplinks { float:right; width:220px; height:21px; font-size:11px; color:#30adc8; padding-top:5px; text-align: right}
#toplinks a:link, #toplinks a:visited { text-decoration:none; color:#FFFFFF; padding-left:4px; padding-right:4px;}
#toplinks a:hover { text-decoration: underline; color:#FFFFFF}

/*
---------------------------------------------
02.3 LOGO TEXT
---------------------------------------------
*/

#logotext { width:460px; height:60px; position:relative; padding-top:20px; padding-left:10px}
#logotext h1 { font-family:"Garamond", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:28px; font-weight: normal; margin:0; padding:0;}
#logotext .date { font-family:"Garamond", Arial, Helvetica, sans-serif; color:#e7e7e7; font-size:15px; font-weight: bold; margin:0; padding:0;}

/*
---------------------------------------------
02.4 TOP NAVIGATION
---------------------------------------------
*/

#nav { width:670px; margin:0; padding:0; float: right; background-color:#ffdb82; margin-top:6px;}
#nav li { float: left; margin: 0; padding:0; list-style: none; background:url(/images/nav_divider.gif) no-repeat top right; height:28px; overflow:hidden}
#nav li.last {background: none;}
#nav a { float: left; padding: 6px 12px; font-size:14px; text-decoration: none; color: #443a23; font-weight:bold;}
#nav a:hover, #nav a.active { color: #fff; text-decoration: none;background-color:#0b4153; }
#nav li.active a{ color:#fff; background-color:#0b4153; text-decoration: none}

#subnav {margin: 0; padding: 0; margin-top:6px;}
#subnav li {border-bottom: 1px dotted #ccc; width:170px; padding: 5px;}
#subnav li a {text-decoration: none; font-size:14px; color: #0b4153;}
#subnav li a:hover {background-color: #DFDDCB;}

/*
---------------------------------------------
03. CONTENT STYLES
---------------------------------------------
*/

#bgcontent { width:100%; background: #FFFFFF url(/images/bg_content.gif) repeat-x top right;}
#content {width:923px; margin:0 auto; overflow: hidden; padding-bottom:20px;}

/*
---------------------------------------------
03. CONTENT LEFT
---------------------------------------------
*/

#content-left { width:195px; float:left;}
#content-left p { font-size:11px; color:#000; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; line-height:1.4em; padding-bottom:10px; padding-right:40px; padding-left:5px}
#content-left p a:link, #content-left p a:visited { color:#1889a1; text-decoration:underline}
#content-left p a:hover { color:#117186; text-decoration:none;}

#content-left .titlesponsor { font-size:20px; font-weight: normal}
#content-left .signa { width:150px;}
#content-left .signa img{ padding-left:5px;}
#content-left .clickherelink { padding-left:15px;}
#content-left table.sponsors { width:160px; margin:0; padding:0; padding-left:6px}
#content-left table.sponsors tr { line-height:1.4em; font-size:11px; text-align: center;}
#content-left table.sponsors td { border:none; padding: 0; margin: 0;}
#content-left table.sponsors img { width: 78px;}
#content-left table.sponsors a:link, #content-left ul.sponsors li a:visited { color:#1889a1; text-decoration:underline}
#content-left table.sponsors a:hover { color:#117186; text-decoration:none;}

#content-left #sponsorlogo { width:140px; height: 70px; margin:0; padding:0; margin-top:5px;}

table {width: 100%; padding: 0; margin: 0;}
thead {background-color: #ddd;}
th {padding: 4px 2px; border-bottom: 1px solid #aaa;}
th a {color: #14383D;}
tr.odd {background-color: #E4F2F5;}
td{font-size: 13px; padding:4px 2px; border-bottom: 1px solid #D3E4E7;}
.highlight {
	background-color: #FFFFE7;
}
blockquote {
	font-size: 13px;
	color: #000;
	font-style: italic;
}

/*
---------------------------------------------
04. CONTENT RIGHT
---------------------------------------------
*/

#content-right { width:726px; float: right;}
#content-right h1 {padding-top:15px; color:#0b4153; padding-left:0px; padding-bottom: 10px; font-family: "Times New Roman", times, serif;}
#content-right p { font-size:14px; color:#333; padding-bottom:6px; padding-top:5px}
#content-right p a, #content-right p a:link, #content-right p a:visited { text-decoration: underline; color:#1889a1;}
#content-right p a:hover { color:#117186; text-decoration:none;}
#content-right ul, #content-right ol { font-size:14px; color:#333;}
#content-right ol li {list-style-type: decimal;}
#content-right ul a, #content-right ul a:link, #content-right ul a:visited { text-decoration: underline; color:#1889a1;}

/*
---------------------------------------------
04.1 NEWS AND GALLERY
---------------------------------------------
*/

#content-right #bgnews { width:707px; height:270px; background-color:#164554; padding:10px}
#content-right #bgnews .news { float:left; width:180px; height:270px; padding-left:5px; overflow: hidden}
#content-right #bgnews .news p { font-size:12px; color:#FFFFFF; padding-bottom:3px; padding-top:3px}
#content-right #bgnews .news p a:link, #content-right #bgnews .news p a:visited { text-decoration:underline; color:#FFFFFF}
#content-right #bgnews .news h2 { padding-top:0px; color:#48dfff; font-size:20px; padding-left:0px}
#content-right #bgnews .morenewslink { text-align:right; margin-left:10px; margin-top:0px;padding-top:0px !important;}

#content-right #bgnews #gallery { float: right; width:500px; height: 270px;}
#content-right #anouncement { font-size:13px; margin: 8px 0; background-color: #F8F7D9; padding:5px 8px;}
/*
---------------------------------------------
04.2 RACE PHOTOS
---------------------------------------------
*/

#content-right #racephotos { width:416px; float:left; margin-top:20px}
#content-right #bgracephotos { width:385px; background: #FFFFFF url(/images/bg_racephotos.gif) repeat-x top right; padding-left:15px;}

#content-right #racephotos h2 { padding-top:10px; color:#79754b; font-size:18px; padding-left:0px}

#content-right #racephotos ul.photoslink {margin:0;padding:0;list-style:none;color: #2b2b2b;	font-family: Arial, Helvetica,sans-serif;font-size:13px;font-weight: normal; line-height:1.3em;}
#content-right #racephotos ul.photoslink li {width:300px;display:block;background:url(/images/bullet_yellow.gif) top left no-repeat;margin:3px 0 0 0px;padding:2px 5px 10px 16px;}
#content-right #racephotos ul.photoslink a:link, #content-right #racephotos ul.photoslink a:visited {color: #1889a1; text-decoration:none}
#content-right #racephotos ul.photoslink a:hover {color: #1889a1; text-decoration: underline}

#content-right #racephotos .photos { margin-top:-10px; float:left;  margin-left:242px; position:absolute;}

/*
---------------------------------------------
04.3 MAP
---------------------------------------------
*/

#content-right #map { width:280px; float:right; background:#FFFFFF url(/images/bg_racephotos.gif) repeat-x top right; margin-top:20px; padding:10px;}
#content-right #map p { width:280px; text-align: left; font-size:12px; padding-top:2px}

/*
---------------------------------------------
05. FOOTER STYLES
---------------------------------------------
*/

#bgfooter { width:100%; background:#00728a url(/images/bg_footer.gif) repeat-x top right; clear:both}
#footer { width:923px; margin:0 auto; padding-bottom:20px; overflow:hidden}
#footer .contactinfo { width:260px; float:left; padding-top:60px; }
#footer .contactinfo p { color:#bfdce2}

#footer .webdesign { width:400px; text-align:right; float:right; padding-top:75px; color:#bfdce2}
#footer .webdesign a:link, #footer .webdesign a:visited, #footer .contactinfo a { text-decoration:underline; color:#efbd0c}
#footer .webdesign a:hover { text-decoration:none; color:#fff}
/*
---------------------------------------------
06. MISCELLANEOUS STYLES
---------------------------------------------
*/

img { border:none}

.printheader p a {color:#fff;}