/*   --------------------
reset whitespace, general stuff
--------------------   */
* {
	padding: 0px;
	margin: 0px;
}
body {
	background: #660;
	text-align: center;
}
a {
	text-decoration: none;
}
p {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
hr {
	display: none;
}
p a {
	color: #c36;
	border-bottom: 1px solid #c36;
}
p a:hover {
	color: #333;
	border-bottom: 1px solid #333;
}
img {
	border: 0px;
}

/*   --------------------
special-case stuff
--------------------   */
#flash-map {
	border: 2px solid #660;
	margin-bottom: 16px;
}
.pimage a {
	border: 0px;
}
.pimage a:hover {
	border: 0px;
}

/*   --------------------
headerish stuff
--------------------   */
#logo {
	height: 240px;
	width: 326px;
	position: relative;
	float: right;
	text-indent: -5000px;
	background:  url(/images/header/hopkins4k.jpg) no-repeat;
}
#logo a, #mission a {
	display: block;
	width: 100%;
	height: 100%;
}
#mission {
	height: 240px;
	width: 414px;
	position: relative;
	float: left;
	text-indent: -5000px;
	background:  url(/images/header/mission.jpg) no-repeat;
}
#fact {
	position: absolute;
	top: 470px;
	left: 250px;
}

/*   --------------------
styles for different
containers on the page
--------------------   */
#container {
	position: relative;
	margin: 0px auto;
	width: 740px;
	text-align: left;
	height: auto;
	background: #fff;
	overflow: hidden;
}
#pictures {
	background: url(/images/header/pictures_bg.gif) no-repeat;
	height: 220px;
	width: 740px;
	clear: both;
}
#content {
	height: auto;
	width: 740px;
	float: left;
	background: url(/images/header/road_bg.gif) no-repeat center top;
}
#sidebar {
	margin-top: 37px;
	height: auto;
	width: 192px;
	float: left;
}
#main {
	margin-top: 37px;
	margin-left: 250px;
	margin-bottom: 25px;
	width: 465px;
	height: auto;
}
.footer {
	margin-left: 20px;
	height: auto;
	width: auto;
	clear: both;
}
#secondary {
	background: url(/images/header/title_bg.gif) no-repeat left top;
	height: 38px;
	width: 740px;
	clear: both;
}

/*   --------------------
main area stuff
--------------------   */
#main p {
	margin-bottom: 16px;
	font-size: 12px;
	line-height: 16px;
}
.main-title {
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #666;
}	
td,th {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	vertical-align: top;
	padding: 3px;
}
th {
	font-weight: bold;
}
td a {
 	color: #c36;
	border-bottom: 1px solid #c36;
}
td a:hover {
 	color: #333;
	border-bottom: 1px solid #333;
}
.color {
	background: #eee;
}
#main table {
	width: 100%;
}
.riderphoto {
	float: left;
	margin-right: 10px;
}

/*   --------------------
news boxes
--------------------   */
.newsbox {
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.newsheader {
	background: #660;
	padding: 5px 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
.newsleft {
	float: left;
	text-align: left;
}
.newsright {
	text-align: right;
}
.newsbox p {
	margin: 10px 20px;
}
.newslink {
	text-align: right;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 20px 10px;
}
.newslink a {
	color: #993;
	text-decoration: none;
	border: 0px;
}
.newslink a:hover {
	color: #333;
	border: 0px;
}


/*   --------------------
rider spotlight stuff
--------------------   */
#spotlight {
	margin-top: 15px;
	margin-left: 20px;
}
#riderspotlight {
	margin-top: 5px;
	height: 36px;
	width: 125px;
	text-indent: -5000px;
	background:  url(/images/footer/rider_spotlight.gif) no-repeat;
}
#ridername {
	margin-top: -10px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #660;
}
#ridername a {
	color: #660;
	border: 0px;
}
#ridername a:hover {
	color: #333;
	border: 0px;
}

/*   --------------------
secondary titles stuff
--------------------   */
.s-title {
	position: absolute;
	top: 240px;
	left: 560px;
	height: 84px;
	width: 180px;
	text-indent: -5000px;
}
#s-about {
	background: url(/images/titles/about.gif) no-repeat;
}
#s-cyclists {
	background: url(/images/titles/cyclists.gif) no-repeat;
}
#s-donate {
	background: url(/images/titles/donate.gif) no-repeat;
}
#s-help-us {
	background: url(/images/titles/help-us.gif) no-repeat;
}
#s-journal {
	background: url(/images/titles/journal.gif) no-repeat;
}
#s-map {
	background: url(/images/titles/map.gif) no-repeat;
}
#s-media {
	background: url(/images/titles/media.gif) no-repeat;
}
#s-photos {
	background: url(/images/titles/snapshots.gif) no-repeat;
}
#s-sponsors {
	background: url(/images/titles/sponsors.gif) no-repeat;
}
#s-archives {
	background: url(/images/titles/archives.gif) no-repeat;
}


/*   --------------------
footer stuff
--------------------   */
#logo2 {
	height: 92px;
	width: 145px;
	float: left;
	text-indent: -5000px;
	background: url(/images/footer/hopkins4k.gif) no-repeat;
}
#logo2 a {
	display: block;
	width: 100%;
	height: 100%;
}
#money {
	float: left;
	margin-left: 88px;
	width: 250px;
	padding-bottom: 20px;
}
.moneytitle {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #660;
	text-indent: 17px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#sponsors {
	float: left;
	width: auto;
}
#sponsors p {
	margin: 0px;
}
#sponsortitle {
	margin-top: 10px;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #666;
}
#visitor {
	float: left;
	width: 250px;
	padding-bottom: 20px;
}
#nav3 {
	float: left;
	width: auto;
}

/*   --------------------
nav2 stuff
--------------------   */
.dots {
	background:  url(/images/header/red_dots.gif) repeat;
	height: 21px;
	margin-bottom: 10px;
	width: 192px;
}
.dots span {
	background: #fff;
	height: 10px;
	width: auto;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #660;
	position: relative;
	left: 20px;
	top: 4px;
	padding-right: 5px;
	padding-left: 5px;
}
#nav2 p {
	padding-left: 25px;
	padding-right: 15px;
	padding-bottom: 10px;
}
#nav2 p a {
	color: #000;
	border-bottom: 0px solid #000;
}
#nav2 p a:hover {
	color: #c36;
	border-bottom: 0px solid #c36;
}
.dots a {
	color: #660;
	border: 0px;
}
.dots a:hover {
	color: #333;
	border: 0px;
}

/*   --------------------
help page, email updates
forms
--------------------   */
#help label {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align:right;
	width: 150px;
	float: left;
	margin-top: 10px;
	margin-right: 15px;
}
.no {
	display: none;
}
#help input, 
#help textarea,
#left input,
#left textarea,
#right input,
#right textarea {
	width: 200px;
	padding: 5px;
	margin: 5px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #cc9;
	border: 0px;
}
fieldset {
	border: 0px;
}
#left {
	width: 232px;
	float: left;
}
#right {
	width: 233px;
	float: left;
}
#left input,
#left textarea,
#right input,
#right textarea {
	width: 150px;
	padding: 3px;
	margin: 3px;
}
#left label,
#right label {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align:right;
	width: 50px;
	float: left;
	margin-top: 8px;
	margin-right: 10px;
}

/*   --------------------
inline photos
--------------------   */
.photo-left {
	float: left;
	margin-right: 10px;
}
.photo-right {
	float: right;
	margin-left: 10px;
}

/*   --------------------
four random images on the
main page
--------------------   */
#rand1,
#rand2,
#rand3,
#rand4 {
	position: absolute;
	top: 275px;
}
#rand1 {
	left: -140px;
}
#rand2 {
	left: 80px;
}
#rand3 {
	left: 300px;
}
#rand4 {
	left: 520px;
}

/*   --------------------
navigation styling
--------------------   */
#nav1 {
	list-style-type: none;
}
#nav1 li {
	display: inline;
	height: 28px;
	position: absolute;
	z-index: 99;
	top: 196px;
	text-indent: -5000px;
}
#nav1 li a {
	display: block;
	width: 100%;
	height: 100%;
}
#nav1 #about {
	width: 76px;
	left: 30px;
	background: url(/images/nav/about.gif) no-repeat left top;
}
#nav1 #cyclists {
	width: 83px;
	left: 106px;
	background: url(/images/nav/cyclists.gif) no-repeat left top;
}
#nav1 #journal {
	width: 78px;
	left: 189px;
	background: url(/images/nav/journal.gif) no-repeat left top;
}
#nav1 #media {
	width: 64px;
	left: 267px;
	background: url(/images/nav/media.gif) no-repeat left top;
}
#nav1 #forum {
	width: 62px;
	left: 331px;
	background: url(/images/nav/forum.gif) no-repeat left top;
}
#nav1 #map {
	width: 70px;
	left: 331px;
	background: url(/images/nav/map.gif) no-repeat left top;
}
#nav1 #donate {
	width: 108px;
	left: 401px;
	background: url(/images/nav/donate.gif) no-repeat left top;
}
#nav1 #about a:hover {
	background: url(/images/nav/about_on.gif) no-repeat left top;
}
#nav1 #cyclists a:hover {
	background: url(/images/nav/cyclists_on.gif) no-repeat left top;
}
#nav1 #journal a:hover {
	background: url(/images/nav/journal_on.gif) no-repeat left top;
}
#nav1 #media a:hover {
	background: url(/images/nav/media_on.gif) no-repeat left top;
}
#nav1 #forum a:hover {
	background: url(/images/nav/forum_on.gif) no-repeat left top;
}
#nav1 #map a:hover {
	background: url(/images/nav/map_on.gif) no-repeat left top;
}
#nav1 #donate a:hover {
	background: url(/images/nav/donate_on.gif) no-repeat left top;
}