/*

Version: 10/02/2008

Description: Normalises the default rendering of most HTML elements.

*/

html, body, div, span, iframe, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, q, strong, sub, sup,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, label,
table, caption, thead, tbody, tfoot, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

/*

*/

body {
  font-size: 100%; /* 16px */
  font-family: Helvetica, Arial, sans-serif;
}

#wrapper {
  margin: 20px auto;
  width: 720px;
}

#branding {
  width: 100%;
  padding-bottom: 2px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 2px;
  text-align: right;
  line-height: 1;
  background: transparent url(/images/branding_bg.png) no-repeat top left;
}

#branding img {
  margin: 4px 0 2px 0;
}

#tagline {
  text-align: right;
  font-size: 1em; /* 16px x 1 = 16px */
  margin-bottom: 1.5em;
  padding: 5px 29px 0 0;
  color: #808080;
}

#nav {
  float: left;
  width: 150px;
  text-align: right;
  font-size: 1em; /* 16px x 1 = 16px */
}

#nav li {
  line-height: 1.125em;
  margin-bottom: 0.5625em;
}

#nav a {
  color: #808080;
  text-decoration: none;
  padding: 3px 0;
}

#nav a:hover {
  text-decoration: underline;
}

#home #nav li.home a,
#background #nav li.background a,
#woodland #nav li.woodland a,
#activities #nav li.activities a,
#bookings #nav li.bookings a,
#pricing #nav li.pricing a,
#policies #nav li.policies a,
#brochure #nav li.brochure a,
#photos #nav li.photos a,
#who #nav li.who a,
#funders #nav li.funders a,
#contact #nav li.contact a {
  color: #4D4D71;
  font-weight: bold;
}


#content {
  float: right;
  width: 530px;
  margin-bottom: 2em;
  color: #808080;
  font-size: 0.75em; /* 16px x 0.75 = 12px */
  line-height: 1.6;
}

#content strong {
  font-weight: bold;
  color: #666;
}

#content a:link,
#content a:visited {
  color: #4D4D71;
  text-decoration: underline;
}

#content a:hover,
#content a:active {
  color: #4D4D71;
  text-decoration: none;
}

#content h1 {
  display: none;
}

#content h2 {
  font-weight: bold;
  color: #666;
}

#content p {
  margin-bottom: 1.5em;
}

#content ul {
  margin-bottom: 1.5em;
}

#content ul li {
  padding-left: 12px;
  background: transparent url(/images/li_bg.png) no-repeat 1px 6px;
}





#content img.shadow {
  margin: 4px 10px 5px 0;
  padding: 0 10px 10px 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: bottom right;
  float: left;
}

#content img.w200-h150 {
  background-image: url(/images/shadow_200_150_bg.png);
}

#content img.w248-h175 {
  background-image: url(/images/shadow_248_175_bg.png);
}

#content img.w520-h390 {
  background-image: url(/images/shadow_520_390_bg.png);
}

#content img.shadow.right {
  margin: 4px 0 5px 10px;
  float: right;
}





#brochure #content img.shadow {
  margin-left: 0;
  margin-right: 0;  
}

#activities #content table {
  width: 100%;
  margin-bottom: 1.5em;
}

#activities #content table th,
#activities #content table td {
  width: 50%;
}

#activities #content table th {
  font-weight: bold;
  color: #666;
}

#pricing #content table {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
}

#pricing #content table th {
  color: #666;
}

#pricing #content table td,
#pricing #content table th {
  border: 1px solid #ccc;
  padding: 8px;
}

#pricing #content table th {
  font-weight: bold;
}

#pricing #content table td.col-1 {
  width: auto;
}

#pricing #content table td.col-2 {
  width: 75px;
}

#pricing #content table .col-3,
#pricing #content table .col-4,
#pricing #content table .col-5 {
  width: 75px;
  text-align: center;
}

#contact #content p.adr {
  background: transparent url(/images/adr_bg.png) no-repeat 0 0;
  padding-left: 25px;
}

#contact #content p.tel {
  background: transparent url(/images/tel_bg.png) no-repeat 0 0;
  padding-left: 25px;
}

#contact #content p.email {
  background: transparent url(/images/email_bg.png) no-repeat 0 0;
  padding-left: 25px;
}

#siteinfo {
  float: right;
  width: 530px;
  padding-top: 1em;
  border-top: 1px solid #CCC;
  color: #999;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  clear: both;
  font-size: 0.75em; /* 16px x 0.75 = 12px */
}


#funders #content img {
  margin-bottom: 2.5em;
}