/* @import url("menu.css"); */

/* -- General styles ------------------------------ 
  COLORS:
    Dark Blue: #143a67
	Lite Blue: #cee4fe
	Dark Gray: #1b1b1b
	Lite Gray: #d2d2d2
	
*/

*{
padding:0;
margin:0;
}
p { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
h5 {font-weight: bold; font-size: 16px; }

img{
display:block;
outline: none;
}
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; }

.clr { clear: both; overflow:hidden; height: 0; }

#center_site
{
    width:972px;
	margin-left:auto;
	margin-right:auto;

}

div.site-border{
border: solid 1px #000000;
}

table.btm-border
{
  border-bottom: 4px solid #143a67;
}

#header
{ 
  background: url(../images/header/header_blank.jpg) no-repeat; 
  height: 36px;
  margin-top: 25px; 
}


#header .text
{
	color: #be0101;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	display: block; float: left;
    padding: 13px 0 0 15px;
}

.main_image
{
  border-bottom: solid;
  border-color: #143a67;
  border-bottom-width: 4px;
}

#homeTrack
{
    background: #fff url(../images/homeTrack.jpg) left bottom no-repeat;
    width: 672px;
    height: 367px;
    border-right: 1px solid #143a67;	
	
}

#homeTrack .page-text
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #606060;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	line-height: 20px;
}

.pageContainer
{
	padding: 20px 20px 20px 20px;
}

.page-title
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	color: #143a67;
	font-weight: bold;
	padding-bottom: 10px;
}

.page-header
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 20px;
	padding-bottom: 0px;
}

.page-text
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	padding-bottom: 10px;
}

.page-text-blue
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #143a67;
	line-height: 20px;
	padding-bottom: 10px;
}

.page-text a
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #143a67;
	text-decoration: underline;
}

.page-text a:hover
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #143a67;
	text-decoration: underline;
}

.page-text ul li
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	list-style-type: circle;
}

.page-text li
{
  margin-left: 20px;
  line-height: 14px;
  padding-bottom: 10px;
}

#pad
{
  padding: 5px 15px 5px 15px;
}

.box-header
{
	background-color: #143a67;
}

.box-header span
{
  color: #ffffff;
  font-weight: bold;
}

.boxContainer
{
  border: 1px solid #143a67;
  background-color: #cee4fe;
  margin: auto;
  padding: auto;
}

/* WEATHER STYLES */
#weatherContainer
{
	margin-right: 10px;
	
}

/* LINK STYLES */

a#link
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #143a67;
	text-decoration: underline;
}

a#link:hover
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #143a67;
	text-decoration: underline;
}
a#pdf 
{
   line-height: 32px;
   padding: 0px 0px 10px 35px;
    background: #fff url(images/pdf.png) left center no-repeat;
    width: 32px;
    height: 32px;
    
}

a#word 
{
    padding: 0px 0px 10px 35px;
    background: #fff url(images/word.png) left center no-repeat;
    width: 32px;
    height: 32px;
}

.page-text a#email 
{
    padding: 0 5px 1px 25px;
    background: #fff url(images/send_f2.jpg) left center no-repeat;
    width: 22px;
    height: 22px;
}

/* EXCEL TABLE STYLES */
.tableContainer
{
	padding: 20px 20px 20px 20px;
	border: 1px solid gray;
}

.table-text
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #606060;
	line-height: 18px;
	padding-bottom: 10px;
}

.table-cell-white
{
  background-color: #ffffff;
}

.table-cell-blue
{
  background-color: #cee4fe;
}

/* -- Footer styles ---------------------------- */
#footer, #footer a
{
	color: #143a67;
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-decoration: none;
}

#footer a:hover
{
	color: #143a67;
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-decoration: underline;
}

#back-gray
{
  background-color: #bbbbbb;
}

/* -- Request Info styles ------------------------------ */

#request{}
#request-form
{
	padding-left: 0px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 25px;
}

#request-header
{
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #be0101;
  font-weight: bold;
  padding-bottom:10px;
  
}

/* -- Security Code styles ------------------------------ */
.security-text
{
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #1b1b1b;
  font-weight: normal;
  padding-bottom:10px;
  
}

#security-code-inputbox
{
  width: 65px; margin-left: 10px; 
  font-size: 12px;  border: 1px solid #1b1b1b;
}
#security-code
{
  padding-top:5px;
}
/* -- Form styles ------------------------------ */
.formlabel
{
	float:left;width:150px;text-align:right;padding:.5em .5em .5em 0;color:#505050
}
.formfield{float:left}
.ipt{float:left;margin-right:.3em}
#fullnameFld #firstname, #fullnameFld #secondname{width:10.5em}
.forminput{position:relative;margin-bottom:.2em;font-size:100%;padding-top:2px}
.label
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	width: 60px;
	height: 20px;
	text-align: left;
	color: #1b1b1b;
	font-weight: normal;

}
.label-error
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	width: 60px;
	height: 20px;
	text-align: left;
	color: #be0101;
	font-weight: normal;

}

