body {margin:0px;padding:0px; font-family: Arial, Sans-Serif; color: #000; background: #ffffff  }

a {	color: #A53512; background-color: inherit; }
a:hover { color: #000; background-color: inherit;}

a:hover { 
	color: #AC8A61; background-color: inherit;
	text-decoration: underline; 

}

a.jcepopup{
	text-decoration: none;
	color:black;
	background:#efe;
	border:dashed 1px green;
}

a.jcepopup:hover{
	text-decoration: none;
	color:red;
	background:#efe;	
}

h1{
	font-family: Arial Rounded MT Bold, Trebuchet MS, Trebuchet;
	color:brown; 
}

h2{
	font-family:Arial Rounded MT Bold, Trebuchet MS, Trebuchet;
	color:brown; 
	font-size:1em;
}



#content { margin: 0 auto 0 auto; padding: 0; text-align: center; width: 885px; background: white}

#banner{
	width:885px; height:211px;
	background-repeat:no-repeat;
}

.banner1{
	background: url('images/banner1.jpg');
}

.rutlandbanner{
	background: url('images/routes/rutlandwater/normantonbanner.jpg');
}

.rutlandpeninsulabanner{
	background: url('images/routes/rutlandwater/peninsulabanner.jpg');
}

.viewpointsbanner{
	background: url('images/routes/viewpoints/viewpointsbanner.jpg');
}

.winlosebanner{
	background: url('images/routes/win_lose/win_losebanner.jpg');
}

.dykebanner{
	background: url('images/routes/offas_dyke/dykebanner.jpg');
}

.blackfordbybanner{
	background: url('images/routes/blackfordby/blackfordbybanner.jpg');
}

.ivanhoebanner{
	background: url('images/routes/ivanhoe_way/ivanhoebanner.jpg');
}

.youlgreavebanner{
	background: url('images/routes/youlgreave/youlgreavebanner.jpg');
}

.stauntonharoldbanner{
	background: url('images/routes/staunton_harold/stauntonharoldbanner.JPG');
}

.viaductbanner{
	background: url('images/routes/monsal_trail/banner2.JPG');
}

.mapbanner{
	background: url('images/maps/ActiveMapBanner.jpg');
}


#rightcolumn{

}


#maincontent{
	padding:0 1em 0 1em;
	text-align:left;
}


ul#navigation {
	margin: 0.5em auto 1em auto; 
	padding:0px;
	width:885px;
}

li#navigation {
	list-style-type: none; 
	display:inline;
	margin: 0px; 
	padding: 5px 30px 5px 30px;
	background-color:black;
	background: url('images/buttonslice.gif');
	background-repeat:repeat-x;
	
}


#navigation {  font-size: 0.9em; padding: 0 0 22px 12px; }

#navigation a, span {	color: #ccc;	 text-decoration: none;	font-weight: bold; margin-right: 10px; padding-left: 5px;  }

#navigation a:hover , span {text-decoration: underline;	font-weight: bold; }

img.routethumb{
	float:right;
	margin-left:1em;
}

img.walklistitemThumb{
	float:right;
	border:solid 1px #ccc;
	margin:2px; 
	padding:0.5em 0.5em 1em 0.5em;
}

img.natureCalendarImage{
	float:right;
	margin-left:1em;
	width:250px;
	border:solid 1px #ccc;
	margin:2px; 
	padding:0.5em 0.5em 1em 0.5em;
}

div.walklistitem, p.mapplea, div.mapplea {
	border:solid 1px gray;
	margin:1em;
	padding:0.5em 1em 1em 1em;
	text-align: left;
}

 p.mapplea{
 	font-size:90%
 }


img.mapThumb{
	float:right;
	border:none;
	margin:2px; 
	padding:0.5em 0.5em 1em 0.5em;
}

.paymentButton{
	clear:right;
	height:30px;
	padding-top:0.5em;
	float:right;
	
}


#footer { clear:both; background: #FFF url(footerbg.gif) repeat-x bottom left; color: #808080; border-top: 1px solid #eee; padding: 4px 10px 4px 4px;  font-family: Verdana, "lucida console", sans-serif; letter-spacing: -1px; font-size: 80%; text-align: left; text-transform: uppercase; }
#footer a { color: #2980DE; background-color: inherit; }
#footer a:hover { background: #FEFDD6; color: inherit; }