#header {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 102px;
	background-color: #FFFFFF;
}
.passed {
	background-image: url(images/circle2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.reached {
	background-image: url(images/circle1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.itinery {
	background-image: url(images/circle3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	background-image: url(images/backgrounds/background100.jpg);
	font-size: 90%;
}
#navigation ul {
	margin: 0px 0px 0px 90px;
	padding: 0px;
	text-align: center;
}
#navigation {
	background-color: #FFFFFF;
	width: 648px;
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 27px;
	color: #000000;
	padding-top: 3px;
}
#header {
	width: 648px;
	height: 84px;
}
#main {
	width: 632px;
	border-right-width: 8px;
	border-left-width: 8px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#back-to-top {
	background-color: #FFFFFF;
	width: 632px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #000000;
	text-align: right;
	padding-bottom: 2px;
	padding-top: 10px;
	font-size: small;
	clear: both;
	border-top-width: 8px;
	border-right-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 8px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#footer {
	width: 648px;
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	height: 18px;
	font-size: 80%;
	padding-top: 10px;
}
.journey-navigation {
	background-color: #FFFFFF;
	width: 169px;
	font-size: 100%;
	background-image: url(images/fill_bw.gif);
	background-repeat: repeat-y;
	font-weight: bold;
}
.journey-navigation ul {
	margin: 0px;
	padding: 0px 10px 10px;
	background-image: url(images/bottom_bw.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.journey-navigation ul li {
	margin: 0px;
	list-style-type: none;
	background-position: left center;
	color: #000000;
	font-size: 85%;
}
.journey-navigation a {
	color: #000000;
	text-decoration: none;
	display: block;
	padding-left: 18px;
}
.journey-navigation a:hover {
	color: #FFCC00;
	background-color: #006600;
}
.float-right {
	text-align: right;
	float: right;
	margin-right: 30px;
}
.float-left {
	float: left;
	margin-left: 30px;
}
.hidden {
	visibility: hidden;
}
#navigation a {
	text-decoration: none;
	color: #000000;
}
#container {
	margin-right: auto;
	margin-left: auto;
	width: 648px;
	background-image: url(images/fill.gif);
	background-repeat: repeat-y;
}
.tbr-footer {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/the_bike_ride.gif);
	width: 590px;
	display: block;
	height: 32px;
	margin-left: 30px;
}
#navigation ul li {
	list-style-type: none;
	float: left;
	background-repeat: no-repeat;
	height: 22px;
	background-position: left top;
	margin-right: 5px;
}
.diary {
	background-image: url(images/the_journey_to.gif);
	display: block;
	background-repeat: no-repeat;
	height: 30px;
}
.index {
	background-image: url(buttons/home.gif);
	height: 16px;
	width: 50px;
	display: block;
}
.index:hover {
	background-image: url(buttons/home_over.gif);
}
.riders {
	background-image: url(buttons/riders.gif);
	height: 16px;
	width: 51px;
	display: block;
}
.riders:hover {
	background-image: url(buttons/riders_over.gif);
}
.bikes {
	background-image: url(buttons/bikes.gif);
	height: 16px;
	width: 46px;
	display: block;
}
.bikes:hover {
	background-image: url(buttons/bikes_over.gif);
}
.training {
	background-image: url(buttons/training.gif);
	height: 16px;
	width: 65px;
	display: block;
}
.training:hover {
	background-image: url(buttons/training_over.gif);
}
.sponsorship {
	background-image: url(buttons/sponsorship.gif);
	height: 16px;
	width: 87px;
	display: block;
}
.sponsorship:hover {
	background-image: url(buttons/sponsorship_over.gif);
}
.contact {
	background-image: url(buttons/contact.gif);
	height: 16px;
	width: 61px;
	display: block;
}
.contact:hover {
	background-image: url(buttons/contact_over.gif);
}
.newsletter {
	background-image: url(buttons/newsletter.gif);
	height: 16px;
	width: 79px;
	display: block;
}
.newsletter:hover {
	background-image: url(buttons/newsletter_over.gif);
}
.journey {
	background-image: url(buttons/journey.gif);
	height: 16px;
	width: 59px;
	display: block;
}
.journey:hover {
	background-image: url(buttons/journey_over.gif);
}
.column400 {
	float: left;
	width: 400px;
	margin-left: 20px;
}
.column170 {
	float: left;
	width: 170px;
	margin-left: 20px;
}
.column285 {
	float: left;
	width: 285px;
	margin-left: 20px;
}
.column590 {
	float: left;
	width: 590px;
	margin-left: 20px;
}
.column285 a {
	color: #FFFFFF;
	text-decoration: none;
}
.column285 a:hover {
	color: #99CCFF;
	text-decoration: underline;
}

