html, body {margin: 0; padding: 0; border: 0;}

body {
color: #111;
background: #F4DC66 url(/templates/img/bodybkg.gif) top center no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .80em;
font-weight: normal;
text-align: center;
margin: 0;  /* Use margin: XXpx 0; to add space at the top of the layout */
}

#editor { text-align: left; background: #fff; }

p  {margin: 6px 0; padding: 0 6px; line-height: 135%; }

h1 { font-size: 1.5em; color: #E45021; margin: 6px 2px; padding: 0;}
h2 { font-size: 1.05em; color: #E45021; margin: 2px 4px; padding: 0; text-transform: uppercase;}
h3 { font-size: 1em; margin: 2px 8px; padding: 0;}
h4 { font-size: .95em; margin: 2px 10px; padding: 0;}
h5 { font-size: .90em; margin: 2px 12px; padding: 0;}
h6 { font-size: .85em; margin: 2px 14px; padding: 0;}

ul { margin-left: 1.15em; padding-left: .8em; line-height: 120%;}

a         {text-decoration: none; color: #06f;}
a:active  {text-decoration: none; color: #06f;}
a:hover   {text-decoration: none; color: #06f;}
a:visited {text-decoration: none; color: #06f;}

.clear { clear: both; }

.wide {
background: #000;    /* header and footer colours */
}

.wide p {margin: 0; padding: 5px; position: relative;}

.top {
  background: #fff url(/templates/img/header.gif) no-repeat;
  height: 187px;
}

.top h1 {display: none;}

.imagebar { position: relative; height: 130px; background: #f90; border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #eee; }

.bottom {position: relative; color: #333; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;}

.footer { width: 100%; padding-top: 4px; font-size: 10px; text-align: center; color: #666;}

.newsletter { width: 90%; color: #ccc; font-size: 10px; background: #fff;}

.menu_main { background-color: #fff;}

.homebox { height: 187px;  background: #fff url(/templates/img/home_bkg.gif) no-repeat; border-left: 1px solid #999; border-right: 1px solid #999; }
.homeimg {display: block; float: left; padding: 18px 18px 18px 100px; }
.photobox { display: block; float: right; width: 350px; padding: 10px 0; margin-left: 15px } 
.newsbox { display: block; float: left; width: 400px; padding: 30px 10px 10px 10px; margin: 1px; border: none; background: none; color: #000; }
.newsbox h2 {font-size: 18px; padding-bottom: 4px; margin-left: 6px; text-transform: none;}

.newsbox ul { list-style: none; margin: 0 auto; line-height: 160%; font-size: .95em; }
.newsbox li a { color: #333; }
.newsbox li a:hover { color: #e45021; }
.newsbox li { background: url(/templates/img/stain1.png) no-repeat; padding-left: 24px; padding-bottom: 6px; }
.newsbox li + li { background: url(/templates/img/stain2.png) no-repeat; }
.newsbox li + li + li {background: url(/templates/img/stain3.png) no-repeat;}

.news .article {margin-bottom: 15px; border-bottom: 1px solid #ccc;}

.newsbox p { font-size: .75em; text-align: right; }
.newsbox p a {color: #666; }

.sponsortable { border-bottom: 1px solid #eee; width: 450px; } 


.breadcrumb { font-size: .8em; color: #B9C3D5; padding-left: 2px; }

.breadcrumb a { color: #B9C3D5; }
.breadcrumb a:hover { color: #5D729E; }

.homewrapper { width: 525px; float: left;}

.abs-box {
position: absolute;
top: -102px;
font-size: .8em;
width: 250px;
height: 100px;
border-top: 1px solid #fff;
background: #fc6;
color: #666;
}

/*Gallery Styles & Paging Links */
/*Gallery Styles*/
.gallerylist { display: inline; height: 100px; width: 150px; float: left; }
.gallerylist img { float: left; padding-right: 6px; border: none;}
.gallerylist h3 {float: left; width: 100%; margin-left: 0px; margin-top: 3px;}

div.gallery {
	float: left;
	padding: 2px 2px 2px 2px;
	margin: 1px 1px 1px 1px;
}
div.gallery p {
	font-size: 11px;
	text-align: center;
}
ul.thumbGallery {
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 0;  /* different browsers style this different so go for sure */
	text-align: center;
	color: #666;
}
ul.thumbGallery li {
	position: relative;
	width:115px;
	overflow: hidden;
	font-size: 10px;
	display: run-in;
	list-style-image: none;
	float: left;
	border: 1px solid #ccc;
	padding: 3px;
	margin-bottom: 50px;
	margin-right: 15px;
	height: 115px;
}
ul.thumbGallery li a, li a:visited {
	border-bottom: 0px;
	text-decoration: none;
}
ul.thumbGallery a img {
	border: 1px solid #ccc;
	margin-bottom: 5px;
	position: relative;
	height:75px;
}
div.photo {
	padding: 4px 4px 4px 4px;
	margin: 6px 2px 6px 2px;
	text-align: center;
}

div.photo p {
	font-size: 11px;
	text-align: center;
}

div.photo img {border: 1px solid #aaa;}

/* Gallery Link Styles */

#gallery_paging_links {
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 8px;
	padding: 4px;
	text-transform: lowercase;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	height: 50px;
}

#gallery_paging_links a:hover, #gallery_paging_links a, #gallery_paging_links a:visited, #gallery_paging_links a:link, #gallery_paging_links a:active {color: #000;}

.gallery_prev_link_inactive a, .gallery_next_link_inactive a, .gallery_prev_link_inactive a:visited, .gallery_next_link_inactive a:visited, .gallery_prev_link_inactive a:hover, .gallery_next_link_inactive a:hover {color: #999;}

.gallery_home_link {border: 1px solid #555; color: #77787b; padding: 2px 4px; margin: 0 4px; background-color: #ddd;}
.gallery_prev_link {border: 1px solid #555; color: #77787b; padding: 2px 4px; margin: 0 4px; background-color: #ddd;}
.gallery_prev_link_inactive {border: 1px solid #555; color: #999; padding: 2px 4px; margin: 0 4px; background-color: #fff;}
.gallery_next_link { border: 1px solid #555; color: #77787b; padding: 2px 4px; margin: 0 4px; background-color: #ddd;}
.gallery_next_link_inactive { border: 1px solid #555; color: #999; padding: 2px 4px; margin: 0 4px; background-color: #fff;}
.gallery_page_link { border: 1px solid #555; color: #77787b; padding: 2px 4px; margin: 0 4px; background-color: #ddd;}
.gallery_currentpage {background: #aaa; color: #000;}
.gallery_currentpage a {color: #000;}


/*Navigation Styles*/
#nav, #nav ul {
	z-index: 10;
	width: 778px;
	float: left;
	list-style: none;
	line-height: 1.25em;
	background-color: #000;
	border-top: none;
	border-right: 1px solid #999;
	border-bottom: 1px solid #026;
	border-left: 1px solid #999;
	color: #fff;
	padding: 0;
	margin: 0 auto;
	font-size: 10px;
	font-family: Arial;
	font-weight: bold;
}
#nav a {
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	padding: 4px;
}
#nav a:hover { color: #e45021;  }
#nav li {
	border-top: 1px solid #000;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}
#nav li ul {
	position: absolute;
	background-color: #000;
	left: -999em;
	height: auto;
	width: 12em;
	border: none;
	margin: 0;
}
#nav li li {
	padding-right: 1em;
	width: 11em;
	border-bottom: 1px solid #fff;
	background-color: #000;
}
#nav li ul a {
	width: 100%;
	white-space: normal;
	text-align: left;
}
#nav li ul a:hover {
	width: 100%;
	color: #e45021;
}
#nav li ul ul {
	margin: -1.5em 0 0 11em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.thover ul ul, #nav li.thover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.thover ul, #nav li li.thover ul, #nav li li li.thover ul {
	left: auto;
}
#nav li:hover, #nav li.thover {
	border-top: 1px solid #ccc;
}
#nav li li:hover, #nav li li.thover {
	border-top: 1px solid #000;
	background: #222;
}
/* Paging & Gallery Link Styles */
#paging_links, #gallery_paging_links, #newschannel_paging_links, #form_paging_links {
	width: 100%;
	text-align: center;
	margin: 0px 0px;
	float: left;
	height: 20px;
	padding: 10px 0px;
	text-transform: capitalize;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#paging_links a:hover, #paging_links a, #paging_links a:visited, #paging_links a:link, #paging_links a:active, .gallery_home_link a, .gallery_next_link a, .gallery_prev_link a, #newschannel_paging_links a:hover, #newschannel_paging_links a, #newschannel_paging_links a:visited, #newschannel_paging_links a:link, #newschannel_paging_links a:active, 
#form_paging_links a:hover, #form_paging_links a, #form_paging_links a:visited, #form_paging_links a:link, #form_paging_links a:active{
	color: #000;
	font-weight: normal;
}
.prev_link_inactive a, .next_link_inactive a, .prev_link_inactive a:visited, .next_link_inactive a:visited, .prev_link_inactive a:hover, .next_link_inactive a:hover, .gallery_home_link a:hover, .gallery_next_link a:hover, .gallery_prev_link a:hover, #newschannel_paging_links .newschannel_next_link_inactive, #form_paging_links .form_next_link_inactive {
	color: #999;
}
#paging_links .prev_link, .gallery_home_link a, .gallery_next_link a, .gallery_prev_link a, #newschannel_paging_links .prev_link, #newchannel_paging_links .newschannel_prev_link, #form_paging_links .form_prev_link {
	border: 1px solid #555;
	color: #555;
	padding: 2px 4px;
	margin: 0 4px;
	background-color: #ddd;
}
#paging_links .prev_link_inactive, .gallery_next_link_inactive, .gallery_prev_link_inactive, #newschannel_paging_links .prev_link_inactive, #newschannel_paging_links .newschannel_prev_link_inactive, #form_paging_links .form_prev_link_inactive {
	border: 1px solid #555;
	color: #999;
	padding: 2px 4px;
	margin: 0 4px;
	background-color: #fff;
}
#paging_links .next_link, #newschannel_paging_links .next_link, #newschannel_paging_links .newschannel_next_link, #form_paging_links .form_next_link {
	border: 1px solid #555;
	color: #77787b;
	padding: 2px 4px;
	margin: 0 4px;
	background-color: #ddd;
}
#paging_links .next_link_inactive, #newschannel_paging_links .next_link_inactive, #newschannel_paging_links .newschannel_next_link_inactive, #form_paging_links .form_next_link_inactive {
	border: 1px solid #555;
	color: #999;
	padding: 2px 4px;
	margin: 0 4px;
	background-color: #fff;
}
#paging_links .page_link, #newschannel_paging_links .page_link, #newschannel_paging_links .newschannel_prev_link, #form_paging_links .form_page_link {
	border: 1px solid #555;
	color: #77787b;
	padding: 2px 4px;
	margin: 0 4px;
	background-color: #ddd;
}
#paging_links .currentpage, #newschannel_paging_links .currentpage, #form_paging_links .currentpage {
	background:#aaa none repeat scroll 0 0;
}


/* Race Form Styles */
#tshirt_size, #race {float: left; width: 100px;}
.tshirt_size_radio, .race_radio {float: left; margin-right: 12px;}
#first_name_input, #last_name_input, #street_address_input, #city_input, #state_input, #zip_code_input, #email_input, #phone_input, #age_input, #sex_input, #mi_input {width: 100%; float: left;}

#billtable, #payment_totalamount {width: 100%; float: left; margin-bottom: 10px; margin-left: 6px;}
#paymentinstructions {width: 50%; float: left; border: 1px solid #ccc; padding: 6px; margin-bottom: 30px;}
#paymentdiv {}
.paymenttitle {font-size: 1.05em; color: #E45021; margin: 2px 0px; padding: 0; text-transform: uppercase; font-weight: bold;}
#payment_totalamount {font-weight: bold;}

/* VIP Ticket Form Styles */
#address_input {width: 100%;}
.print-button {float: left; position: relative; top: 256px;}




/* \*/
* html .abs-box {
top: -101px;
t\op: -102px;
}
/* */
.abs-box-left {
	left: 0;
}

.abs-box-right {
	right: 0;
	text-align: center;
}

.wrapper {
margin: 0 auto;
width: 780px;
text-align: left;
border: 0px solid #fff;
background: #fff url(/templates/img/wrapper-bkg-blank.gif) repeat-y;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 782px;
wid\th: 780px;
}

.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 20px;    /*** Critical left col dimension value ***/
width: 578px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
background: #fff;  /*** Sets background of center col***/
border-left: 1px solid #fff;   /*** Critical left divider dimension value ***/
border-right: 1px solid #fff;   /*** Critical right divider dimension value ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 580px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 578px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
float: left;
width: 578px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
padding-left: 10px;
width: 578px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px;
/* Hidden from IE-mac */
}

.center-wide {
float: left;
padding-top: 10px;
width: 740px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px;
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 22px;    /*** Critical left col/divider dimension value ***/
margin-left: -21px;    /*** Critical left col/divider dimension value ***/
}

* html .left {
float:left;
}

*>html .left {width:21px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 20px;    /*** Critical left col dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

.right {
float: left;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 182px;    /*** Critical right col/divider dimension value ***/
margin-right: -180px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px;
margin-right: -400px;
mar\gin-right: -182px;
}
/* */

.container-right {
/* \*/width: 180px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px;
mar\gin-left: 0px;
}
/*** Static fixes ***/

/* \*/
* html h2 {height: 1%;}
/* */

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */

[if IE]>
<style type="text/css">
.outer {word-wrap: break-word;}
</style>
<![endif]