/* Epping Forest MBC 2007 author: Peter Tizzard */

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background:url("../images/bodyBg.jpg") repeat-x 0 0 #fff;
}
/* ----------------- general, font size ,colour etc ----------------------*/
h1{font-size:121%;}
h2{font-size:114%;}
h3{font-size:100%;}
h4{font-size:92%;}
h5{font-size:122%;}
h1,h2,h3{color:#606C37;}
p{line-height:1.3em;}
a{color:#606C37;}
a:hover{text-decoration:none;background-color:#C8F23E;}
a img{border:0;}
a:hover img{background-color:#fff;}

.error{color:#FF0000;}
span.date,a.more{color:#666666;}

/* ----------------- Blog pages ----------------------*/
#blog h2{margin-top:2em;}
#blog h2 a{text-decoration:none;}
#blog h2 a:hover{color:#990000;background-color:#fff;}
#blog h2 span{font-size:80%;padding-left:1em;}
#blog p.author,.comments p.attr{font-size:80%;color:#999999;}
#blog #content div{border-bottom:1px dotted #ccc;padding-bottom:1em;}

div.post{margin:0 0 1em 0;}
div.post p{color:#333333;}
div.comments-wrapper p{font-size:85%;color:#666666;margin:0.5em 1em 0 0.5em;}
.comments li{border:1px solid #e1e1e1;margin:0.5em 0;padding:0.5em;}
.comments p.attr{background-color:#F6FDE0;margin:-0.6em -0.6em 0 -0.6em;padding:0.25em;}


/* ----------------- top banner ----------------------*/
#topBanner{position:absolute;top:10px;right:40px;}

/* ----------------- wrapper ----------------------*/
#wrap{position:relative;width:900px;margin:0 auto;background:url("../images/pageShadow.jpg") 0 0 repeat-y #fff;}

/* ----------------- header ----------------------*/
#header{background:url("../images/headerBg.png") 0 0 no-repeat;height:122px;position:absolute;top:0;width:100%;}
	#header p{margin:0 0 0 30px;text-indent:-2000px;background:url("../images/lheaderTitle.png") 0 0 no-repeat;width:601px;height:122px;}

#sidebar{position:absolute;top:410px;right:40px;width:190px;text-align:center;}
a.button120{margin:1em 0;display:block;}
#footer{margin-top:20px;clear:both;height:3em;line-height:3em;text-align:center;font-size:0.8em;font-weight:bold;color:#8FA352;}

/* ----------------- navigation ----------------------*/
#nav{height:39px;background: url("../images/navBg.png") no-repeat #C8F23E;position:absolute;top:122px;width:100%;z-index:50;}
	#nav ul{list-style-type:none;padding:0;margin:0 0 0 30px;}
	#nav ul ul{margin:-1px 0 0 0;padding:0;}

#navAds{position:absolute;top:170px;left:40px;z-index:10;}
/* ----------------- main content ----------------------*/
#content{color:#66743A;width:610px;padding:0 0 0 40px;padding-top:180px;}
	#content h1{margin:2em 0 1em 0;}

/* ----------------- header photo ----------------------*/
#headerPhoto{position:absolute;top:90px;left:660px;width:208px;height:319px;z-index:60;}
#wrap>#headerPhoto{background:url("../images/photoShadow.png") -1px -1px no-repeat;}
* html #headerPhoto{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/photoShadow.png", sizingMethod="crop");}
	#headerPhoto img{border:5px solid #C9D2AB;}

/* ----------------- page my last ride ----------------------*/
#mlr span{font-style:italic;padding-left:4em;font-size:0.9em;}
#mlr h3{margin-bottom:0;padding-top:0.5em;border-top:1px dotted #ccc;}

.Photolft{float:left;margin-right:20px;border:1px solid #C9D2AB;}
.sidebarPhoto{margin-top:20px;}
#bannerAd{width:470px;margin:30px auto 0 auto;}

#faq ul{list-style-type:none;}
#faq #content li{margin:0.5em 0}
#faq #content h4{margin-bottom:0;border-top:1px solid #ccc;padding-top:1em;}
#faq h4+p{margin-top:0;}

.backToTop{font-size:0.8em;}
.marginTopBott{margin:10px 0;}

a.noBgCol{background-color:#fff;}

hr{clear:both;margin:1em 0;}
.border, .border1{border:5px solid #C9D2AB;margin:0.5em 0;}
.border1{border-width:1px;}
.alert{color:#990000;font-weight:bold;}
body#contact textarea{width:30em;}
#formRating{border:1px solid #999;background-color:#C9D2AB;}
#story{padding:0 20px 50px 20px;background:url("../images/storyBottQuote.gif") 100% 100% no-repeat #F6FDE0;margin:20px 15px 0 0;}
#story h1{height:70px;line-height:100px;padding-left:100px;margin:0 0 0 -15px;background:url("../images/storyTopQuote.gif") 5px 0 no-repeat;}
.MLR_credit {margin:10px 0 0 85px;}

/* Riders 35+ form */
#riders35Form legend{font-weight:bold;}
#riders35Form fieldset{padding:1em;margin-bottom:0.5em;}
#riders35Form label{display:block;width:25em;}
#riders35Form fieldset input{display:block;width:20em;}
#riders35Form fieldset #agree{display:inline;width:1em;}

/* Comments */
div.comments-wrapper{background:url(/images/commentsFrmBg.png) 0 0 no-repeat;}

label{display:block;margin:0;padding:0;}
input,textarea{margin-bottom:1em;}

ul.slidingmenu, ul.slidingmenu ul {
z-index:100;
}

ul.slidingmenu li {
  float:left;
  padding:0;
}

ul.slidingmenu a {
  color: #666;
  text-decoration: none;
  border-bottom:1px solid #fff;
  line-height:38px;
  outline:none;
  white-space:nowrap;
  padding:0 0.3em;
}

ul.slidingmenu a.subheader {
}

ul.slidingmenu a:hover {
  color: #fff;
  border-bottom:1px solid #666;
  background-color:transparent;
}
ul.slidingmenu ul a {
  border:1px solid #666;
}

ul.slidingmenu ul a:hover {
color:#C9F23E;
  border:1px solid #666;
}

/* layout styles */

/* remove standard HTML list indenting, and display as normal blocks */
ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a { 
  margin: 0;
  display: block;
}

/* use a fixed width for menu and submenus 
ul.slidingmenu,*/
ul.slidingmenu ul {
  background-color:#fff;
}

/* make li's into clean, moveable blocks */
ul.slidingmenu li {
  list-style-type: none; 
  position: relative;font-weight:bold;
}

/* Make list items do what they're supposed to in IE */
ul.slidingmenu a {
  width: 100%;
}

/* make sure any ul inside an li (a submenu) takes up zero normal flow */
ul.slidingmenu ul { 
  position: absolute;  
  top: 0; /* the height of the top border */
  left:0;
top:100%;
display:none;
}