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




/*HOME PAGE LAYOUT ----------------------------------------------------------------------------------------*/
body  {
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #d2e1fb;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixRtHdr #container { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fdf9f0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #1f4480;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header { 
	background: #DDDDDD; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #subMenu { 
	background: #e9f1f7; 
	padding: 0px;
	height: 40px;
	list-style:none;
}
.twoColFixRtHdr #menu { 
	background: #DDDDDD; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fdf9f0; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px;
	}
	
.twoColFixRtHdr #mainContent { 
	margin: 0 270px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-right: 1px solid #CCCCCC;
	background-color:#fdf9f0;
} 
.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#21498d; 
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ALL OTHER PAGE  LAYOUT-----------------------------------------------------------------------*/

.twoColFixRtHdr #pageHeader { 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

/* SUB MENU ----------------------------------------------------------------------------------------*/

.returnHome{
 padding-right: 340px;
}

div#navbar2 {
	height: 30px;
	 width: 760px;
	 background-color: #e9f1f7;
	 margin-top: 10px;
	 margin-left: 18px;
	 text-align: right;
}
div#navbar2 ul {
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: #005195;
 line-height: 30px;
 white-space: nowrap;
}
div#navbar2 li {
 list-style-type: none;
 display: inline;
}
div#navbar2 li a {
 text-decoration: none;
 padding: 7px 10px;
 color: #005195;
}
div#navbar2 li a:link {
 color: #FFF:
}
div#navbar2 li a:visited {
 color: #005195;
}
div#navbar2 li a:hover {
 color: #005195;
 text-decoration:underline
}




	


/* MENU ----------------------------------------------------------------------------------------*/

#menuBg
	{
	width:800px;
	margin-left: 15px;
}

/* default styling */
.nav, .nav ul {list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:12px; width:800px; margin:0 auto; text-align:left; height:45px;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:#f00; height:45px;} 
.nav ul a {height:auto;}
/* style the <b> element so that is does not affect the size of the link */
.nav a i {position:absolute; left:-9999px;}

.nav a b {display:block; border:1px solid #666666; border-width:0px 1px 0 1px; background:#f9ddab; color:#444; font-size:11px; line-height:10px; font-weight:normal;padding:8px; cursor:pointer; width:135px;} 


.nav a b.first {border-top-width:1px;}
.nav a b.last {border-bottom-width:1px;}
.nav b img {display:block; float:left; padding-right:5px; border:0;}
.nav b span {display:block; font-size:11px; color:#666666; padding-top:2px; font-weight:bold;}
/* WIDTH change this WITH CARE to suit your requirements */

/* FOR NAV1 */
.nav1, .nav1 a {width:153px;}
.nav1 a {margin-right:-152px; background:url(../images/menu1_registration.jpg) no-repeat left top;} /* 1px less than the top level link width */
.nav1 ul li {max-width:153px;}

/* FOR NAV2 */
.nav2, .nav2 a {width:153px;}
.nav2 a {margin-right:-152px; background:url(../images/menu2_eventDetails.jpg) no-repeat left top;} /* 1px less than the top level link width */
.nav2 ul li {max-width:153px;}

/* FOR NAV3 */
.nav3, .nav3 a {width:153px;}
.nav3 a {margin-right:-152px; background:url(../images/menu3_runnerInfo.jpg) no-repeat left top;} /* 1px less than the top level link width */
.nav3 ul li {max-width:153px;}

/* FOR NAV4 */
.nav4, .nav4 a {width:153px;}
.nav4 a {margin-right:-152px; background:url(../images/menu4_raceHistroy.jpg) no-repeat left top;} /* 1px less than the top level link width */
.nav4 ul li {max-width:153px;}

/* FOR NAV5 */
.nav5, .nav5 a {width:153px;}
.nav5 a {margin-right:-152px; background:url(../images/menu5_news.jpg) no-repeat left top;} /* 1px less than the top level link width */
.nav5 ul li {max-width:153px;}

.nav li.drop ul li a {width:230px; margin-right:-200px;}
/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20; left:1px; top:-1px;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */
/* ----------------------------------------------------------------------------	*/

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0; background-position:left bottom; }

.nav a:hover b,
.nav a:focus b,
.nav a:active b {background:#febf58; text-decoration:underline;}

.nav .nav2 ul a:hover,
.nav .nav2 ul a:focus,
.nav .nav2 ul a:active {margin-right:-110px;} /* The margin-right value is the dropdown link width minus the top level link width */

.nav .nav3 ul a:hover,
.nav .nav3 ul a:focus,
.nav .nav3 ul a:active {margin-right:-135px;} /* The margin-right value is the dropdown link width minus the top level link width */

.nav .nav4 ul a:hover,
.nav .nav4 ul a:focus,
.nav .nav4 ul a:active {margin-right:-87px;} /* The margin-right value is the dropdown link width minus the top level link width */

/* OPERA fix */
.nav ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* IE6 and 7 fix */
a:active {
	font-size: 16px;
	font-weight: bold;
}

/* SIDEBAR MENU  ----------------------------------------------------------------------------------------*/

#navcontainer ul
{
list-style-type: none;
text-align: left;
margin-left: 0px;
width:220px;
padding-left:20px;
padding-top:20px;
padding-bottom:20px;
background-color: #ffedcd;
border: 1px solid #CCC;
}

#navcontainer ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #284b83;
font-size: 13px;
line-height: 20px;
}

#navcontainer ul li a:hover
{
background: transparent url(../images/arrow.gif) left center no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: transparent url(../images/arrow.gif) left center no-repeat;
color: #000000;
font-weight:bold;
}




/* TYPE ----------------------------------------------------------------------------------------*/

p{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color:#666;
	padding-left: 15px;
	line-height: 1.5;
}

a{
	color:#6b93b5;
}

h1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color:#284b83;
	letter-spacing: -100;
	padding-left: 15px;
	padding-bottom: 5px;
}

h2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color:#ac2c5d;
	letter-spacing: -30;
	padding-left: 15px;
	margin-top: 35px;
	margin-bottom: -5px;
}

