@charset "utf-8";
/* Set the styles and background image for the "body" paart of the document */
body {
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(../images/Bglogo-234px_45.png);
	background-repeat:repeat;
	margin:0;
}
h4 {
	margin-top: 4px;
	margin-bottom: 4px
}
/* Set the width of the Home page, background and if wanted, a background image (commented out) and left & right border */
#wrapper {
	width: 960px;
	margin: 0 auto;
	background-color:#FFF;
	/*background-image:url(../images/sidebar_both.jpg);*/
    /*background-position:center;
	background-repeat:repeat-y;*/
	border-left:#252017 solid 1px;
	border-right:#252017 solid 1px;
}
/* Sets the height of the header, the background image and whether the image repeats or not */ 
#header {
	height: 234px;
	background-image: url(../images/BikeHash960x234px.jpg);
	background-repeat: no-repeat;
}
/* Sets the styling of any text that is written over the header background image */
#header h1 {
	margin:0;
	padding:10px 20px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}
/* Sets the size and padding for the left sidebar */
#sidebar1 {
	width:100px;
	padding:10px 5px;
}
/* Sets the width of the central section + left sidebar and makes it float (position) to the left */
#inner {
	width:960px;
	float:left;
}
/* Makes the left sidebar float to the left. This won't work if added to the earlier #sidebar1 above */
#sidebar1 {
	float:left;
}
/* This is the central column of the page, seting width and styling paramenters */
#mainContent {
	width:820px;
	float:right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
/* Styles the div holding the links to the .pdf joining forms */
#joiningform {
	width: 800px;
}
#joiningform h3 {
	margin-top: 8px;
	margin-bottom: 3px;
	text-align: left;
	font-weight: bolder;
	color: #00875A;
}

/* Styles the div used to hold the fellow hashers table */
#fellowhashers {
		width:800px;
		margin-right: auto;
  		margin-left: auto;
}
/* Styles the way the table containg the fellow hashers data formats that data. The class .fameheader is used to set the top row colour */
#fellowhashers table {
	font-weight: normal;
	font-size: 14px;
	width: 800px;
	padding: 2px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 2px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
/* Styles the Gallery div used to hold the picture gallery iFrame - note, IFrames that contain other than HTML ALWAYS appear on top of other content */
/* In this case, the margin-left is set large to allow the navigation menus to be seen, otherwise they would go under the iFrame */
#webgallery {
	width: 680px;
	height: 600px;
	margin-left: 80px;
	margin-right:20px;
}
/* Styles the h4 headers in the webgallery div */
#webgallery h4 {
	color: #00875A;
	margin-top: 4px;
	margin-bottom: 0;
}
/* Styles the paragraphs in the webgallery div */
#webgallery p {
	color: #000;
	margin-top: 3px;
	margin-bottom: 0;
	font-size: 12px;
}
/* Styles the table captions in the webgallery div */
#webgallery caption {
  font-size:15px;
  color:#00875A;
  font-weight:bold;
  text-align: left;
}
/* This class sets text to normal weight and the font to 11px and puts a border all round in the select a picture tables */
#webgallery table td {
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	border: 1px solid #000;
}
/* Styles the div created to hold the year's Ride tables and the hash and useful links */
#ridetables {
	width:820px;
	margin-right: auto;
  	margin-left: auto;
}
/* Styles the div created to hold the hash and useful links */
#linkspages {
	width:820px;
	margin-right: auto;
  	margin-left: auto;
}
/* Styles the div created to hold the Hares of Fame table */
#haresfame {
	width:820px;
	margin-right: auto;
  	margin-left: auto;
}
/* These next styles determine the styling of hyperlinks */
a {
  font-weight:bold;
  text-decoration:none;
}
a:link {
  color: #B64926;
}
a:visited {
  color: #75BAFF;
}
a:hover, a:active {
  color:#8E2800;
  text-decoration:underline overline;
}
/* Class styles to help float text around an image */
.floatleft {
  float:left;
  margin:3px 8px 3px 0;
}
.floatright {
  float:right;
  margin:3px 0 3px 8px;
}
.imgcentered {
	margin: 3px auto;
	display: block;
}
/* This syles the caption under the picture in the History page. First set the image to a block, forcing the caption to a line underneath it */

.floatleft img, .floatright img {
	display:block;
}
/* Set the caption font style and position */
span.floatright { 
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	clear: both;
}
/* Style the a border around images */
.floatleft, .floatright, .imgcentered {
	font-weight: bold;
	text-align: center;
	padding: 2px;
	border: #00875A double 4px;
}
/* A style rule to make text very small (9pt) */
.small_8pt_text {
	font-size: 9pt;
	font-weight: normal;
}

