body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#666666;
	margin: 0px;
	padding: 0px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	font-size: 12px;
	margin: 0px;
	padding: 3px;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/* main div for the page */
#outerContainer {
	position: relative;
	/* left: 50%; */
	top: 0px;
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	/* margin-left: -440px; -450px whith top banner */
	padding-bottom: 25px;
	overflow: hidden;
}
#innerContainer {
	float: left;
	clear: none;
	width: 770px;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	/* background-position: 0px 100px; used when there is a top banner */
	background-color: #D4EFED;
	overflow: hidden;
}
#outerContainer #race {
	margin-top: 100px;
}
#container {
	position: relative;
	/* left: 50%; */
	top: 0px;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	/* margin-left: -440px; -450px whith top banner */
	padding-bottom: 25px;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	/* background-position: 0px 100px; used when there is a top banner */
	background-color: #D4EFED;
	overflow: hidden;
}

#containerPop {
	padding-top: 5px;
	font-size: 12px;
	width: 420px;
	background-color: #87B2B2;
}

/* header */
#header {
	float: left;
	clear: both;
	width: 890px;
	height: 67px; /* 177px with top banner */
	overflow: hidden;
	background-color: #000000;
}
#headBanner {
	float: left;
	clear: both;
	width: 890px;
	height: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #336666;
	border-bottom: 1px solid #333333;
	
}
#headLogo {
	background-image: url(../images/head_logo.gif);
	height: 67px;
	width: 223px;
	clear: none;
	float: left;
}
#headLogo a {
	display: block;
	height: 67px;
	width: 223px;
	clear: none;
	float: left;
}
#headTopo {
	background-image: url(../images/head_topo.jpg);
	height: 67px;
	width: 667px;
	clear: none;
	float: left;
}

/* navigation */
#primaryNav {
	float: left;
	clear: both;
	background-image: url(../images/primaryNavBG.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 770px; /*890px; for ads on the right side */
	overflow: hidden;
}
#secondaryNav {
	float: left;
	clear: both;
	height: 20px;
	width: 768px; /*888px; for ads on the right side */
	border: 1px solid #346767;
	background-color: #C7E8E6;
}
#secondaryNav ul, #primaryNav ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#secondaryNav #left li, #primaryNav #left li {
	float: left;
	clear: none;
	padding-right: 11px;
	margin: 0px;
	text-align: left;
	display: block;
}

#secondaryNav #right li, #primaryNav #right li {
	list-style-type: none;
	padding-right: 2px;
	display: inline;
}

#primaryNav #left {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	width: 415px;
	float: left;
	clear: none;
	padding-left: 20px;
	padding-top: 3px;
}

#primaryNav #left a.on:link {
	display: block;
	float: left;
	clear: none;
	color: #3366CC;
	text-decoration: none;
}
#primaryNav #left a.on:visited {
	display: block;
	float: left;
	clear: none;
	color: #3366CC;
	text-decoration: none;
}
#primaryNav #left a.on:hover {
	display: block;
	float: left;
	clear: none;
	color: #333399;
	text-decoration: none;
}

#primaryNav #left a:link {
	display: block;
	float: left;
	clear: none;
	color: #333333;
	text-decoration: none;
}
#primaryNav #left a:visited {
	display: block;
	float: left;
	clear: none;
	color: #333333;
	text-decoration: none;
}
#primaryNav #left a:hover {
	display: block;
	float: left;
	clear: none;
	color: #333399;
	text-decoration: none;
}

#secondaryNav #left a.on {
	color: #3366CC;
	text-decoration: none;
}
#secondaryNav #left a.on:visited {
	color: #3366CC;
	text-decoration: none;
}
#secondaryNav #left a.on:hover {
	color: #333399;
	text-decoration: none;
}

#secondaryNav #left a {
	color: #333333;
	text-decoration: none;
}
#secondaryNav #left a:visited {
	color: #333333;
	text-decoration: none;
}
#secondaryNav #left a:hover {
	color: #333399;
	text-decoration: none;
}

#secondaryNav #left {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding-left: 40px;
	padding-top: 3px;
	float: left;
	clear: none;
}

