/* This CSS is used for the Reston Runners' Course  Descriptions. */

/****** Released 11 Jan 06 ajr, ****/
/****** IMPORTANT  all user styles are controlled here *******/
/****** Use div.xxx for all div styles *******/
/****** Keep all styles in alphabetical order, except for "p" *******/
body{
	background-color: #FFFFEE;
	margin-left:4%;
	margin-right:4%;
}
body,div,input, table{
	font: normal normal normal 10pt Arial,Helvetica,sans-serif;
	color:black;
}
a{
	text-decoration:underline;
	color: #0068CC;
}
a:visited{
	color:maroon
}
a:hover {
	color: #FF0000;
}
div.banner {
	background-color: transparent;
	color: #0068CC;
	font: 900 16pt \"times new roman\", times, serif;
	margin-bottom: .4em;
	text-align: center;
	width: 100%;
}
div.blue_title{
	font-size:20pt;
	color:#0068cc;
	text-align:center;
	font-weight:bold;
}
div.blue_subtitle{
	font-size:16pt;
	color:#0068cc;
	text-align:center;
	font-weight:bold;
	margin: 1em 0 .3em 0;
}

/** ocassionally need to fix MS bug with multi <div>s */
div.clear{
display:block;
clear:both;
height:1px;
line-height:1px;
}

/** group, row, left, right are used in a row; note text is centered in the middle IE bug must have width*/
div.group_box{
	margin:1em auto 0 auto;
	width:98%;
	text-align:center;
	position:relative;
	border-bottom:3px solid #0068CC;
	padding-bottom:1em;
}

/** IE6 adds a newline whaich makes it impssible to work with both Moz and IE add a border on the above div*/
div.horzline{
	border-bottom: 2px solid #0068CC;
	margin:0em auto 0 auto;
	width:96%;
}
div.row{
	margin:1em auto 0 auto;
	width:96%;
	text-align:center;
	position:relative;
	border:2px none #FF8040;
}
div.left{
	left:.5em;
	top:0;
	position:absolute;
}
/* This doen't seem useful; a span will do it because it's generally used with div.row ***/
div.center{
	text-align:center;
	margin-bottom:1em;
	position:relative;
}
div.header{
margin-top:0.5em;
text-align:center
}
div.right{
	right:2em;
	top:0;
	text-align:left;
	position:absolute;
}
div.error_msg{
	color: red;
	font-weight: bold;
	margin-left: .4em;
}
div.return{
	margin-top:2em;
	text-align:center;
}
div.section_title{
	margin: 1em auto 0em 0em;
	text-decoration: underline;
	font-size:1.1em;
}
div.start{
	color:#800000;
	font-size:14pt;
	font-weight:800;
	text-align:center;
	margin:.5em auto 0em auto;
}
div.subtitle{
	background-color:#FFFFDD;
	color:#000000;
	font-size:16pt;
	font-weight:800;
	text-align:center;
	margin:.3em auto 0em auto;
}
div.title{
	margin:.5em auto 0em auto;
	font-size:20pt;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
}
div.text_box{
	border:2px solid #0068cc;
	padding:.5em;
}
div.update{
	font-size:1.1em;
	margin: .5em 0 .2em 0;
	text-align:center;
	font-weight:bold;
}
img{
	border:thin solid black;
}
li{
	margin-top:.5em;
}
ol{
	margin-top:0em;
}
p{
margin:.5em 0em;
}
select{
	font-size:10pt;
}
span.type{
	font-size:16pt;
	font-weight:800;
}
table{
	margin:.5em auto 1em auto;
	border: 3px solid #C0C0C0;
	text-align:left;
	width:90%;
}
th{
	background: #DDDDDD;
	border: 2px solid #C0C0C0;
	color:#0068cc;
	font-weight:bold;
	padding-left: .2em;
	padding-right: .2em;
	text-align: center;
	white-space: nowrap
}
td.header{
	font-size:12pt;
}
td{
	padding-left:.3em;
	padding-right:.3em;
	border:1px solid #C0C0C0;
	font-size: 9pt;
}
.bigblue{
	color:#0068cc;
	font-size:1.2em;
}
.bluetext{
	color:#0068cc;
}
.bold{
	font-weight:bold;
}
.die{
	font-weight:bold;
	margin:2em auto 2em auto;
	color:red;
}
/*** header is a span ***/
.header{
	font-size:1.05em;
	font-weight:bold;
}
.medblue{
	color: #0068CC;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
.smblue{
	color: #0068CC;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
}
.redtext{
	color: #FF3333;
	font-weight: bold;
}
.redheader{
	font-size:1.05em;
	font-weight:bold;
	color:#FF3333;
}
.yelhigh{
	background-color:#feff66;
	padding: 0 .2em 0 .2em;
}