/*  Desc: *title* Screen Style Sheet
  Author: *your name*
  Date: *last modified date*
  + Colours
  - *colour hex* *colour name* (*purpose*)
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html {

}
body {
  background: url(../img/background.png) repeat-x top;
}
#container {
  width: 871px;
  margin: 0 auto;
}
/*=COMMON
=== === === === === === === === === === */
* {
  padding: 0;
  margin: 0
}
p,
li {
  line-height: 150%
}
#masthead h1 {
  text-indent: -9999px;
  font-size: 1%
}
img {
  border: 0
}
a {

}
/*=MASTHEAD
=== === === === === === === === === === */
#masthead {
  background: url(../img/headerBack.png) no-repeat top left;
  width: 871px;
  height: 132px;
}
#logo {
  position: relative;
  margin: 0 -40px;
}
#masthead ul {
  position: relative;
  margin: -40px 0 0 0;
  padding: 0;
  list-style-type: none;
}
#masthead li {
  float: left;
}
#masthead #research {
  margin-left: 70px;
}
#masthead #shelter {
  margin-left: 20px;
}
#masthead #membership {
  margin-left: 30px;
}
#masthead #training {
  margin-left: 35px;
}
#masthead #news {
  margin-left: 35px;
}
#masthead #about {
  margin-left: 30px;
}
#masthead #links {
  margin-left: 30px;
}
#masthead li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #59545c;
  font-size: 11px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-weight: bold;
}
#masthead li a:hover {
  color: #d3933c;
}
/*=CONTENT
=== === === === === === === === === === */
#content {
  width: 871px;
  margin: 0 0 0 1px;
  background: url(../img/borders.png) repeat-y;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-size: 11px;
  text-align: left;
  color: #54402f;
}
#content ul#sub {
  width: 460px;
  margin: 0 auto; 
  padding: 0 0 20px 0;
  list-style-type: none;
  text-align: center;
}
#content ul#sub li {
  float: left;
  margin: 0 10px 0 0;
  border-left: 1px solid #9b977c;
  padding-left: 10px;
  line-height: 11px;
}
#content ul#sub .first {
  border-left: none;
}
#content ul#sub li a {
  color: #0f7191;
  text-decoration: none;
}
#content ul#sub li a:hover {
  color: #d3933c;
}
#content h1 {
  margin: 10px 120px;
  font-family: Georgia, Georgia, serif;
  font-size: 18px;
  color: #c96e3d;
  clear: both;
}
#content p {
  margin: 10px 120px;
}
#content p a , #content li a{
  color: #0f7191;
}
#content p a.bold {
  font-weight: bold;
}
#content p a:hover , #content li a:hover{
  color: #d3933c;
}
#content b {
  color: #54402f;
}
#content ul {
  margin: 10px 130px;
}
#content ul li {
  margin: 10px 0;
}
/*=FOOTER
=== === === === === === === === === === */
#footer {
  position: relative;
  top: -22px;
  background: url(../img/footerBack.png) no-repeat top;
  margin: 0 0 0 1px;
  padding: 70px 0 0 3px;
  color: #b6a57b;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-size: 9px;
}
#footer div {
    width: 864px;
    background-color:#e1e3c8;
    padding-top: 2px;
}
#footer div div {
  width: 0;
}
#footer p {
    padding-top: 15px;
    padding-bottom: 60px;
    border-top: 8px solid #e7ecdb;
    text-align: center;
}

#footer p a {
  color: #b6a57b;
  text-decoration: none;
}
#footer p a:hover {
  color: #0f7191;
}