@import url("common.css");

BODY {
  font: medium/1.4em  arial, verdana, "Trebuchet MS";
  background: white;
  margin:0;
  padding:0;
}
H1, H2, H3, H4, H5 {
  margin: 0;
  padding: 0;
  padding-top: .5em;
  padding-bottom: .5em;
}
H1 {
  color: #00666C;
}
H2 {
  color: #907b0e;
}
H3 {
  color: #907b0e;
  margin-bottom: .5em;
}
H4 {
  color: #183C10;
  font-size: 1.1em;
}
H5 {
  font-size: 1.1em;
}
A {
  color: blue;
}
A:hover {
/*
  color: #183C10;
  background: #FFF5D2;
  border-bottom: 1px solid #5A8252;
*/
}
#menu {
  width: 25.5%;
  float: left;
  margin-left: .5%;
}
#body {
  margin-left: 26%;
}
UL.nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
UL.nav LI UL {
  margin-left: 1em;
  padding-left: 0em;
  list-style: none;
}
UL.nav LI {
  display: block;
  padding: .2em;
}
UL.nav LI A {
  font-weight: bold;
  padding: .2em;
}
UL.nav LI A:hover {
}
LI.active A {
  color: black;
  text-decoration: none;
  background: none;
  border: none;
}
.r {
  clear:both;
  display:block;
  margin:0;
  padding:0;
  height:1px;
  line-height:1px;
  font-size:1px;
}
#main-menu LI {
}
#small-menu {
  font-size: smaller;
}
#content {
  margin-bottom: 1em;
}
#routes-list H3 {
  clear: left;
}
#routes-list IMG {
  float: left;
  margin-right: 1em;
  border: 0;
}

#header {
  height: 65px;
  background: #00666C;
}
#header A {
  color: #fff;
  text-decoration: underline;
}
#header A:hover {
  background: none;
  border: none;
}
#header A IMG {
  border: none;
}
#header UL.nav {
  position: absolute;
  right: 0;
  top: 0;
}
#header UL.nav LI {
  float:left;
  margin-right: .5em;
}
#accessible {
  position: absolute;
  top: 40px;
  right: .5em;
  color: #fff;
}
#print {
  display: block;
  float: right;
  margin-top: .5em;
  margin-right: .5em;
  font-weight: bold;
}

#body {
  padding-right: 1em;
}

#walkingstart-page H3, .walking H2, .walking H3 {
  color: #907b0e;
}
#cyclingstart-page H3, .cycling H2, .cycling H3 {
  color: #36c;
}
#ridingstart-page H3, .riding H2, .riding H3 {
  color: #333;
}
.parks H2, .parks H2 {
  color: #603;
}
.attractions H2, .attractions H3, .trail-links A {
  color: #c03;
}
.events H2, .events H3 {
  color: #636;
}
.events .button {
  margin-top: .5em;
  margin-bottom: 1em;
}
#product-page #body {
  width: 720px;
  display: table;
}
#product-page #body h2 {
  background: none;
  color: #000;
  padding-left: 0;
}
#product-page #body h3, #product-page #body h4 {
  margin-top: .5em;
  margin-bottom: .5em;
  padding-top: 0;
  padding-bottom: 0;
}

#trail-links H3 {
}
#trail-links LI {
}
#trail-links IMG {
  margin-right: 1em;
}
#trail-links A {
  padding: 0;
}
#thematictrail-page #summary IMG {
  display: none;
}
.breadcrumb {
  padding-top: 1em;
  color: #00666C;
  font-weight: bold;
}
.breadcrumb A {
  color: #00666C;
  margin-right: .5em;
}

@media print 
{
    #header, #menu, #print {
      display: none;
    }
    #body {
      margin-left: 0;
    }
}