body { background-color: #000000; margin-top: 0px; margin-bottom: 0px; height: 100%; }
html { min-height: 100%; margin-bottom: 1px; height: 100%; }
.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #545353;
}
.bodycolor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #355692;
}
.bodycolor2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4D6082;
}
.headline_big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.headlinecolor_orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
}
.headlinecolor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6CAF20;
}
.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}
img { border: 0px }
#header {  }
#dateTime {  background-image: url(images/date_time.jpg); height: 23px; width: 767px;  }
#dateTimeText { position: relative; top: 4px; left: 10px; color: #eeeeee; font-family: arial, verdana; font-size: 8pt; font-weight: bold; text-align: left }
#marcImg {  }
#mainContainer { position: relative; top: 0px; left: 40px }

.newsDate { color: #d8a446; font-family: arial, verdana; font-size: 9pt; font-weight: bold; text-align: left }
.newsTitle { color: #354682; font-family: arial, verdana; font-size: 9pt; font-weight: bold; text-align: left; line-height: 11pt }
.newsBody { color: #939292; font-family: arial, verdana; font-size: 8pt; text-align: left }
.newsMore { color: #d8a446; font-family: arial, verdana; font-size: 8pt; font-weight: bold; text-align: left; text-decoration: none; }

#recent-news-text { position: relative; top: 10px; left: 15px; width: 150px; text-align: justify }
#race-results-text { position: relative; top: 10px; left: 15px; width: 150px;  text-align: justify}


#emailContainer { background-color: #dba13b  }
#menuContainer { position: relative; }
#mainBody { background-color: #ffffff; width: 525px; text-align: left; }
#menu-spacer { background-image: url(images/menu_spacer-49.jpg); background-repeat: repeat-y;  }
#menu-foot {  }

#siteMenu { background-image: url(images/menu_spacer-49.jpg); background-repeat: repeat-y; }
#recent-news { background-image: url(images/recent_news_space.jpg); font-family: arial; font-size: 12pt; color: #000000; height: 178px; width: 179px}
#race-results { position: relative; top: 0px; left: 0px; background-image: url(images/race_results_space.jpg); font-family: arial; font-size: 12pt; color: #000000; height: 108px; }
#next-race { position: relative; top: 0px; left: 0px; background-image: url(images/next_race_space.jpg); font-family: arial; font-size: 12pt; color: #000000; height: 92px; }
#next-race-text { position: relative; top: 5px; left: 15px; width: 170px;  text-align: justify}

#footer { width: 946px; height: 36px; background-image: url(images/10-hr_footer.gif); background-repeat: no-repeat; font-family: arial; color: #888888; font-size: 8pt; text-align: left; text-decoration: none;}
#realm { }
#contact { font-family: arial; color: #888888; font-size: 8pt; text-align: left; text-decoration: none; }
#right_menu { background-image: url(images/right_menu_back.jpg); background-repeat: repeat-y }

.aLink { font-family: arial; color: #888888; font-size: 8pt; text-align: left; text-decoration: none; }
.aLink:hover { font-family: arial; color: #888888; font-size: 8pt; text-align: left; text-decoration: underline; }
A:link {text-decoration: none; color:#666666;}
A:visited {text-decoration: none; color:#666666;}
A:active {text-decoration: none; color:#666666;}
A:hover {text-decoration: underline; color:#666666;}
.divLine {
	background-image: url(/images/div.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 3px;
	width: 500px;
}


 .upBord { border-left :1px solid #efefef; border-top :1px solid #efefef; border-right :1px solid #efefef; }
.botBord { border-left :1px solid #efefef; border-bottom :1px solid #efefef; border-right :1px solid #efefef; }
.title { font-family: verdana; font-size: 8pt; font-weight: 600; color: #73717e; }
.form_submit { font-family: arial; font-size: 10pt; background-color: #d3e2ff; font-weight: bold; width: 50px; }
#swim {  position: absolute; top: 30px; left: 10px; width: 190px;}
#bike { position: absolute; top: 30px; left: 10px; width: 190px }
#run {  position: absolute; top: 30px; left: 10px; width: 190px }
#buttonRow { width: 190px; position: absolute; top: 0px; left: 0px; }
#calcContainer { position: relative; top: 0px; left: 0px; }


select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}

#bodyContainer { position: relative; top:0px; left:0px; width: 944px; margin-left: auto; margin-right: auto; height: 100% }

#upper_archive { position: absolute; top: 240px; left: 343px; width: 195px; text-align: right; z-index: 8990 }
#archive_button { width: 193px; height: 24px; display: block; border-left: 1px #ffffff; border-right: solid 1px #cacaca; float: right }
#archive_overlay { width: 193px; height: 500px; display: none; border-left: solid 1px #cacaca; border-right: solid 1px #cacaca; border-bottom: solid 1px #cacaca; text-align: left; float: right }

#lower_archive { position: absolute; top: 240px; left: 343px; width: 195px; text-align: right; z-index: 8990 }
#lower_archive_button { width: 193px; height: 24px; display: block; border-left: 1px #ffffff; border-right: solid 1px #cacaca; float: right }
#lower_archive_overlay { width: 193px; height: 500px; display: none; border-left: solid 1px #cacaca; border-top: solid 1px #cacaca; text-align: left; float: right }

dd { text-align: left; display: inline }

.lyd { float: left; }

.rText { padding: 3px; background-color: #fefefe; color: #4d6082; font-family: verdana; font-size: 10px; font-weight: bold }
.rDate { width: 94px; padding: 3px; background-color: #fefefe; color: #545353; font-family: arial, verdana; font-size: 10px;  }


.rType { padding: 3px; background-color: #fefefe; border: solid 1px #888888; color: #4d6082; font-family: verdana; font-size: 10px; font-weight: bold }
.rData { padding: 3px; background-color: #dddddd; color: #545353; font-family: verdana; font-size: 10px;  }
.rData div { float: right; }

img.imageFloat { display: block; }
