form { margin: 0 ; }

html, body {background: #FFFFFF url('media/fade_bg.jpg') center repeat-y;margin: 0; padding: 0; text-align: left; height:100%;}

img {display: block;border: 0;}

#content {width:780px;margin:0 auto 0 auto;}
#header {height:245px;width:780px;background:url('media/banner.jpg') no-repeat;position:relative;}
#header_content {font: normal 42px georgia,serif; color:#FFF;position:absolute;left:25px;bottom:25px;}
#header_content div {font-size:22px;margin-top:5px;}

#menu {width:780px;height:40px;background:url('media/menu_bg.jpg') repeat-x;}

#main {width:450px;float:left;padding:25px 0 0 25px;}
#right_col {width:220px;padding-left:60px;margin:25px 5px 0 0;float:left;}

h1 {font:normal 25px georgia,serif; color:#144C0D;margin:0 0 15px 0;padding:0;}
h2 {font:normal 20px georgia,serif; color:#144C0D;margin:0 0 15px 0;padding:0;}
.sub {margin-top:20px;}
h1 span {display:block;font-size:16px;}

.bodytext {font:12px verdana,sans-serif;color:#000;line-height:1.6em;}
.bodytext p {margin:0 0 15px 0;}
.bodytext img {border:1px #144C0D solid;padding:3px;}
.bodytext a {color:#144C0D;text-decoration:none;border-bottom:1px solid #C0C0C0;padding-bottom:2px;font-weight:bold;}
.bodytext a:hover {color:#144C0D;text-decoration:none;border-bottom:1px solid #144C0D;padding-bottom:2px;}
.bodytext li {margin-bottom:10px;}
.bodytext ul {margin-top:5px;}          

#map_holder {width:450px;height:400px;}

.garden img{float:left;margin-right:20px;margin-top:-10px;}
.garden {clear:both;padding-top:20px;}

.gallery {margin-top:20px;}
.gallery img {float:left;margin:5px 20px 15px 0;}

.news, .archive {padding-top:15px;font-size:11px;border-top: 1px solid #F2F2F2;}
.archive {padding:0;border:none;}
.news ul, .archive ul {list-style:none;margin:0;padding:0;}
.news span, .archive span {color:#000;}

#download_map a {background:url('media/map_icon.jpg') top left no-repeat;height:54px;padding:5px 0 0 82px;font:normal 20px georgia,serif; color:#144C0D;text-decoration:none;display:block;}
#download_map a:hover {color:#000;}
#download_map span {font:normal 11px verdana,sans-serif;display:block;}  

#printer {padding-top:15px;border-top: 1px solid #F2F2F2;}
#printer a {background:url('media/printer_icon.jpg') top left no-repeat;height:28px;padding:3px 0 0 52px;display:block;color:#144C0D;text-decoration:none;font:12px verdana,sans-serif;font-weight:bold;float:left;}
#printer a:hover {color:#000;}

#form {padding-top:15px;border-top: 1px solid #F2F2F2;}
.form {width:100%;margin:0;padding:0;}
.form dt, .form dd {float: left;margin:10px 0 0 0;padding:0;}
.form dt {clear: left;width: 30%;text-align: right;padding-right: 6%;font-weight:bold;color:#144C0D;}
.form dd {width: 63%;}

.formfield input[type="text"], .formfield textarea, .formfield input[type="password"], .formfield select, .formfielderror input[type="text"], .formfielderror textarea, .formfielderror input[type="password"], .formfielderror select {margin:0;font:11px verdana, sans-serif;color:#000;}
.formfielderror input[type="text"], .formfielderror textarea, .formfielderror input[type="password"], .formfielderror select {background-color:#FFF6F5;}
.errortext {font:normal 10px verdana,sans-serif;color:#C00000;}

.button {color:#144C0D;font-size:18px;}

#sculpture_list {margin-top:30px;}
#sculpture_list a {background:url('media/sculpture_icon.jpg') top left no-repeat;height:54px;padding:5px 0 0 82px;font:normal 20px georgia,serif; color:#144C0D;text-decoration:none;display:block;}
#sculpture_list a:hover {color:#000;}
#sculpture_list span {font:normal 11px verdana,sans-serif;display:block;}  

#plants_list {margin-top:30px;}
#plants_list a {background:url('media/plants_icon.jpg') top left no-repeat;height:54px;padding:5px 0 0 82px;font:normal 20px georgia,serif; color:#144C0D;text-decoration:none;display:block;}
#plants_list a:hover {color:#000;}
#plants_list span {font:normal 11px verdana,sans-serif;display:block;}

#quote {background:url('media/quote1.jpg') top left no-repeat;font:normal 20px georgia,serif; color:#144C0D;padding:26px 0 0 40px;margin:25px 0 0 0;}
#quote div {background:url('media/quote2.jpg') bottom right no-repeat;font:normal 11px verdana,sans-serif;color:#808080;margin-top:10px;height:29px;padding:0 40px 10px 0;}

#footer {background:url('media/footer_bg.jpg') top repeat-x;clear:both;margin-top:40px;padding:25px;font:10px verdana,sans-serif;color:#808080;line-height:1.8em;}
#footer a {color:#808080;text-decoration:none;}
#footer a:hover {color:#000;text-decoration:none;}
#footer span {border-left: 1px solid #C0C0C0;padding-left:11px;margin-left:10px;}
#footer #credits {color:#C0C0C0;margin-top:15px;}
#footer .icons {float:right;margin-top:10px;}
#footer .icons img {display:inline;padding-left:20px;}

.clear {clear:both;height:0;}   
.clear2 {clear:both;height:10px;}

#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;display:inline;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}      

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }