﻿#contentWrapper {
	margin: 0px auto;
	padding-top: 15px;
	width: 900px;
	min-height: 500px;
	position: relative;
	background-color: white;
	color: black;
}

#contentHeader {
	position: relative;
	height: 200px;
}

#contentHeaderLogo {
	position: absolute;
	left: 5px;
	top: 5px;
	height: 160px;
	width: 259px;
}

#contentHeaderLogo img {
	border: 0px white none;
}

#contentHeaderBanner {
	position: absolute;
	bottom: 40px;
	right: 0px;
	width: 600px;
	height: 151px;
	background-image: url('../images/galbraith.gif');
}

#contentMenuRow {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 30px;
	background-color: black;
	color: white;
}

#contentMenuRowItems {
	background-color: inherit;
	color: inherit;
	position: absolute;
	left: 0px;
	top: 7px;
	font-size: 16px;
	font-weight: bold;
	font-family: inherit;
}

#contentMenuRowItems td {
	min-width: 50px;
	padding: 0px 5px 0px 5px;
	text-align:center;
	border-right: 1px white solid;
}

#contentMenuRowItems a, a:visited, a:active, a:focus {
	text-decoration: none;
	color: inherit;
}

#contentMenuRowItems a:hover {
	text-decoration: underline;
}

#bodyContent {
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	font-size: 10px;
}

#bodyContentLeft {
	position: relative;
	width: 590px;
	min-height: 700px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
}

#bodyContentRight {
	float: right;
	width: 290px;
	min-height: 400px;
	font-size: 10px;
	padding: 5px 5px 5px 5px;
	color: black;
	text-align: justify;
}

#contentFooter {
	border-top: thin black solid;
	min-height: 60px;
	position: relative;
	padding-top: 5px;
	text-align: center;
	font-size: 10px;
}


#announcementList {
	padding-top: 5px;
}

.announcements {
}

.announcementTitle {
	font-size: large;
	font-weight: bold;
}

.membershipTitleRow {
	font-weight: bold;
	font-size: 12px;
}

.membershipDataRow {
	font-weight: bold;
	font-size: 11px;
}


#informationRow {
	position: relative;
}

#informationRowRight {
	margin-left: 260px;
	width: 589px;
	padding: 5px 0px 5px 10px;
	border-left: 1px blue dotted;
	min-height: 130px;
	height: 100%;
}

#informationRowLeft {
	float: left;
	width: 250px;
	min-height: 100px;
	border-right: 1px blue dotted;
	padding: 5px 10px 5px 0px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	height: 100%;
}

#informationRowLeft img {
	border: none;
}

#informationRowLinksRight {
	margin-left: 260px;
	width: 589px;
	padding: 5px 0px 5px 10px;
	border-left: 1px blue dotted;
	min-height: 30px;
	height: 100%;
}

#informationRowLinksLeft {
	float: left;
	width: 250px;
	min-height: 30px;
	border-right: 1px blue dotted;
	padding: 5px 10px 5px 0px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	height: 100%;
}

#informationRowDirectionsRight {
	margin-left: 260px;
	width: 589px;
	padding: 5px 0px 5px 10px;
	border-left: 1px blue dotted;
	min-height: 60px;
	height: 100%;
	vertical-align: top;
}

#informationRowDirectionsLeft {
	float: left;
	width: 250px;
	min-height: 60px;
	border-right: 1px blue dotted;
	padding: 5px 10px 5px 0px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	height: 100%;
}

#informationRowSponsorRight {
	margin-left: 260px;
	width: 589px;
	padding: 5px 0px 5px 10px;
	border-left: 1px blue dotted;
	min-height: 80px;
	height: 100%;
}

#informationRowSponsorLeft {
	float: left;
	width: 250px;
	min-height: 80px;
	border-right: 1px blue dotted;
	padding: 5px 10px 5px 0px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	height: 100%;
}

#informationRowSponsorLeft img {
	border: none;
}

#importantRow {
	position: relative;
	height: 140px;
	border-bottom: thin blue dotted;
	padding: 10px 0px 10px 0px;
}

#importantRowIcon {
	float: left;
	width: 160px;
}

#importantRowDetails {
	
}

#importantRowDetails a, a:active, a:after, a:focus, a:hover, a:visited {
	text-decoration: underline;
	color: blue;
}

.importantRowDetailsTitle {
	font-weight: bold;
}

.importantRowDetailsDesc {
	font-size: 10px;
}

.warning {
	font-size: larger;
	font-weight: bold;
	color: red;
}

.sponsorTitle {
	font-size: 11px;
	font-weight: bold;
}


#rideInfoWrapper {
	color: black;
	font-size: 11px;
}

#rideInfoHeaderContent {
	width: 650px;
}

#rideInfoHeaderContentLeft {
	float: left;
	width: 280px;
	min-height: 180px;
}

#rideInfoHeaderContentRight {
	margin-left: 280px;
	padding: 10px 10px 10px 10px;
	width: 350px;
	min-height: 180px;
}

#rideInfoRuleList {
	
}

#rideInfoRideInfo {
	
}

#rideInfoRideInfo td, th {
	padding: 10px 10px 10px 10px;
}

#rideInfoRideInfo table {
	border-collapse: collapse;
}

#rideInfoRideInfo caption {
	text-align: right;
	vertical-align: bottom;
}

#rideInfoRideInfo th {
	background-color: black;
	color: white;
}

col#ridetype {
	 width: 100px;
}

col#ridedesc {
	width: 200px;
}

col#rideplace {
	width: 100px;
}

col#rideleaders {
	width: 100px;
}

col#ridetrails {
	width: 100px;
}

col#ridedate {
	width: 120px;
}

col#ridelocation {
	width: 150px;
}

col#ridedescription {
	width: 200px;
}


#rideArticleWrapper {
	color: black;
	font-size: 11px;
}

#rideInfoHeaderContent {
	width: 650px;
}

#rideArticleHeaderContentLeft {
	float: left;
	width: 280px;
	min-height: 180px;
}

#rideArticleHeaderContentRight {
	margin-left: 280px;
	padding: 10px 10px 10px 10px;
	width: 350px;
	min-height: 180px;
}

#rideArticleRideArticle {
	width: 600px;
}

#rideArticleFooter {
	width: 600px;
	border-top: 1px blue solid;
	padding-top: 5px;
}



/*
.rideListHeader {
	background-color: black;
	font-size: larger;
	color: white;
}

.rideListHeaderRide {
	text-align: center;
	width: 120px;
}

.rideListHeaderDesc {
	text-align: center;
	width: 150px;
}

.rideListHeaderPlace {
	text-align: center;
	width: 120px;
}

.rideListHeaderLeaders {
	text-align: center;
	width: 120px;
}

.rideListHeaderTrails {
	text-align: center;
	width: 120px;
}

.rideListItem {

}

*/





