body {
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
 text-align: left;
 width: 100%;
 list-style-position: inside;
 }

a.smap { font-size: 60%; }

div.authorbox { 
 font-size: 90%;
 font-style: italic;
 }

div.banner-bkg {
 z-index: 1;
 position: absolute;
 background: #3f250c url('http://www.gardenzone.info/gfx/bannerbkg.png') top center no-repeat;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 190px;
 text-align: center;
 border: 0;
 }

.banner-bkg td {
 width: 20%;
 text-align: center;
 vertical-align: middle;
 height: 180px;
 }

div.banner {
 z-index: 3;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 180px;
 text-align: center;
 border: 0;
 }

div.body {
 position: absolute;
 top: 230px;
 left: 230px;
 }
 
div.box {
 border-color: #9933FF; 
 border-style: double groove;
 padding: 10px;
 padding-top: 0;
 margin-top: 20px; 
 margin-bottom: 20px; 
 margin-left: 10px;
 margin-right: 10px; 
 }

div.cbanner {
 padding-left: 0;
 padding-right: 0;
 margin: 0;
 position: absolute;
 left: 240px;
 right: 10px;
 background-color: #3f250c;
 padding-top: 8px;
 padding-bottom: 8px;
 color: #1fed2d;
 font-family: verdana,arial,sans;
 font-weight: bold;
 font-size: 18pt;
 text-align: center;
 border: 0;
 }
div.cbanner td {
 font-size: 10pt;
 text-align: normal;
 color: #1fed2d;
 }
div.cbanner td a:link,
div.cbanner td a:hover,
div.cbanner td a:active,
div.cbanner td a:visited {
 color: #00ffff;
 }

div.cbannerwide {
 padding-left: 0;
 padding-right: 0;
 margin: 0;
 position: absolute;
 left: 10px;
 right: 10px;
 background-color: #3f250c;
 padding-top: 8px;
 padding-bottom: 8px;
 color: #1fed2d;
 font-family: verdana,arial,sans;
 font-weight: bold;
 font-size: 18pt;
 text-align: center;
 border: 0;
 }
div.cbannerwide td {
 font-size: 10pt;
 text-align: normal;
 color: #1fed2d;
 }
div.cbannerwide td a:link,
div.cbannerwide td a:hover,
div.cbannerwide td a:active,
div.cbannerwide td a:visited {
 color: #00ffff;
 }


div.copy {
 float: right;
 font-size: 80%;
 }

div.glinks {
 position: absolute;
 top: 190px;
 left: 0px;
 text-align: center;
 width: 100%;
 background-color: #3f250c;
 font-family: Arial,Helvetica,sans;
 font-size: 70%;
 target: "_self";
 }
 
.glinks a:link { color: #eefdbf; }
.glinks a:visited { color: #eefdbf; }
.glinks a:active { color: #eefdbf; }
.glinks a:hover { color: #eefdbf; }

.herb-bkg {
 width: 950pt;
 border-style: solid;
 border-width: 10px 10px 6px 6px;
 border-color: #eefdbf #eefdbf #89fb45 #89fb45;
 padding, margin: 0px;
 }

.herb-card {
 width: 100%;
 border-style: solid;
 border-width: 10px 10px 6px 6px;
 border-color: #89fb45 #89fb45 #eefdbf #eefdbf;
 padding, margin: 0px;
 }

.herb-card table {
 width: 100%;
 background-color: #eefdbf;
 }

.herb-card td {
 background-color: #ffffff;
 border-style: solid;
 border-width: 0px 1px 1px 0px;
 border-color: #eefdbf;
 padding: 2px;
 margin: 0px;
 vertical-align: top;
 }

.herb-card hr {
 color: #eefdbf;
 }

.highlight { background-color: #ffff00; }

div.l {
 float: left;
 padding: 10px;
 margin: 10px;
 }

div.lhcol {
 z-index: 3;
 width: 210px;
 padding-left: 10px;
 margin-right: 20px;
 margin-top:-14px;
 font-size: 80%;
 text-align: center;
 float: left;
 background-image: -moz-linear-gradient(left center, rgb(204,255,204) 8%, rgb(255,255,255) 54%, rgb(204,255,204) 77%);
 background-image: -webkit-gradient(linear, left top, right top, color-stop(0.08, rgb(204,255,204)), color-stop(0.54, rgb(255,255,255)), color-stop(0.77, rgb(204,255,204)));
 background: -webkit-linear-gradient(left, rgba(204,255,204,1) 0%,rgba(255,255,255,1) 54%,rgba(204,255,204,1) 77%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(left, rgba(204,255,204,1) 0%,rgba(255,255,255,1) 54%,rgba(204,255,204,1) 77%); /* Opera11.10+ */
 background: -ms-linear-gradient(left, rgba(204,255,204,1) 0%,rgba(255,255,255,1) 54%,rgba(204,255,204,1) 77%); /* IE10+ */
 *background-color: #CCFFCC; /* IE6-9 */
 background: linear-gradient(left, rgba(204,255,204,1) 0%,rgba(255,255,255,1) 54%,rgba(204,255,204,1) 77%); /* W3C */ 
 }


div.main {
 z-index: 1;
 position: absolute;
 top: 230px;
 left: 0px;
 width: 100%;
 }
 
div.navbar {
 font-family: Arial,Helvetica,sans;
 font-size: 70%;
 text-align: center;
 }
.navbar a { text-decoration: none; }
.navbar a:link { color: #000000; }
.navbar a:visited { color: #000000; }
.navbar a:active { color: #000000; }
.navbar a:hover { color: #000000; }

div.r {
 float: right;
 padding: 10px;
 margin: 10px;
 }

div.rbox { 
 float: right; 
 border: 1px solid #9933FF; 
 padding: 5px;
 padding-top: 0;
 margin: 5px; 
 -moz-border-radius: 5px;
 border-radius: 5px;
}

div.rbox h2 {
 display: block;
 }

div.scroller {
 height:170px; 
 overflow:auto;
 }

div.tag2 {
 border-color: maroon; 
 border-style: double groove; 
 margin-top: 20pt; 
 margin-bottom: 20pt; 
 margin-left: 10pt; 
 margin-right: 10pt; 
 background-color: #CCFFFF;
 text-align: center;
 font-size: 80%;
 }

dt {
 font-weight: bold;
 }
 
table.note {
 border-color: #000000;
 border-width: 0.5px;
 padding: 10px;
 margin-top: 20px; 
 margin-bottom: 20px; 
 margin-left: 10px; 
 margin-right: 10px; 
 text-align: center;
 background-color: #ffb9b9;
 }
table.note td {
 background-color: #ff00ff; 
 border-right, border-left: none;
 }
.herb-bkg {
 width: 750px;
 border-style: solid;
 border-width: 10px 10px 6px 6px;
 border-color: #eefdbf #eefdbf #89fb45 #89fb45;
 padding, margin: 0px;
 }

.herb-card {
 border-style: solid;
 border-width: 10px 10px 6px 6px;
 border-color: #89fb45 #89fb45 #eefdbf #eefdbf;
 padding, margin: 0px;
 }

.herb-card table {
 width: 100%;
 background-color: #eefdbf;
 }

.herb-card td {
 background-color: #ffffff;
 border-style: solid;
 border-width: 0px 1px 1px 0px;
 border-color: #eefdbf;
 padding: 2px;
 margin: 0px;
 vertical-align: top;
 }

.herb-card hr {
 color: #eefdbf;
 }

.red {
 color: #ff0000;
 }

h1, h2 {
 display: inline;
 }
 
h2.lpanel {
 display: block;
 }
li {
 margin-left: 1em;
 }

table.box { 
 border-color: #9933FF; 
 border-style: double groove;
 margin-top: 20px; 
 margin-bottom: 20px; 
 margin-left: 10px;
 margin-right: 10px; 
 }

td.blank { 
 font-weight: bold; 
 text-align: center; 
 vertical-align: middle; 
 background-color: #FFFFFF; 
 width: 25px;
 }

td.folder { 
 font-weight: bold; 
 text-align: center; 
 vertical-align: middle; 
 background-color: #3f250c; 
 width: 140px; 
 height: 40px; }
td.folder a { 
 text-decoration: none; 
 color: #eefdbf;
 }
td.folder a:link { color: #eefdbf; }
td.folder a:visited { color: #eefdbf; }
td.folder a:active { color: #eefdbf; }
td.folder a:hover { color: #eefdbf; }