* {margin:0;padding:0;line-height: 150%;}
body {font-family: Geneva, Tahoma, Verdana, Arial, sans-serif; font-size: small; background: #5b6f39;}
#wrapper {margin:10px; background: white;}
* html #wrapper {display:inline-block;} /* IE6 fix for peekaoo bug on left wrapper margin */

#sitebranding {height: 100px; background: white url(backgrounds/topbar.jpg) no-repeat;}
.contact {float: right; color: white; margin: 10px 20px 0 0; text-align: right; font-size: 95%;}
.contact a {color: white; text-decoration: none;}
.contact a:hover {color: #fc0;}
h1 img {border: none;}

#navigation {float: left; width: 160px; margin-left:1px; padding: 40px 0 10px 10px; background: white;}
#navigation ul {list-style-type: none; font-size: 85%;}
#navigation a {display: block; padding: 2px 3px 2px 20px; text-decoration: none;}
.nav1 a:link, .nav1 a:visited {color: #899654; background: url(backgrounds/leaf2.gif) no-repeat 0 50%;}
.nav1 a:hover, .nav1 a:active {color: #5b6f39; background: url(backgrounds/leaf1.gif) no-repeat 0 50%;}
.thispage a {color: #5b6f39; background: url(backgrounds/leaf1.gif) no-repeat 0 50%;}
.nav2 a:link, .nav2 a:visited {color: #899654; background: url(backgrounds/leaf-2-small.gif) no-repeat 0 50%;}
.nav2 a:hover, .nav2 a:active {color: #5b6f39; background: url(backgrounds/leaf-1-small.gif) no-repeat 0 50%;}
.thispage2 a {color: #5b6f39; background: url(backgrounds/leaf-1-small.gif) no-repeat 0 50%;}
.nav2, .thispage2 {font-size: 90%;}
li.nav1, li.thispage {margin: 0 0 5px 0;}
li.nav2, li.thispage2 {margin: 0 0 5px 15px;}
* html #navigation a {height: 1px;} /* internet explorer 6 fix */

#bodycontent {margin-left: 175px; padding: 10px 15px 5px 3px; background: white; }
h2 {color: #5b6f39; margin-bottom: 5px; font-size: 140%; font-weight: normal;}
#bodycontent p {color: #5b6f39; margin-bottom: 10px; font-size: 90%;}
#bodycontent ul {color: #5b6f39; margin: 0 0 10px 20px; font-size: 85%;}
#bodycontent a {color: #5b6f39;}
#bodycontent a:hover {color: #fc0;}
.pdfthumb {float: left; width: 142px; margin: 10px 20px 10px 0;}
.pdfthumb img {border: 2px solid #5b6f39;}
.pdfthumb a {text-decoration: none;}
.pdfthumb a img:hover {border:2px solid #fc0;}
.ourgarden {float: left; width: 142px; margin: 10px 20px 20px 0; text-align:center;}
.ourgarden img {border: 2px solid #5b6f39;}
.ourgarden a {text-decoration: none;}
.ourgarden a img:hover {border:2px solid #fc0;}
.clear {clear: both;}
.index li {margin-bottom: 5px; font-size: 120%;}
.index2 li {margin: 0 0 5px 20px; font-size: 120%;}

#sidebar {float: right; width: 350px; margin-left: 10px; padding: 30px 5px 10px 5px; background: white;}
#sidebar img {margin-bottom: 10px;border: 1px solid #5b6f39;}

#footer {clear: both; padding:5px;}
#footer p {color: #5b6f39; font-size: 80%; padding: 5px 10px 5px 10px;}
a.sitemap {color: #5b6f39; margin-left: 10px;}
a.sitemap:hover {color: #fc0;}

#credit {float:right;margin-right:10px;color:#fff;font-size:70%;}
#credit img {border:none;}
#credit a {color:#fff;}
#credit p {padding: 0 8px 5px 0; text-align:right;}

#container {position:relative; float:right; width:470px; height:460px; margin:26px 0px 0 20px; font-size: 85%;}
#thumbs {float: left; width:52px;}
#container a.pics {float:left; padding:5px; display:inline; color:#5b6f39; text-decoration:none; width:40px; height:40px;}
#container a.pics img.thumb {display:block; border:1px solid #5b6f39;}

#container a.pics span {display:none; width:410px; background:#fff; text-align:center;}
#container a.pics span img {margin:5px auto; border:1px solid #5b6f39;}

#container a.pics:hover img.thumb {border:1px solid #fc0;}
#container a.pics:hover span {display:block; position:absolute; left:55px; top:0px; z-index:10; height:460px;}
#container a.pics:hover {white-space:normal;} /* makes hover state work for IE6 */

#container a.pics:active img.thumb {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:55px; top:0px; z-index:5; height:460px;}

#container a.pics:focus img.thumb {border:1px solid #fc0;}
#container a.pics:focus span {display:block; position:absolute; left:55px; top:0px; z-index:5; outline:0; height:460px;}
#container a.pics:focus {outline:0;}

#container span.info {float:left; display:block; margin: 0 0 0 8px; text-align:center; height: 420px; width:400px; color:#5b6f39; z-index:1;}
#container span.info img {border:1px solid #5b6f39; margin:5px 0;}

/* a, a:visited, a:hover {}
#container a.pics span {border:0; border:none; }
*/