@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/* ----- when site complete can kill this style ----- */

.need {
color:#FF0000;
font-weight:bold;
}

/* ----- core styles ----- */

body  {
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	color: #000;
	background: #FFF;
	text-align: center;
	background-image:url(/global-images/bkd.jpg);
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:top;
}

h1 {
	font-weight:bold;
	font-size:14px;
	color:#990000;
	margin:0 0 10px 14px;
}

h2 {
	color:#104170;
	font-weight:bold;
	font-size:12px;
	margin:0 0 10px 14px;
}

p {
	padding: 0 10px 12px 14px;
	line-height:14px;
}

.breadcrumbs {
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color: #000;
}

/* ----- image class styles ----- */



/* ----- wrapper wraps entire content after body tag ----- */

#wrapper { 
	width: 800px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	text-align:left;
}

/* ----- header holds the top logo and nav ------ */

#navWrapper {
	height:74px;
	margin:0;
	padding: 0;
	background-image:url(/global-images/top-nav/nav-bkd-gradient.jpg);
	background-repeat:no-repeat;
}

/* ----- homeFlash holds the main flash header on the home page ----- */

#homeFlash {
	width:800px;
	margin:0;
	padding: 0;
}

/* ----- text styles ----- */

.redText {
	color:#990000;
}

.greyText {
	color:#666666;
}

.rightText{
	text-align: right;
}

.centerText{
	text-align: center;
}

.dottedLine {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	letter-spacing: 5px;
	margin: 0 0 0 12px;
}

.blueBold {
	margin:0;
	color:#0D64A2;
	font-weight:bold;
	font-size:11px;
}

/* ----- info mods on top level pages columns ----- */

#upcomingEventMod {
	width:240px;
	margin: 8px 0 8px 8px;
	padding:0;
	float:left;
}

#upcomingEventMod p {
	padding: 0 0 6px 5px;
	line-height:14px;
}

#eventInfoMod {
	float:left;
	padding: 0; margin: 0;
	width:160px;
}

#eventInfoMod h2 {
	padding: 0 0 6px 5px;
	line-height:12px;
	margin:0;
}

/* ----- general use pic mod with wider pic/icon ----- */

#upEventPic {
	float:left;
	margin:0;
	padding:0;
	width: 75px;
	text-align:center;
}


/* ----- mod with smaller pic area for left ----- */

#upEventIcon {
	float:left;
	margin:0;
	padding:0;
	width:50px;
	text-align:center;
}

/* ----- the 2 IDs together make a info box with wide text area, tiny bullet on left ----- */

#upEventBullet {
	float:left;
	margin:0;
	padding:0;
	width:35px;
	text-align:center;
}

#eventInfoModWide {
	float:left;
	padding: 0; margin: 0;
	width:200px;
}

#eventInfoModWide h2 {
	padding: 0 0 6px 5px;
	line-height:12px;
	margin:0;
}

/* ----- these two mods coupled with the #upEventBullet make for content stories that need left bullet icon (wide) ----- */

#bulletContentMod {
	width:475px;
	margin: 8px 0 8px 8px;
	padding:0;
	float:left;
}

#contentContainerMod {
	float:left;
	padding: 0; margin: 0;
	width:400px;
}

#contentContainerMod p {
	padding: 0 0 6px 5px;
	line-height:14px;
}

#contentContainerMod h2 {
	padding: 0 0 6px 5px;
	line-height:12px;
	margin:0;
}

/* ----- this mod includes the calendar background image ----- */

#eventCalendar {
	background-image:url(/global-images/general/event-tag-bkd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:30px 0 0 30px;
	margin:0;
	height:162px;
	}
	
#runnerLevel {
	text-align:center;
}

#runnerLevel img {
	padding: 0 5px 0 5px;
	margin:0;
}

.centerImage {
display:block;
margin: 0 auto 10px auto;
}

/* ----- 3 column layout on top level pages ----- */


/* IE6 Only */
/* * html #homeMidCol {
margin: 0; } */


#columnsHome {
	width: 800px;
	margin:0;
	padding: 0;
	background-image:url(/global-images/general/section-bkd-all.gif);
	background-repeat:repeat;
	float:left;
}

