/* STYLESHEET */



body {
background: #FFFFFF;
padding: 0;
margin: 0;
font: 9pt Verdana, arial;}

#bg {
float: left;
width: 100%;
background: url(images/background.jpg) repeat-x;}

#header {
background: url(images/header.jpg);
width: 680px;
height: 140px;}

#mainnav {
float: left;
margin-top: 12px;
margin-bottom: 10px;
text-align: left;
margin-left: 30px;
display: inline;}

.nav h2 {
padding: 11px 0 0;
font: bold 26px Garamond, serif;
text-align: center;
margin-top: 20px;
margin-bottom: 0;
background: url(images/top.gif) center bottom no-repeat;
clear: both;
width: 188px;
color: #80B433;}

.nav * {
padding: 0;
margin: 0;}

.nav li {
width: 188px;
list-style: none;
background: url(images/link.jpg);}

.nav li a {
display: block;
padding: 11px 0;
text-indent: 17px;
font: bold 9pt Verdana, arial;
text-decoration: none;
text-transform: capitalize;
width: 188px;
color: #CCCCCC;}

.nav li a:hover {
background: url(images/hover.jpg);
color: #FFFFFF;}

#main {
float: left;
width: 60%;
margin-left: 60px;
margin-top: 22px;
text-align: left;
line-height: 15px;
text-align: justify;
display: inline;
color: #454646;}

a.greylink {
margin-top: 20px;
font: bold 31px Garamond, serif;
text-decoration: none;
text-align: left;
line-height: 15px;
margin-bottom: 14px;
color: #CCCCCC;}

a.greylink:hover {
margin-top: 20px;
font: bold 31px Garamond, serif;
text-decoration: none;
text-align: left;
line-height: 15px;
margin-bottom: 14px;
color: #CCCCCC;}

h1 {
padding: 8px 0 5px 40px;
margin-top: 20px;
background: url(images/leaf.gif) left bottom no-repeat;
clear: both;
font: bold 31px Garamond, serif;
text-align: left;
margin-left: 18px;
line-height: 20px;
margin-bottom: 14px;
color: #CCCCCC;}

small {
padding-left: 12px;}

#copyright {
padding-top: 20px;
text-align: center;
font-weight: bold;
color: #CCCCCC;}

#footer {
clear: both;
margin: 0;
background: url(images/footer.jpg) repeat-x;
width: 100%;
height: 45px;}

#footer a {
text-decoration: underline;
font-weight: bold;
color: #CCCCCC;}

#footer a:hover {
text-decoration: none;
font-weight: bold;
color: #69A22B;}

.search {
width: 120px;
border: 1px solid #CCCCCC;
background: url(images/hover.jpg) bottom left;
color: #FFFFFF;}

.searchbutton {
border: 1px solid #CCCCCC;
background: url(images/link.jpg) bottom left;
font-weight: bold;
color: #FFFFFF;}

a {
text-decoration: underline;
color: #000000;}

a:hover {
text-decoration: none;
color: #69A22B;}