.dotline-half {
  border-top:1px solid #D6D6D6;
  height:1px;
  margin: 10px 0px 10px 30px;
}

.dotline {
  border-top:1px solid #D6D6D6;
  height:1px;
  margin-bottom:10px;
  margin-top:7px;
  width:70%;
}
form  			{ margin: 0px; padding: 0px; }
form .inputbox  { width: 160px; margin-left: 10px; }
form br 	    { display: none; }

input, select   {font-family:inherit;font-size:inherit;font-weight:inherit; }
textarea#styled { width: 163px; height: 150px; font-size: 12px;  border: 1px solid #1b1b1b; }
button          { font-size: 10px;  }

input.disabled { background-color: #F0F0F0; }
input.button  { cursor: pointer; }
#submit {padding-top:10px; padding-bottom:20px;}

input:focus,
select:focus,
textarea:focus { background-color: #fff }
.button {
    border: 1px solid #143a67;
    background: #f0f0f0;
	padding: 3px;
}
.button:hover {
    border: 1px solid #143a67;
    background: #cee4fe;
	padding:3px;
}
labels
{
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	padding: 4px;
	font-size: 1em;
	color: #666;
	font-weight: normal;

}

div.thank_you-text
{
    color: #1b1b1b;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 18px;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 30px;
}

/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

.pad20
{
  padding-bottom: 20px;
}

/* Volunteer Styles------------------------------------------*/
.volunteer-header
{
    color: #1b1b1b;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.volunteer-header #map
{
  position: relative;
  float: right;
  margin-top: -100px;
}

#volunteer-name
{
    color: #1b1b1b;
	font-size: 8pt;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 12pt;
}

#volunteer-title
{
    color: #1b1b1b;
	font-size: 8pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 12pt;
}

img#volunteer_pic
{
  border: 2px solid #143a67;
}


.error{
 color: #ff0000;
}

/* -- SPONSOR STYLES ------------------------------ */
.sponsors
{
    padding: 10 5px 1px 25px;
    width: 900px;
}

.sponsors td
{
    padding: 10px 10px 10px 5px;
}

/* -- Login styles ------------------------------ */
.loginContainer
{
  border: 1px solid #143a67;
  background-color: #cee4fe;	
  padding: 20px 0 20px 0;
  width: 850px;
  height: 230px;
}

#boxImage{
    background: #cee4fe url(images/box.gif) left center no-repeat;
	width: 319px;
	height:219px;
}

#registerImage{
    background: #cee4fe url(images/register-box.gif) left center no-repeat;
	width: 800px;
	height:727px;
}

#image-pad {
  padding: 60px; 20x;
}

#login-pad{
	padding-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.login-text
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #1b1b1b;
	font-weight: normal;
	padding-left: 10px;
	padding-bottom:10px;

}

.login-button
{
	width: 50px;
	text-align: center;
	padding: 4px;
	color: #666;
	font-weight: bold;

}

.register-button
{
	width: 80px;
	text-align: center;
	padding: 4px;
	color: #666;
	font-weight: bold;

}

.login-label
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	width: 60px;
	height: 20px;
	padding-left: 10px;
	text-align: left;
	color: #1b1b1b;
	font-weight: normal;

}
.login-label-error
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	width: 60px;
	height: 20px;
	padding-left: 10px;
	text-align: left;
	color: #be0101;
	font-weight: normal;

}

#register-box
{
  padding: 20px 35px 10px 35px;
}

#login-box
{
  padding: 20px 10px 10px 10px;
}


#register-box-left
{
  padding: 20px 35px 10px 35px;
}

#register-box-right
{
  padding: 20px 10px 10px 10px;
}

.register-error {

  float:left;
  width: 200px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	padding-left: 10px;
	color: #be0101;
	font-weight: normal;
}
.password-forgot
{
  padding: 0px 0px 0px 0px;
}



/* ---------------NEWS STYLES------------------- */
/* NEWS STYLES */
#newsContainer
{
	margin-right: 0px;
	border: 1px solid #143a67;
}

#newsHeaderContainer
{
	color: #143a67;
	text-align: center;
    background-color: #cee4fe;
    border-bottom: 1px solid #143a67;
	padding: 10px 0px 10px 0px;
}

#newsItems
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #606060;
	line-height: 30px;
    font-weight: bold;
    /*padding: 15px 5px 5px 5px; */
}

#newsItems a
{
    padding: 0px 2px 1px 15px;
    background: #fff url(images/arrow_right.jpg) left center no-repeat;
    width: 10px;
    height: 10px;
}

