/* CSS Document */

body {
color: #666;
font-size: 75%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(../images/pg-bg.jpg) repeat-x top #EDF5E1;
text-align: center;
}

body#map {
background: none;
padding: 20px;
}

body#map p {
text-align: left;
padding-left: 20px;}

body#map img {
float: left;
margin: 4px 4px 0px 0px;
}

img.map {
float: left; 
margin: 2px 6px; 
border: 3px solid #D0E7B1}

* {
padding: 0px;
margin: 0px;
}

.clear {
clear: both;
}

a {
color: #005825;
}

p {
margin-bottom: 12px;
}

h1, h2, h3 {
color: #005825;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom: 12px;
}

h1 {
font-size: 1.2em;
padding: 6px 0px;
}

h2 {
font-size: 1.1em;}

.green,
.green a {
color: #005825;
}

.small {
font-size: 0.8em;
}

#rightCol h3 {
font-size: 1.1em;}

#leftCol h3 {
font-size: 1em;}

#masthead {
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 225px 25px 0px;
width: 770px;
voice-family: "\"}\"";
voice-family: inherit;
width: 720px;
}

.home {
background: url(../images/masthead-home.jpg) no-repeat top;
}

.intro {
background: url(../images/masthead-intro.jpg) no-repeat top;
}

.about {
background: url(../images/masthead-about.jpg) no-repeat top;
}

.map {
background: url(../images/masthead-map.jpg) no-repeat top;
}

.gallery {
background: url(../images/masthead-gallery.jpg) no-repeat top;
}

.events {
background: url(../images/masthead-events.jpg) no-repeat top;
}

.findus {
background: url(../images/masthead-findus.jpg) no-repeat top;
}

.links {
background: url(../images/masthead-links.jpg) no-repeat top;
}

#nav {
margin-left: auto;
margin-right: auto;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
background: url(../images/link-bg.jpg) no-repeat top left;
padding: 0px 10px;
height: 29px;
width: 770px;
voice-family: "\"}\"";
voice-family: inherit;
width: 750px;
}

#nav ul{
list-style: none;
}

#nav a {
color: #D8EABE;
text-decoration: none;
}

#nav li {
float: left;
height: 23px;
background: url(../images/nav-bg.jpg) no-repeat right center;
padding: 6px 19px 0px;
}

#nav a:hover {
color: #fff;
}

.end {
background: url(../images/nav-bg.jpg) no-repeat left center !important;
}

#wrapper {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 770px;
background: url(../images/content-bg.gif) top no-repeat;
}

#container {
text-align: left;
padding: 15px 25px 0px 25px;
}

#container .link {
background: url(../images/link-bullet.gif) no-repeat right;
padding-right: 15px;
}

#leftCol {
float: left;
margin: 14px 0px;
width: 500px;
}

#gallery {
width: 720px;
padding-bottom: 12px;
}

#gallery p.index {
float: right;
font-size: 0.9em;
color: #005825;
font-weight: bold;
clear: both;
}

#gallery p.index a {
font-weight: normal;

}

#gallery div.divider ul {
padding-left: 12px;
list-style: none;
border-top: 2px dotted #5F9770;
padding-top: 8px;
clear: both;
}

#gallery div.divider li {
width: 158px;
margin-bottom: 10px;
float: left;
background-color: #DAE9C4;
margin-right: 18px;
}

#gallery div.divider p {
padding: 6px 8px 0px;
font-size: 0.9em;
color: #005825;
text-align: left;
}

ul#hubList {
margin: 12px 8px;
list-style: none;
}

ul#hubList li {
padding-left: 14px;
margin-bottom: 8px;
background: url(../images/link-bullet.gif) no-repeat 0px 4px;
}

ul#hubList a {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 1em;
}

#leftCol ul {
list-style: none;
margin-left: 12px;
}

#leftCol li {
padding: 0px 0px 12px 12px;
background: url(../images/bullet.gif) no-repeat left top;
}

#rightCol {
float: right;
text-align: left;
font-size: 0.8em;
background: url(../images/feature-bg.gif) no-repeat bottom;
padding-bottom: 12px;
width: 197px;
}

#img {
float: right;
width: 197px;
background: none;
}

#rightCol h3{
padding: 18px 24px 12px;
background: url(../images/feature-header.gif) no-repeat top;
}

#rightCol p {
padding: 0px 24px;
}

#feature h3{
font-size: 1em;
}

#photo {
width: 520px;
background-color: #DAE9C4;
text-align: center;
margin: 0 auto;
border-bottom: 10px solid #FFFFFF;
}

#photoNarrow {
width: 420px;
background-color: #DAE9C4;
text-align: center;
margin: 0 auto;
border-bottom: 10px solid #FFFFFF;
}

#photo img,
#photoNarrow img {
margin-bottom: 10px;
border: 10px solid #FFFFFF;
}

#photo p,
#photoNarrow p {
padding: 0px 12px;
color: #005825;
text-align: left;
}

#photo a,
#photoNarrow a {
color: #005825;
font-size: 0.9em;
}

#footer {
color: #5F9770;
font-size: 0.8em;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 15px 25px;
background: url(../images/footer-bg.gif) no-repeat top center;
width: 770px;
voice-family: "\"}\"";
voice-family: inherit;
width: 720px;
}

#footer .divider {
padding-left: 12px;
margin-left: 4px; 
background: url(../images/footer-divider.gif) no-repeat left center;
}

#contactDetails {
border-top: 2px dotted #5F9770;
padding: 12px 0px 18px;
line-height: 16px;
}

#footer a{
color: #5F9770;
}