/* Used to determine the width and style of subcol1 if only one column is being used in the central section. The :Next Ride" table is currently there. */
#subcol1 {
	width:540px;
	padding:0 10px;
	float:left;
}
/* This styles the way the header above the "Next Ride" table looks */
#subcol_wrapper h3 {
	border-bottom:3px solid;
	font-size: 150%;
	color: #F00;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
/* This styles the way tables look */
table {
	font-weight: bold;
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float: left;
}

td {
	padding: 5px;
	vertical-align: middle;
}
/* This styles the way the "Hash Links" & "Other Links" table looks */
#linkspages table {
	font-weight: bold;
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 2px;
	float: left;
}

/* This styles the tables in the complete year's Ride tables */
#ridetables table {
	font-weight: normal;
	font-size: 14px;
	width: 820px;
	padding: 2px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 2px;
	float: left;
	clear: left;
}

/* This styles the Hare of Fame Table */
#haresfame table {
	font-weight: normal;
	font-size: 14px;
	width: 800px;
	padding: 2px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 2px;
	table-layout: fixed;
}
/* This styles the header row in the Hare of Fame table */
#haresfame table th{
	font-weight: bold;
	text-align: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	border-collapse: collapse;
}
/* This styles the rows in the Hare of Fame table */
#haresfame table td{
	font-weight: normal;
	text-align: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	border-collapse: collapse;
}
/* Hare of Fame styling classes */
.namecol {
	width: 34%;
}
.fameheader {
	font-size: 18px;
	background-color: #E8ECD8;
}

/* Hareline table styling classes */
.oddcol {
	width: 10%;
}
.oddrow {
  background-colorE:#8ECD8;
}
.evenrow {
	background-color: #F3F5EB;
}
.headrow th { 
	background-color:#E8ECD8;
}
#ridetables table th {
	color: #F00;
	text-align: left;
	padding: 0 5px;
}
#ridetables table td {
	vertical-align: top;
}

#ridetables tr:hover {
	background-color: #EEE1BB;
}

/* These styles deal with table captions and header row in tables */
caption {
  font-size:19px;
  color:#00875A;
  font-weight:bold;
  text-transform:capitalize;
  text-align: left;
}
th {
  font-weight: normal;
  text-align:left;
}
/* This style deals with centreing text in the <td> selectors in the Mismanagement table*/
.contact_table {
	text-align: center
}
/* This class sets text to normal weight and the font to 11px in the Upcoming and Receding Hairline tables */
.ride {
	font-weight: normal;
	font-size: 11px;
	text-align: left;
}

/* This styles the footer */
#footer {
	background-color:#E8ECD8;
	color:#333;
	text-align: center;
	padding:3px;
	clear:both;
}
/* These next styles determine the way the footer looks */
#footer p {
	margin: 2px 0;
	font-size: x-small;
}
/* Sets the size, colour and font style for the footer paragraph "p" that comes within the <span> tag. */
#footer span p {
	font-size: x-small;
	color: #333;
	font-style: normal
}

/* The next two styles are classes and my be used anywhere in the document. They set the margins for paragraphs with this class. */
.marginp_tb_5px {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: center;
}
.marginp_tb_5px_small_txt {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	font-size: 12px;
}
/* Sets the styles for a paragraph */
p {
	margin: 3px 0;
}
/* Style lists without a bullet */
.no_bullet {
	list-style-type: none;
}
/* Sets the margins for the list (ul) */
ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Sets the general style for an h2 header */
h2 {
	margin-top: 0;
}
/* Sets the style for an h3 header that appears in the mainContent div */
#mainContent > h3 {
	margin-top: 8px;
	margin-bottom: 3px;
	text-align: left;
	font-weight: bolder;
	color: #00875A;
}
/* Styles the input fields of the Advanced Refreshment Applicatiopn Form */
input {
	background-color: #E8ECD8;
	color: #02530E;
}
/* Styles the focus of the input fields in the joining form */
input:focus {
	background-color: #F8F361;
}

/* Sets the style for an h3 header that appears in the ridestables div */
#ridetables > h3 {
	margin-top: 8px;
	margin-bottom: 3px;
	text-align: left;
	font-weight: bolder;
	color: #00875A;

/* Sets the general style for a paragraph that follows an h4 header */
h4 + p {
	margin-top: 5px;
	margin-bottom: 5px;
}
/* Sets the general style for an h3 header that is in the left sidebar */
#sidebar1 h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: bolder;
	color: #00875A;
}
/* This style takes care of a bug in IE6 & 7 */
[if lte IE 6]> <style type="text/css"> #subcol_wrapper {
 zoom: 1;
}
</style> <![endif]