#line-graphic-top {
	background-image: url(images/top_line.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 18px;
}
#line-graphic-bottom {
	background-image: url(images/bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 18px;
	clear: both;
}
h1 {
	font-size: 100%;
	margin: 0px;
}
.homepage {
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.clearboth {
	clear: both;
	color: #FFFFFF;
}
h2 {
	font-size: 100%;
	margin: 0px;
}
h3 {
	font-size: 70%;
}
.staustell {
	background-image: url(images/destinations/01-staustell.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.landsend {
	background-image: url(images/destinations/00-landsend.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.moretonhampstead {
	background-image: url(images/destinations/02-moretonhampstead.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.taunton {
	background-image: url(images/destinations/03-taunton.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.yate {
	background-image: url(images/destinations/04-yate.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.worcester {
	background-image: url(images/destinations/05-worcester.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.audlem {
	background-image: url(images/destinations/06-audlem.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.preston {
	background-image: url(images/destinations/07-preston.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.glenridding {
	background-image: url(images/destinations/08-glenridding.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.dumfries {
	background-image: url(images/destinations/09-dumfries.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.hollybush {
	background-image: url(images/destinations/10-hollybush.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.inverkip {
	background-image: url(images/destinations/11-inverkip.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.inveraray {
	background-image: url(images/destinations/12-inveraray.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.ballachulish {
	background-image: url(images/destinations/13-ballachulish.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.invermoriston {
	background-image: url(images/destinations/14-invermoriston.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.bonarbridge {
	background-image: url(images/destinations/15-bonarbridge.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.bettyhill {
	background-image: url(images/destinations/16-bettyhill.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.johnogroats {
	background-image: url(images/destinations/17-johnogroats.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 400px;
	margin-top: 6px;
}
.credit { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 65%; 
	color: #99CCFF; 
	font-weight: normal; 
}
.credit a {
	font-weight: bold;
	color: #99CCFF;
	text-decoration: none;
}
.credit a:hover {
	color: #3399FF;
}
.clearboth a {
	color: #FFFFFF;
}
.white {
	color: #FFFFFF;
}
.bg {
	background-attachment: scroll; 
	background-image: url(images/roundabout.gif); 
	background-repeat: no-repeat; 
	background-position: 40px 160px
}
.previous {
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 33px;
	padding-left: 48px;
	display: block;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.previous:hover {
	background-image: url(images/arrow_left_over.gif);
}
.next {
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 33px;
	padding-right: 48px;
	display: block;
	text-align: right;
	float: right;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.next:hover {
	background-image: url(images/arrow_right_over.gif);
}
.ident {
	background-image: url(ident_logo/ident_logo.gif);
	height: 35px;
	width: 135px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
}
.ident:hover {
	background-image: url(ident_logo/ident_logo_over.gif);
}
.link {
	font-weight: bold;
	color: #FFFFFF;
}
.link:hover {
	color: #99CCFF;
}
.larger {
	font-size: 100%;
}
#privacy {
	font-size: 70%;
	color: #FFFFFF;
	width: 648px;
	margin-top: 4px;
	margin-right: auto;
	margin-left: auto;
}
#privacy a {
	color: #FFFFFF;
	text-decoration: underline;
}
#privacy a:hover {
	color: #99CCFF;
	text-decoration: underline;
}
.stats h4{
	background-image: url(images/todays_statistics.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 24px;
	width: 169px;
}
.stats {
	width: 169px;
	color: #000000;
	font-size: 85%;
}
.stats ul {
	margin: 0px;
	background-image: url(images/bottom_bw.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.stats ul li {
	margin: 0px;
		padding: 5px 10px;
	list-style-type: none;
	background-image: url(images/fill_bw.gif);
	background-repeat: repeat-y;
	background-position: left center;
}
h4 {
	margin: 0px;
	padding: 0px;
}
.roundabout {
	background-image: url(images/roundabout_170.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 228px;
	width: 170px;
	float: left;
}
.summary {
	background-color: #FFFFFF;
	width: 400px;
	border: 1px solid #000000;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.summary p {
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.small-image {
	float: right;
	margin-bottom: 2px;
	margin-left: 10px;
}
.small-image-caption {
	font-size: 75%;
	color: #99CCFF;
	width: 170px;
	margin-bottom: 6px;
	margin-left: 10px;
	float: right;
	margin-top: 22px;
}