#columnsHome ul {
	margin:0 0 0 20px;
	padding:0;
}

#columnsHome li {
	list-style: none;
	background: url(/global-images/general/bullet-arrow.jpg) no-repeat center left;
	padding:10px 0 5px 30px;
	margin: 0;
}

#columnsHomeBottom {
	width: 800px;
	margin:18px 0 0 0;
	padding: 0;
	float:left;
}

#columnsHomeBottom h2 {
	color:#11528B;
}

#homeLeftCol {
	margin: 0 11px 0 0;
	padding:0;
	width:258px;
	float:left;
}

#homeMidCol {
	margin: 0 13px 0 0;
	padding:0;
	width:259px;
	float:left;
}

#homeRightCol {
	margin: 0;
	padding:0;
	width:259px;
	float:left;
}

/* ----- sub page 2 column layout ----- */

#columnsSub {
	width: 800px;
	margin:0;
	padding: 0;
	float:left;
	background-image:url(/global-images/general/sub-content-tile.gif);
	background-repeat:repeat;
}

#columnsSub ul {
	margin:0 0 0 20px;
	padding:0;
}

#columnsSub li {
	list-style: none;
	padding:0 10px 10px 20px;
	margin: 0;
}

#subLeftCol {
	margin: 0 12px 0 0;
	padding:0;
	width:257px;
	float:left;
}

#columnsSubRight {
	margin: 0;
	padding:0;
	width:531px;
	float:left;
}

/* ----- sub page 1 column layout for race results ----- */

#columnsLarge {
	width: 800px;
	margin:0;
	padding: 0;
	float:left;
	background:url(/global-images/general/lg-content-tile.jpg) repeat-y;
}

#columnsLarge ul {
	margin:0 0 0 20px;
	padding:0;
}

#columnsLarge li {
	list-style: none;
	padding:0 10px 10px 20px;
	margin: 0;
}

#columnsMain {
	margin: 0;
	padding:0;
	width:800px;
	float:left;
}

/* ----- table styles ----- */
table#table-info {
margin: 0 10px 12px 14px; background-color:#DFECF2;
}

table#table-info p {
margin: 0 0 1em 0; padding:0;
}

table#table-info td {
padding:8px; border:1px solid #FFFFFF;
vertical-align:top;
}

table#table-info th {
padding:8px; border:1px solid #FFFFFF;
vertical-align:top;
}

.odd {background-color:#FFFFFF;}

.table-header {
	background-color:##96C0D5;
	margin:0;
	color:#104170;
	font-weight:bold;
	font-size:11px;}
	
.fineprint {
font-style:italic;
background-color:#FFFFCC;}

/* ----- footer holds styles for the footer include of the page ------ */

/* ----- footer styles, this is placed in own div, outside wrapper ----- */

#footer-wrapper {
	margin: 18px auto 0 auto; text-align:left;
	width: 800px;
	padding:0;
	height:34px;
}

#footer {
	margin: 0; padding:  10px 0 0 0; width: 784px; height: 34px;
	color:#FFF;
	font-size:12px; line-height:14px;
	background-image:url(/global-images/general/footer-tile.jpg);
	background-repeat:repeat-x;
	float:left;
}

#footer-links {
	margin: -17px 0 0 300px; padding:0; 
}

#footer a {
	color: #fff;
	text-decoration:none;
}

#footer a:hover {
	color: #fff;
	text-decoration:underline;
}

#leftEndFooter {
	float:left;
	margin:0; padding:0;
	width:8px;
}

#rightEndFooter {
	float:left;
	margin:0; padding:0;
	width:8px;
}

/* ----- float styles ----- */

.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:0 25px 0 20px;
}
.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;
}

/* ----- text links in body text ----- */

 a {
	color: #0B6DAD;
	text-decoration:underline;
}

a:hover {
	color: #0B6DAD;
	text-decoration:none;
}

a:visited {
	color: #0B6DAD;
	text-decoration:underline;
}

a:active {
	color: #0B6DAD;
	text-decoration:underline;
}