#primaryNav #right {
	font-size: 11px;
	color: #CCFFFF;
	text-align: right;
	width: 325px;
	float: right;
	clear: none;
	padding-top: 3px;
	padding-right: 5px;
}
#primaryNav #right a {
	color: #CCFFFF;
	text-decoration: none;
}
#primaryNav #right a:visited {
	color: #CCFFFF;
}
#primaryNav #right a:hover {
	color: #00FFFF;
}

#primaryNav #right a.on {
	color: #00FF33;
	text-decoration: none;
}
#primaryNav #right a.on:visited {
	color: #00FF33;
	text-decoration: none;
}
#secondaryNav #right a.on {
	color: #006600;
	text-decoration: none;
}
#secondaryNav #right a.on:visited {
	color: #006600;
	text-decoration: none;
}
#secondaryNav #right a {
	color: #333333;
	text-decoration: none;
}
#secondaryNav #right a:visted {
	color: #333333;
}
#secondaryNav #right a:hover {
	color: #00FFFF;
}

#secondaryNav #right {
	font-size: 11px;
	color: #333333;
	text-align: right;
	float: right;
	clear: none;
	padding-top: 3px;
	padding-right: 5px;
}
div.carrotDown {
	float: left;
	clear: none;
	background-image: url(../images/carrot_blue_down.gif);
	background-repeat: no-repeat;
	height: 6px;
	width: 6px;
	margin-top: 5px;
	margin-left: 2px;
	border: none;
}
div.carrotRight {
	float: left;
	clear: none;
	background-image: url(../images/carrot_black_right.gif);
	background-repeat: no-repeat;
	height: 6px;
	width: 6px;
	margin-top: 5px;
	margin-left: 2px;
	border: none;
}
div.bullet {
	float: left;
	clear: none;
	background-image: url(../images/navBullet.gif);
	background-repeat: no-repeat;
	height: 7px;
	width: 2px;
	margin-top: 4px;
	margin-right: 4px;
	border: none;
}
img.arrow {
	height: 5px;
	width: 9px;
	border: none;
	padding-left: 2px;
	padding-bottom: 2px;
}
img.sign {
	height: 16px;
	width: 16px;
	float: left;
	margin-right: 5px;
}
img.source {
	height: 12px;
	width: 18px;
	float: left;
	margin-right: 6px;
}
img.sourcelist {
	height: 12px;
	width: 18px;
	float: left;
	margin-right: 5px;
}
img.mapthumb {
	border: solid 1px #666666;
}


/* right side bar styles */
#rightBar {
	float: left;
	clear: right;
	width: 102px;
	background-color: #336666;
}

#rightBar #subscribe { /* runner's world */
	width: 137px;
	float:left;
	clear: both;
	background-color:#202F5B;
}

#rightBar #subscribe img#magazine { /* runner's world */
	width: 119px;
	height: 105px;
	padding-top: 5px;
	padding-left: 11px;
	padding-right: 7px;
	float:left;
	clear: both;
}

#rightBar img.graphic { 
	float:left;
	clear: both;
}

#rightBar .whitebox {
	float: left;
	clear: both;
	width: 137px;
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 12px;

}
#rightBar .whitebox .dashedLine { /* runner's world */
	border-top: 1px dashed #999999;
	height: 1px;
	width: 122px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* general content styles */
hr {
	height: 0px; 
	border: solid #333333 0px; 
	border-top-width: 1px;
}
table {
	float: left;
}
a {
	color: #000066;
	text-decoration: none;
}
a:visited {
	color: #000066;
	text-decoration: none;
}
a:hover {
	color: #3366CC;
	text-decoration: none;
}
 /* button styles */
a.button {
	font-weight: bold;
	color: #CCFF99;
	padding: 3px;
	border: 1px solid #333333;
	text-decoration: none;
	display: block;
	clear: both;
	float: left;
	margin-right: 8px;
}
a.button:visited {
	color: #CCFF99;
}
a.button:hover {
	color: #CCFF99;
	background-color: #336666;
}
a.buttonB {
	font-weight: bold;
	color: #CCFF99;
	padding: 3px;
	border: 1px solid #333333;
	text-decoration: none;
	display: inline;
	clear: none;
	float: right;
	margin-right: 8px;
}
a.buttonB:visited {
	color: #CCFF99;
}
a.buttonB:hover {
	color: #CCFF99;
	background-color: #336666;
}