#newsItems a
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #606060;
	line-height: 20px;
    padding: 0 2px 1px 15px;
    background: #fff url(images/arrow_right.jpg) left center no-repeat;
    width: 10px;
    height: 10px;
    text-decoration: none;
}

#newsItems a:hover
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #606060;
	line-height: 20px;
    padding: 0 2px 1px 15px;
    background: #fff url(images/arrow_right.jpg) left center no-repeat;
    width: 10px;
    height: 10px;
    text-decoration: underline;
}

.news_itemContainer
{
  background-color: #ffffff;
}

.news-header
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #606060;
	line-height: 20px;
    font-weight: bold;
    padding: 15px 5px 5px 5px;
}

.news-date
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
	color: #606060;
	line-height: 20px;
    font-weight: bold;
    padding: 15px 5px 5px 5px;
}

.news-body
{
    font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #606060;
	line-height: 16px;
    font-weight: bold;
    padding: 15px 5px 5px 5px;
}

/*----------- PROFILE STYLES -------------*/
.profileContainer {
  border: 1px solid #143a67;
  background-color: #cee4fe;	
  width: 850px;
  height: 400px;
}

#profile-pad {
  padding: 35px 30px 0px 30px;
}

#profile-box{
    background: #cee4fe url(images/profile-box.gif) left center no-repeat;
	margin-top: -20px;
	width: 845px;
	height:250px;
}

#pre_reg-box{
    background: #cee4fe url(images/pre_reg-box.gif) left center no-repeat;
	margin-top: 0px;
	width: 845px;
	height:183px;
}

#pre_reg-pad {
  padding: 20px 30px 0px 30px;
}

div.overflow 
{
  width:450px;
  height:80px;
  overflow:hidden;
}

.button-floatRight {
  float: right;
  margin-right: 0px;
}

.toolbarContainter {	
  width: 850px;
  height: 400px;
}

#toolbar{
  padding: 20px 5px 10px 5px;
}

.logout-button {
  float: right;
  margin: 20px 85px 20px 0px;
}

/*----------- RACE SCHEDULE STYLES -------------*/
.raceScheduleContainer {
  
  border: 1px solid #143a67;
  background-color: #cee4fe;
  padding: 20px 0 20px 0;
  width: 850px;

}

#raceSchedule-pad {
  padding: 0px 0px 0px 15px;
}

#raceSchedule-box-top{
    background: #cee4fe url(images/race_back-top.gif) left bottom no-repeat;
	width: 818px;
	
}

#raceSchedule-box-center{
    background: #cee4fe url(images/race_back-fill.gif) left top repeat-y;
	width: 818px;
	
}

#raceSchedule-box-bottom{
    background: #cee4fe url(images/race_back-bottom.gif) left top no-repeat;
	width: 818px;
	
}

.raceContainer
{
	padding: 20px 0 0 25px;
}

.raceContainer a:link, .raceContainer a:visited, .raceContainer a:active
{
    color: #606060;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-decoration:underline;
} 

.raceContainer a:hover
{
    color: #143a67;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-decoration:underline;
} 

.raceContainer #month
{
    color: #143a67;
	font-size: 10pt;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-top:10px;
}

.raceContainer #race_description
{
    color: #1b1b1b;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 22px;
	margin-left:20px;
}

.raceScheduleContainer #race-text
{
    color: #143a67;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0px 0 0 30px;;
}

.raceScheduleContainer #race-text a
{
    color: #1b1b1b;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 22px;
	padding-left: 5px;
	text-decoration:underline;
	
}

.raceScheduleContainer #race-text a:hover
{
    color: #1b1b1b;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 22px;
	padding-left: 5px;
	text-decoration:underline;
	
}

.raceContainer #race_flyer
{
    color: #1b1b1b;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 22px;
	padding-left:40px;
}

.raceContainer #race_flyer a
{
    color: #1b1b1b;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 22px;
	padding-left: 22px;
	background: #fff url(images/pdf.gif) left center no-repeat;
	text-decoration:none;
	
}

.raceContainer #race_flyer a:hover
{
    color: #1b1b1b;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 22px;
	padding-left: 22px;
	background: #fff url(images/pdf.gif) left center no-repeat;
	text-decoration:underline;
	
}

.courtesy {
    margin: 20px 0 20px 0;	
}

#raceFlyers
{
  padding: 10px 5px 10px 5px;
  overflow:hidden;
}

/*---------------------------*/
/* Tab Styles                */
/*---------------------------*/

.tabs{
padding-right: 20px;
  margin: 0 0 0 40px;
}

#rate-header{
  font-size: 14px;
  color: #143a67;
}

#rate{
  font-size: 24px;
  color: #143a67;
}

#rate-small{
  font-size: 12px;
  color: #143a67;
}