﻿/*Global Colours
Green: #7ABA2E
Brown: #663333
Menu:  #BA3F2F
Grey: #F7F7F7
*/

body {
margin : 0 0 0 0;
padding : 0;
font : 100% arial, verdana, tahoma, "Trebuchet MS", sans-serif;
line-height : 1.7em;
color : #333;
background : #fff;
}
#banner {
height : 200px;
margin : 0 auto;
padding : 0;
text-align: center;
background : #F7F7F7 url(img/leaf_dew_1_logo.jpg) no-repeat;
color : #333;
}
#banner h1 {
padding : 27px;
margin : 0;
text-align: left;
background : transparent;
color : #fff;
}

#navlist {
padding : 4px 5px 4px 0;
margin : 0 0 20px 0;
font-weight: bold;
text-align : left;
letter-spacing : 3px;
color : #fff;
background : #7ABA2E;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 5px 0.75em;
margin : 0;
color : #fff;
background : #7ABA2E;
text-decoration : none;
}
#navlist li a:link {
color : #fff;
background :#7ABA2E;
}
#navlist li a:visited {
color : #fff;
background : #7ABA2E;
}
#navlist li a:hover {
color : #fff;
background : #663333;
}
#navlist li a#current {
color : #fff;
background : #663333;
}
.menu ul li {
line-height : 1.8em;
margin : 0 10px 0 0;
padding : 0;
list-style-type : square;
color : #BA3F2F;
background : inherit;
}
.menu ul li a {
color : #BA3F2F;
background : inherit;
}
.menu ul li a:hover {
color : #7ABA2E;
background : inherit;
}
#content {
padding-left : 5px;
margin : 0 20px;
}
#content p {
padding : 10px;
}
#sidebar-right {
float : right;
width : 200px;
margin-right: 20px;
padding : 0 5px 0 10px;
font-style: italic;
border-left : 3px solid #eee;
}
#footer {
clear : both;
padding : 5px;
margin : 0;
font-size : 80%;
background : #7ABA2E;
color : #f7f7f7;
}
#footer a {
text-decoration : none;
color : #000;
background : inherit;
}
#footer a:hover {
text-decoration : underline;
color : #fff;
background : inherit;
}
a {
text-decoration : none;
color : #7ABA2E;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #aaa;
background : inherit;
}
a img {
border : 0;
}
.border {
padding : 10px;
margin : 10px;
border : 1px solid #aaa;
}
.imgleft {
float : left;
border : 1px solid #aaa;
margin : 5px 10px 10px 15px;
padding : 5px;
}
.imgright{
float : right;
border : 1px solid #aaa;
margin : 5px 15px;
padding : 15px;
}
h1 {
margin : 20px;
padding : 5px;
font-size : 180%;
letter-spacing : 3px;
text-align: center;
color : #fff;
background : #aaa;
}
.small {
font-size : 90%;
padding-bottom : 5px
}

h2 {
margin : 0;
padding : 0;
font-size : 150%;
text-transform : none;
letter-spacing : 5px;
color : #663333;
background : inherit;
}
h3 {
padding : 5px;
text-transform : none;
font-size : 120%;
letter-spacing : 5px;
color : #663333;
background : inherit;
}