a.buttonSolid {
	background-color: #669999;
	font-weight: bold;
	color: #CCFF99;
	padding: 3px;
	border: 1px solid #333333;
	text-decoration: none;
	display: block;
	clear: both;
	float: left;
	margin-right: 10px;
}
a.buttonSolid:visited {
	color: #CCFF99;
	background-color: #669999;
}
a.buttonSolid:hover {
	color: #CCFF99;
	background-color: #336666;
}
a.buttonSolidB {
	background-color: #669999;
	font-weight: bold;
	color: #CCFF99;
	padding: 3px;
	border: 1px solid #333333;
	text-decoration: none;
	display: inline;
	clear: none;
	float: right;
	margin-right: 10px;
}
a.buttonSolidB:visited {
	color: #CCFF99;
	background-color: #669999;
}
a.buttonSolidB:hover {
	color: #CCFF99;
	background-color: #336666;
}

a.buttonSmall {
	background-color: #669999;
	font-size: 10px;
	font-weight: bold;
	color: #CCFF99;
	padding: 3px;
	border: 1px solid #333333;
	text-decoration: none;
	display: block;
	clear: none;
	float: left;
	margin-right: 10px;
}
a.buttonSmall:visited {
	color: #CCFF99;
	background-color: #669999;
}
a.buttonSmall:hover {
	color: #CCFF99;
	background-color: #336666;
}
table.routes a.buttonSmall:hover { /* kluge for favorite activities page */
	color: #CCFF99;
}
a.buttonSmallB {
	background-color: #669999;
	font-size: 10px;
	font-weight: bold;
	color: #CCFF99;
	padding: 3px;
	border: 1px solid #333333;
	text-decoration: none;
	display: block;
	clear: none;
	float: right;
	margin-right: 10px;
}
a.buttonSmallB:visited {
	color: #CCFF99;
	background-color: #669999;
}
a.buttonSmallB:hover {
	color: #CCFF99;
	background-color: #336666;
}

ul.generic {
	margin-bottom: 5px;
	margin-left: 24px;
	margin-right: 0px;
	margin-top: 5px;
	padding: 0px;
}
ul.generic li {
	font-size: 12px;
	list-style-type: disc;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 5px;
}

#left #productlogo {
	width: 180px;
	height: 38px;
	float: left;
	clear: none;
/*	background-image: url(../images/ba_logo.gif);
	background-repeat: no-repeat;
*/
	margin-bottom: 10px;
}
#right #welcomeMsg {
	font-size: 9px;
	float: right;
	clear: right;
	color: #333333;
	text-align: right;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#right #welcomeMsg #heading {
	font-size: 11px;
	padding-bottom: 2px;
	font-weight: bold;
	text-transform: uppercase;	
}

/* layoutA is used for the main page, and login page, plus a few others */
#layoutA { /* For IE6 and older see oldIEonly.css */
	font-size: 12px;
	float: left;
	clear: both;
	margin-top: 25px;
	padding-left: 13px;
	width: 755px; 
	min-height: 600px;
}

#layoutA #colA {
	width: 345px;
	float: left;
	clear: none;
	margin-right: 15px;
}
#layoutA #colB {
	color: #333333;
	width: 375px;
	float: left;
	clear: none;
}
#layoutA #colB #left {
	width: 180px;
	float: left;
	clear: none;
	margin-right: 15px;
}
#layoutA #colB #right {
	width: 180px;
	float: left;
	clear: none;
}
#layoutA #colC {
	width: 500px;
	float: left;
	clear: both;
	padding-left: 150px;
}

/* layoutB is used for the route and activity pages */
#layoutB { /* For IE6 and older see oldIEonly.css */
	font-size: 12px;
	float: left;
	clear: both;
	margin-top: 25px;
	padding-left: 13px;
	width: 755px;
	min-height: 600px;
}

#layoutB #colA {
	width: 435px;
	float: left;
	clear: none;
	margin-bottom: 20px;

}
#layoutB #colB {
	width: 305px;
	float: left;
	clear: none;
	margin-bottom: 20px;
	overflow: hidden;
}