h3
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color:#284b83;
	letter-spacing: -30;
	padding-left: 10px;
	margin-bottom: -5px;
}

.smallSubHead {
	color: #e1559d;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	display:inline-block;
	font-weight:bold;
}

.sideBarType{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
	padding-left: 15px;
	padding-top: 5px;
}

.imagePad{
	margin-top:20px;
	margin-bottom:20px;
}

.pinkiHighLight {
	color: #ac2c5d;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	display:inline-block;
	font-weight:bold;
}

.footer{
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}

.indent {
	text-indent:50px;
	color:#690;
	display:inline-block;
}

ol.numberList {
	list-style-type:number;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color:#666;
	padding-left: 40px;
	line-height: 1.5;
	}

ul.bulletList {
   list-style-type: round;
   font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color:#666;
	padding-left: 40px;
	line-height: 1.5;
}

.boldBlue{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color:#284b83;;
	line-height: 1.5;
	font-weight:bold;
}

strong {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color:#284b83;;
	line-height: 1.5;
	font-weight:bold;
}




/* OTHER PAGES ----------------------------------------------------------------------------------------*/

#registerNow{
padding:0;
height:243px;
width:249;
border: 0px;
}

#fb_twiter{
border: 0px;
margin-left:10px;
width:250px;
}

#calloutBox {
  background-color: #ffedcd;
  float: left;
  width: 450px;
  padding:0px 20px 0px 0px;
  margin: 20px 0px 30px 0px;
  border: 5px solid #CCC;
}

.leftAlign
{
	float:right;
	padding-right:250px;
}

leftNum{
	position:absolute;
	left:400px;
}

#video{
	width:100%;
}

#gallery2{
	width:460px;
}

#table{
	width:100%;
}

headerFix{
	height:30px;
	margin-bottom:20px;
}

#imgFix{
	width:100%;
	margin:10px;
	width: 200px;
}

#1k_gallery_width{
width: 450px;
}

.specialStoryPhoto
{
	margin-top:-20px;
	margin-left:-10px;
}


/* TABLE ----------------------------------------------------------------------------------------*/

table.tableFormat{
	width:480px;
	margin-left: 15px;
}

tr.tableHeader{
	color: #fff;
	height:50px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	background-color: #3f67a5;
	}
	
tr.tableData1{
	height:30px;
	text-align:center;
	font-size: 12px;
	color:#666;
	background-color:#e1e1e1;
	}

tr.tableData2{
	height:30px;
	text-align:center;
	font-size: 12px;
	color:#666;
	background-color:#f0f0f0;
	}

tr.tableDataEvent{
	height:30px;
	text-align:left;
	font-size: 12px;
	color:#666;
	background-color:#e1e1e1;
	}


img.floatLeft { 
    float: left; 
    margin: 10px 10px 10px 0; 
	border: 1px solid #cccccc;
}

#popup{
	background-color:#FFFFFF;
	text-align:left;
	padding: 20px;
}

.popupTextSize{
	font-size:13px;
}

.popupTextQuote{
	font-size:14px;
	color:#ac2c5d;
	font-weight:bold;
}


.formLeft{
	float: right;
	margin-right: 200px;
	}

.formMessage{
	margin-left: 30px;
	width:300px;
	height:200px;
}

messageLabel{
	position:absolute;
top:5px;
}

.sponsorsMargin{
	margin-left:100px;
}

.imgWidth
{
	width:100%;
}

 FORM ------------------------------------------------------ 


contactForm{
	margin-left: 200px;
	padding-left: 200px;
}

.cssform p{
width: 300px;
clear: left;
margin-left: 15px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/