<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>Marple Mountain Bike Rides</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script src="js/prototype.js" type="text/javascript"></script>
  <script src="js/effects.js" type="text/javascript"></script>
  <script src="js/tabslide.js" type="text/javascript"></script>
<script type="text/javascript"><!--if (screen.width <= 699) {document.location = "http://www.lake.info/iphone.htm";}//--></script>

	<style>
#title {
			border: none;
			width: 1024px;
			height: 50px;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size: 28px;
			position:relative;
			text-align:center;

			background-color:#555555;
			display:block;
			overflow:hidden;
			color:#fff;
 border-top-color:#555555;
 border-top-width:20px;
 border-top-style:solid;
}	

	#accordion {
			border: 0px solid #1F669B;
			width: 1024px;
			height: 500px;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size: 11px;
			position:relative !important;
			display:block;
			overflow:hidden;
			background-image:url(images/bike.jpg);
			background-repeat:no-repeat;
			background-position:top left;
	}
	
	h3 {
			font-size: 18px;
			padding: 6px 6px 4px 35px;
			margin: 0;
			color:#fff;
			border-bottom:1px solid #333333;
			cursor:pointer;
			display:block;
			background-image:url(images/tab-left.gif);
			background-position:top left;
			background-repeat:no-repeat;
	}
	
	#visible {
			background-image:url(images/tab-left-active.gif);
			border-bottom:1px solid #DA1074;
	}
	
	.panel_body {
			font-size: 16px;
			height:150px;
			background-color:#333333;
			display:block;
			position:left;
			color:#FFFFFF;
	}
	
	.panel_body div {
			padding:3px 5px;
	}

	.panel_body ul li {
			color:#FFFFFF;
			list-style-type:none;

	}

	.panel_body a:link, a:active, a {
			color:#dddddd;
			text-decoration: none;

	}

	.panel_body a:hover {
			color:#fff;

			target-name:new;

	}

	.panel{
		bottom:0px;
		margin:0px;
		padding:0px;
		background-image:url(images/tab-right.gif);
		background-position:top right;
		background-repeat:repeat-x;
		background-color:#333333;
	}
	.wrapper{
		bottom:0px;
		position:absolute;
	}
	
	</style>



</head>
<body>

<div id="title">
Mountain Biking around the Dark Peaks: Marple & Hayfield
</div>

<div id="accordion">



<div class="panel" id="panel1">
    <h3>Hill Climbs</h3>
    <div id="panel1-body" class="panel_body">
        <div>
<a href="rides/1/Hills.html" alt="Hill Rides">
Click here for a fantastic range of uphill climbs, from rocky off-road to smooth steep tarmac.  These climbs will challenge the best
</a>
        </div>
    </div>
</div>

<div class="panel" id="panel2">

    <h3>Wet & Wild</h3>
    <div id="panel2-body" class="panel_body">
        <div>
<a href="rides/1/Hillrides.htm" alt="Wet Rides">
Click here for some proper wet & wild rides, up streams, down streams, sliding mud and did I mention it's even better in the dark
</a>
        </div>
    </div>
		
</div>

<div class="panel" id="panel3">
    <h3>Downhills</h3>
    <div id="panel3-body" class="panel_body">
        <div>
<a href="rides/1/hills.html" alt="Downhill Rides">
Click here for some of the best downhills 20 minutes from Stockport.  climb and tarmc and fly down on mud, rocks, gravel, grass, you name it
</a>
        </div>
    </div>
</div>

<div class="panel" id="panel4">
    <h3>Road Rides</h3>
    <div id="panel4-body" class="panel_body">
        <div>
<a href="rides/1/hills.html" alt="Road Rides">
Click here for some great tours.  These rides will get you fit for the off-road or nice fast session in those warm summer evenings
</a>
        </div>
    </div>
</div>

<div class="panel" id="panel5">
    <h3>Links</h3>
    <div id="panel5-body" class="panel_body">
        <div>
		<ul>
			<li><a href="http://www.bbc.co.uk/weather">BBC Weather</a></li>
			<li><a href="http://www.bikeroutetoaster.com">Bike Route Toaster</a></li>
			<li><a href="http://www.garmin.com/uk/">Garmin GPS</a></li>
			<li><a href="http://www.nwmtb.com/">Local Bike Shops</a></li>
			<li><a href="http://www.yell.com/s/pubs-mellor-stockport.html">Places to Eat & Drink</a></li>
		</ul>        </div>
    </div>
</div>

</div>

</body>
</html>