/* layoutC is used for the FAQ */
#layoutC { /* For IE6 and older see oldIEonly.css */
	font-size: 12px;
	float: left;
	clear: both;
	margin-top: 25px;
	padding-left: 13px;
	width: 755px;
	min-height: 600px;
}

#layoutC #colA {
	width: 150px;
	float: left;
	clear: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#layoutC #colB {
	width: 550px;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
}

#layoutC #colA ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

#layoutC #colA li {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	list-style-type: none;
}

.message {
	text-align: center;
	width: 740px;
	float: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

.statusMsg {
	text-align: center;
	width: 730px;
	height: 56px;
	float: left;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
/*	background-color: #C7E8E6;
	color: #333333;
*/
	background-color: #336666;
	color: #00FF33;
	line-height: 160%;
	font-weight: bold;
}
.errorMsg {
	text-align: center;
	height: 40px;
	width: 730px;
	float: left;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right:5px;
	background-color: #C7E8E6;
	color: #990000;
	line-height: 160%;
	font-weight: bold;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
h1.pageTitle {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	float: left;
	clear: both;
	padding-left: 360px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
strong.blockLabel {
	font-size: 11px;
	font-weight: bold;
	color: #003333;
	background-color: #C7E8E6;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-transform: uppercase;
	clear: both
}
strong.blockLabelHeader {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-color: #C7E8E6;
	display: block;
	width: 740px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	text-transform: uppercase;
	clear: both
}
strong.label {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.bigText {
	font-size: 26px;
}
.smallText {
	font-size: 10px;
}
.tinyText {
	font-size: 9px;
}

/* green bar styles */
.greenBar {
	font-size: 11px;
	color: #333333;
	float: left;
	clear: both;
	width: 740px;
	background-color: #99CC99;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 12px;
}
.greenBar #left {
	float: left;
	clear: none;
	width: 360px;
	padding-left: 5px;
}
.greenBar #right {
	float: right;
	clear: none;
	width: 360px;
	text-align: right;
	padding-right: 5px;
}
.greenBar #rating {
	float: right;
	clear: none;
	width: 130px;
	height: 14px;
}
.greenBar #nav {
	float: right;
	clear: none;
	padding-right: 5px;
	width: 245px;
	text-align: right;
}
.greenBar #info {
	float: right;
	width: 380px;
}
.greenBar ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.greenBar li {
	display: inline;
	list-style-type: none;
}


/* stlyes for pagation links */
.pageMenu {
	width: 740px;
	height: 20px;
	font-size: 10px;
	float: left;
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 5px;
}
.pageMenu #left {
	width: 460px;
	float: left;
	clear: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.pageMenu #right {
	text-align: right;
	width: 260px;
	float: right;
	clear: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
}
.pageMenu #disabled {
	color: #555555;
}
.pageMenu a:hover {
	color: #333399;
}
.pageOn {
	border: 1px solid #000066;
	padding-left: 2px;
	padding-right: 2px;
}
.bottomPageMenu {
	width: 740px;
	height: 20px;
	font-size: 10px;
	float: left;
	clear: both;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 5px;
	text-align: center;
}
.bottomPageMenu #disabled {
	color: #555555;
}
.bottomPageMenu a:hover {
	color: #333399;
}

.tableList {
	border-top: 1px solid #999999;
	float: left;
	clear: both;
	font-size: 11px;
	color: #333333;
}
.tableList th {
	text-transform: uppercase;
	text-align: left;
	padding: 5px;
/*	background-color: #B9DFDD; */
	background-color: #D4EFED;
	border-bottom: 1px solid #E8FBFA;
	border-right: 1px solid #999999;
}
.tableList td {
	border-bottom: 1px solid #E8FBFA;
	border-right: 1px solid #999999;
	padding: 5px;
}
.tableList th.ender {
	border-right: none;
}
.tableList td.ender {
	border-right: none;
}
.tableList td.on {
	background-color: #669999;
	border-bottom: 1px solid #E8FBFA;
	border-right: 1px solid #999999;
	padding: 5px;
}
.tableList a:hover {
	color: #333399;
}
.tableList tr.future {
	background-color: #669999;
}
.tableList tr.past {

}

.tableSplits {
	width: 420px;
	border: 1px solid #666666;
	
}
.tableSplits th {
	font-size: 11px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #336666;
	border-right: 1px solid #FFFFFF;
}
.tableSplits th.ender {
	border-right: none;
}
.tableSplits th.sub {
	font-size: 9px;
	background-color: #669999;
}
.tableSplits td {
	text-align: right;
/*	border-bottom: 1px solid #B9DFDD; */
	border-bottom: 1px solid #D4EFED;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.tableSplits td.col {
	background-color: #A7D1CF;
}
.tableSplits td.col2 {
	background-color: #C7E8E6;
}
.tableSplits td.legend {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: none;
	background-color: #C7E8E6;
}
.tableSplitsTooFast {
	color: #000099;
}
.tableSplitsTooSlow {
	color: #990000;
}
#tableSplitsLegendTooFast {
	height: 10px;
	width: 10px;
	background-color: #000099;
}
#tableSplitsLegendTooSlow {
	height: 10px;
	width: 10px;
	background-color: #990000;
}

.tableHRZones {
	width: 420px;
	border: 1px solid #666666;
	margin-bottom: 15px;
}
.tableHRZones th {
	font-size: 11px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
/*	padding-right: 10px; */
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #336666;
	border-right: 1px solid #FFFFFF;
}
.tableHRZones th.ender {
	text-align: center;
	border-right: none;
}
.tableHRZones th.sub {
	text-align: right;
	font-size: 9px;
	background-color: #669999;
}
.tableHRZones td {
	text-align: right;
/*	border-bottom: 1px solid #B9DFDD; */
	border-bottom: 1px solid #D4EFED;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.tableHRZones td.col {
	background-color: #A7D1CF;
}
.tableHRZones td.col2 {
	background-color: #C7E8E6;
}
.tableHRZones td.colSmall {
	font-size: 10px;
	background-color: #A7D1CF;
}
.tableHRZones td.col2Small {
	font-size: 10px;
	background-color: #C7E8E6;
}

.tableLabel {
	text-align: right;
	padding-right: 5px;
}
.tableLabelBlue {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 360px;
}
.tableLabelBlueRightSide {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	clear: none;
	display: inline;
}
.error {
	font-weight: bold;
	color: #990000;
}

/* main page styles */

/* left column */
#homeActivityA {
	background-image: url(../images/activityA_BG.jpg);
	background-repeat: no-repeat;
	clear: none;
	float: left;
	height: 425px;
	width: 345px;
}
#recentActivityA {
	color: #FFFFFF;
	width: 280px;
	height: 140px;
	margin-left: 35px;
	margin-top: 25px;
	margin-bottom: 15px;
}
#homeActivityB {
	background-image: url(../images/activityB_BG.jpg);
	background-repeat: no-repeat;
	clear: none;
	float: left;
	height: 495px;
	width: 345px;
}
#recentActivityB {
	color: #FFFFFF;
	width: 280px;
	height: 210px;
	margin-left: 35px;
	margin-top: 25px;
	margin-bottom: 15px;
}
#recentActivityA #left, #homeActivityB #left,
#recentActivityA #right, #homeActivityB #right {
	clear: none;
	float: left;
	width: 135px;
}
strong.boxHeading {
	font-size: 16px;
	text-transform: uppercase;
	color: #003333;
	display: block;
	margin-bottom: 10px;
}
a.activity {
	font-weight: bold;
	display: block;
}
#activityData {
	line-height: 140%;
	width: 270px;
	float: left;
	clear: both;
	margin-top: 10px;
	padding-bottom: 6px;
}
#nextActivity {
	width: 270px;
	padding-top: 5px;
	padding-bottom: 10px;
	clear: both;
	float: left;
	border-top: 1px solid #99CCCC;
}
#currentStats {
	width: 300px;
	height: 225px;
	margin-left: 20px;
}
#statsHeadLeft {
	width: 205px;
	clear: none;
	float: left;
}
#statsHeadRight {
	width: 90px;
	text-align: right;
	clear: right;
	float: left;
}
#odometer {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#odometer li {
	list-style-type: none;
	float: left;
	width: 95px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
.odometer {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	float: left;
	clear: none;
	height: 18px;
	margin-top: 2px;
}
.odometer .num {
	border: 1px solid #999999;
	float: left;
	clear: none;
}
img.chart {
	margin-top: 2px;
}

/* right column */
ul.notifications {
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding: 0px;
}
ul.notifications li {
	font-size: 11px;
	list-style-type: disc;
	margin-left: 15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.bimfo {
	background-color:#DDF9F6;
}
ul.bimfonotifications {
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 5px;
	padding: 0px;
}
ul.bimfonotifications li {
	font-size: 11px;
	list-style-type: disc;
	margin-left: 15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.localHeader {
	font-size: 11px;
	width: 375px;
	clear: both;
	float: left;
	color: #003333;
	background-color: #C7E8E6;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#weather {
	margin-bottom: 10px;
	margin-top: 5px;
}

/* activity/route detail pages */
a.mapOff {
	font-size: 11px;
	font-weight: bold;
	color: #336666;
	text-decoration: none;
	text-align: center;
	border: 1px solid #336666;
	display: block;
	width: 100px;
	clear: none;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-right: 5px;
}
a.mapOff:hover {
	background-color: #003333;
	color: #669999;
}
.mapOn {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-color: #003333;
	border: 1px solid #336666;
	display: block;
	width: 100px;
	clear: none;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.mapGrey {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-align: center;
	border: 1px solid #666666;
	display: block;
	width: 100px;
	clear: none;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-right: 5px;
}
/*img.map {*/
/* .map {
	margin-bottom: 20px;
	height: 420px;
	width: 420px;
	float: left;
	clear: both;
}
*/

.map #noRoute {
	background-image: url(../images/noRoute_BG.jpg);
	border: 1px solid #849999;
	color: #505050;
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: normal;
	line-height: 120%;
	height: 420px;
	width: 420px;
}

.lightBlueBox {
	color: #FFFFFF;
	clear: both;
	float: left;
	text-align: center;
	background-color: #669999;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
}
.lightBlueBox #links {
	font-size: 11px;
	color: #000066;
	padding-top: 5px;
	width: 276px;
	padding-left: 2px;
	padding-right: 3px;
}
.lightBlueBox #favRoute {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	clear: both;
	float: left;
	width: 276px;
	padding-left: 2px;
	padding-right: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.lightBlueBox #editRoute {
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	clear: both;
	float: left;
	width: 276px;
	padding-left: 30px;
	padding-right: 3px;
	margin-top: 2px;
	margin-bottom: 5px;
}
.darkBlueBox {
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 160%;
	width: 276px;
	background-color: #336666;
	clear: both;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 6px;

}
.darkBlueBoxJournal {
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 160%;
	width: 390px;
	background-color: #336666;
	clear: both;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 6px;

}
#route {
/*	margin-top: 35px; */
	margin-top: 0px;
}
#route td {
	font-size: 11px;
	color: #FFFFFF;
	height: 20px;
}
#route td.tableLabel {
	width: 110px;
}

/* .chooseRating {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	background-color: #336666;
} */

/* .review {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	background-color: #669999;
} */

.chooseRating {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	background-color: #336666;
	clear: both;
	float: left;
	width: 300px;
	height: 18px;
}
.review {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	background-color: #669999;
	clear: both;
	float: left;
	width: 300px;
	height: 18px;
}

.reviewButtons {
	height: 24px;
	width: 295px;
	text-align: right;
	clear: both;
	float: left;
	padding: 5px;
	background-color: #336666;
}
.ratingLabel {
	width: 42px;
	height: 18px;
	float: left;
	clear: none;
	padding-top: 2px;

}
.ratingRadio {
	width: 18px;
	height: 18px;
	float: left;
	clear: none;
	padding-left: 4px;
}
.ratingStar {
	width: 15px;
	height: 18px;
	float: left;
	clear: none;
	background-image: url(../images/star.gif);
	background-repeat: no-repeat;
	background-position: 2px 0px;
	padding-right: 3px;
}
.ratingStarHalf {
	width: 15px;
	height: 18px;
	float: left;
	clear: none;
	background-image: url(../images/star_half.gif);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.ratingStar2 {
	width: 15px;
	height: 18px;
	float: left;
	clear: none;
	background-image: url(../images/star2.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
.ratingStarHalf2 {
	width: 15px;
	height: 18px;
	float: left;
	clear: none;
	background-image: url(../images/star2_half.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
.ratingStar3 {
	width: 15px;
	height: 18px;
	float: left;
	clear: none;
	background-image: url(../images/star2.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}

.pathDataSource {
	font-size: 9px;
	text-align: right;
	color: #444444;
}

/* form elements */
form {
	margin: 0px;
	padding: 0px;
}
select.activityType, input.zipCode {
	font-size: 9px;
	font-weight: bold;
	color: #4A7321;
	border: 1px solid #666666;
}
textarea.reviewField1 {
	width: 300px;
	height: 120px;
	border: 0px none;
	padding-top: 2px;
	padding-bottom: 2px;
}
textarea.reviewField2 {
	width: 270px;
	height: 90px;
	border: 0px none;
	padding-top: 2px;
	padding-bottom: 2px;
}
input.button {
	background-color: #669999;
	font-size: 12px;
	font-weight: bold;
	color: #CCFF99;
	border: 1px solid #333333;
	cursor: hand;
	padding: 3px;
	margin-left: 6px;
}

.update {
	font-size: 9px;
	font-weight: bold;
	background-color: #669999;
	color: #CCFF99;
	border: 1px solid #333333;
	cursor: hand;
}
.small {
	border: 1px solid #333333;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* similar/favorite routes */
#notice {
	color: #333333;
	line-height: 160%;
	float: left;
	clear: both;
	width: 738px;
	height: 56px;
	border: 1px solid #333333;
	margin-bottom: 10px;
}
#noticeRouteSearch {
	color: #333333;
	line-height: 160%;
	float: left;
	clear: both;
	width: 738px;
	border: 1px solid #333333;
	margin-bottom: 10px;
}
.padding10 {
	width: 720px;
	padding: 10px;
	float: left;
	clear: both;
}
.padding10blue {
	float: left;
	background-image: url(../images/plan_BG.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	width: 325px;
}
.padding10blueBox {
	float: left;
	background-color: #B2DDDA;
	padding: 10px;
}
#routeNav {
	color: #333333;
	float: left;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	width: 740px;
}
#routeNav #left {
	float: left;
	clear: none;
	width: 460px;
}
#routeNav #right {
	text-align: right;
	float: right;
	clear: none;
	width: 280px;
}

#routeList {
	float: left;
	clear: both;
	width: 740px;
	background-color: #669999;
	margin-top: 15px;
}
table.routes {
	font-size: 11px;
	color: #E8FBFA;
	width: 740px;
	float: left;
	clear: both;
	border-bottom: 1px solid #E8FBFA;

}
table.routes th {
	text-transform: uppercase;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #E8FBFA;
}
table.routes td {
	border-right: 1px solid #E8FBFA;
	padding: 5px;
}
table.routes th.ender {
	border: none;
}
table.routes td.ender {
	border: none;
}
table.routes a:hover {
	color: #333399;
}

table.routeSearch {
	width: 700px;
	font-size: 11px;
}
table.routeSearch td {
	padding: 2px;
}
img.noPlannedRoute {
	margin-top: 35px;
}


/* Plan Activity & Registration */
.planActivity {
	width: 720px;
	float: left;
	clear: both;
	background-image: url(../images/plan_BG.jpg);
	background-repeat: repeat-y;
}
.formDescription {
	font-weight: normal;
	color: #003333;
	font-size: 11px;
	font-style: italic;
}
.required {
	color: #660000;
}

/* Activity table styles */
table.activityTable {
	width:365px;
	font-size: 11px;
	text-align: left;
	color: #FFFFFF;
}
.routeLocal {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	width: 420px;
	float: left;
	clear: both;
	padding-top: 5px;
	padding-bottom: 8px;
}



/* footer */
#footer {
	font-size: 10px;
	text-align: center;
	float: left;
	clear: both;
	padding-top: 25px;
	padding-bottom: 30px;
	width: 770px;
	/* background-color: #D4EFED; */
}
#footBanner {
	width: 770px;
	margin-bottom: 25px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	clear: both;
	background-color: #336666;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}