@charset "utf-8";
body {
    margin: 0;
    padding: 0;
    font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    background: url(../images/bg-wildflowers.gif) repeat-x top #1c371c;
    color: #FFF
}

/* MAIN DIVISIONS */
#main {
    width: 950px;
    text-align: left
}

#header {
    margin: 17px 0
}

#content {
    width: 790px;
    float: right
}

#sidebar {
    width: 150px;
    font-size: 0.85em;
    float: left;
    padding: 0 0 175px 0;
    background: transparent url(../images/sidebar-border.gif) no-repeat scroll right bottom
}

#footer {
    clear: both;
    font-size: 0.85em;
    text-align: center;
    padding-top: 5px;
    margin: 5px 0;
    border-top: 1px solid #60af60
}

/* THINGS IN THE HEADER */
#header h1 {
    margin: 0px
}

#header h2 {
    margin: 15px 0pt 0pt 735px;
    position: absolute;
    float: right
}

/* THINGS IN THE SIDEBAR */
#sidebar .block {
    padding: 4px 10px
}

.menu-header {
    font-size: 1.1em;
    font-weight: bold
}

.menu-item {
    color: #FFF;
    display: block;
    padding: 0.4em 1em;
    text-decoration: none
}

.submenu {
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: 128px center
}

.search span {
    display: block;
    text-align: center;
    padding-bottom: 5px
}

.search span.title {
    font-weight: bold;
    font-size: 1.3em;
    cursor: help
}

#quicksearch .title {
    background-image: url(../images/dialog-information.png);
    display: block;
    padding: 2px 16px 2px 0pt;
    background-repeat: no-repeat;
    background-position: center right
}

.searchbar {
    border-bottom: 1px solid #60AF60;
    padding-bottom: 6px;
    clear: left
}

/* THINGS IN THE CONTENT AREA */
#content .article.noline {
    border-top: none;
    padding-top: 0
}

.breadcrumb {
    text-align: right;
    font-size: 0.85em;
    float: right
}

.breadcrumb a {
    text-decoration: none
}

.breadcrumb a:hover {
    text-decoration: underline
}

.slideshow-item {
    height: 400px;
    width: 796px;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: top left
}

.article h1 {
    font-size: 1.6em;
    margin: 0 0 10px 0;
    font-family: Georgia, "Times New Roman", Times, serif
}

.article {
    border-top: 1px solid #bfd1fb;
    padding-top: 5px;
    clear: both
}

.browse-menu {
    width: 387px;
    display: table-cell;
    vertical-align: middle;
    min-height: 100px;
    line-height: 1.5em
}

.browse-menu .mainlink {
    font-size: 1.3em;
    padding: 5px 0 10px 0
}

.browse-menu ul {
    margin-top: 0;
    margin-bottom: 0
}

/* THINGS IN THE FOOTER */
#footer .copyright {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #60af60
}

/* SLIDESHOWS */
#slideshow {
    height: 400px;
    width: 790px;
    padding: 0;
    margin: 0
}

#slide-control {
    position: absolute;
    margin-left: 725px;
    margin-top: 380px;
    z-index: 15
}

#slide-control a, #slide-control div {
    color: #000;
    text-decoration: none;
    margin-right: 5px;
    cursor: pointer
}

#slide-control a:focus {
    outline: none
}

#slide-thumb {
    text-align: center
}

#slide-thumb a:hover img, #slide-thumb a.activeSlide:hover img {
    background-color: #4e9a4e
}

#slide-thumb a.activeSlide img {
    background: #fff
}

#slide-thumb a:focus {
    outline: none
}

#slide-thumb img {
    height: 100px;
    padding: 4px;
    margin: 4px 2px;
    width: 100px
}

.slide-caption {
    padding: 2px; /**/
    margin: 6px;
}

a .slide-caption, #slideshow a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.slide-caption.bottom-left {
    float: left;
    margin-top: 374px;
    position: absolute;
}

.slide-caption-bg {
    background-color: #000000;
    height: 15px;
    width: 100px;
}

/* GALLERYS */
.g-date {
    float: right;
    font-size: 0.7em;
    line-height: 1.5em
}

.gallery-thumb {
    height: 158px;
    width: 158px
}

.gallery-thumb {
    float: left;
    text-align: center
}

.gallery-thumb img {
    padding: 4px
}

.gallery-thumb a:hover img {
    background-color: #4e9a4e
}

.photo-of {
    float: left;
    margin: 0 10px 0 0
}

.article.plant h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0pt
}

.plantitem {
    min-height: 158px
}

.plantitem h3 {
    margin: 10px 0 5px 0
}

.plantitem img {
    padding: 4px
}

.plantitem a:hover img {
    background-color: #4e9a4e
}

.plant-facts {
    line-height: 1.5em
}

.gallery-thumb:target img {
    background-color: #fff
}

ul.plantlist {
    line-height: 1.5em;
    margin: 0.3em 0pt 0pt 1.5em;
    padding: 0pt
}

/* DIVISION MODIFIERS AND TAG MODIFIERS */
img {
    border: none
}

form {
    margin: 0;
    padding: 0
}

p {
    line-height: 1.5em
}

li {
    line-height: 1.5em
}

a {
    color: #60af60
}

.clear-right {
    clear: right
}

.clear-left {
    clear: left
}

.clear-both {
    clear: both
}

div.tright {
    border: medium none;
    margin: 0.5em 0pt 0.8em 1.4em;
    clear: right;
    float: right
}

div.tleft {
    clear: left;
    float: left;
    margin-right: 0.5em;
    border: medium none;
    margin: 0.5em 1.4em 0.8em 0pt
}

div.tcenter {
    text-align: center;
    margin: 0.5em 1.4em
}

.error-box {
    background: #FFEFF7 url(/images/process-stop.png) no-repeat .7em 50%;
    border: 1px solid #C69;
    color: #000;
    margin: 1em 2em 10px;
    padding: 1em 1em 1em 3em
}

.info-box {
    background: url(../images/error.png) no-repeat scroll 0.2em 50%;
    padding: 0.2em 0.2em 0.2em 1.8em
}

h3 {
    margin-top: 1em
}

h4 {
    margin: .5em 0
}

.column-left {
    float: left;
    margin-right: 1%;
    width: 49%
}

.column-right {
    float: left;
    width: 49%
}

a.external {
    background-image: url(../images/external.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 12px
}

.lbutton {
    cursor: pointer;
    padding: 4px;
    background: none !important
}

table, th, td {
    border: 1px solid #111;
    border-collapse: collapse;
    vertical-align: top;
    font-size: inherit
}

caption {
    font-size: 130%;
    font-weight: bold;
    margin: 5px;
    color: #FFF;
    text-align: center
}

td, th {
    padding: 5px
}

thead th {
    text-align: center;
    background: #E6EDF5;
    color: #4F76A3;
    font-size: 100% !important
}

tbody th {
    font-weight: bold
}

tbody tr {
    background: #334933
}

tbody tr.odd {
    background: #37394c
}

tfoot th, tfoot td {
    font-size: 85%
}

div.blocklist-item {
    margin-top: .5em;
    padding-left: 40px;
    background-image: url(/images/assets/bullet_white.png);
    background-repeat: no-repeat;
    background-position: 18px 0px
}

.button16 {
    padding-left: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left center;
    margin: 4px
}

#b-save {
    background-image: url(../images/document-save.png)
}

#b-load {
    background-image: url(../images/document-open.png)
}

#b-clear {
    background-image: url(../images/clear.png)
}

/* PAGINATION */
div.pagination {
    padding: 3px;
    margin: 3px;
    text-align: center
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #112111;
    background-color: #152815;
    text-decoration: none;
    color: #fff
}

div.pagination a:hover {
    border: 1px solid #8DC98D;
    color: #8DC98D
}

div.pagination a:active {
    background-color: #8DC98D;
    color: #000
}

div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #8DC98D;
    font-weight: bold;
    background-color: #8DC98D;
    color: #000
}

div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #8DC98D;
    font-weight: bold;
    background-color: #8DC98D;
    color: #000
}

/* POPUP MODIFERS */
#thickboxsave, #thickboxload {
    display: none
}

#TB_window table, #TB_window tr, #TB_window td {
    background: none;
    border: none
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #000;
    padding: 5px;
    opacity: 0.85;
    width: 160px
}

#tooltip h3, #tooltip div {
    font-size: .9em;
    margin: 0;
    font-weight: normal
}

.messages, .preview {
    margin: 0.75em 0pt;
    padding: 0.5em 1em;
}

.messages ul {
    margin: 0pt;
}

.messages a, .preview a {
    color: #0033FF;
}

.messages { /*background-color:#FFFFFF;*/
    border: 1px solid #B8D3E5;
}

.preview { /**/
    border: 1px solid #E5E58F;
}

div.status {
    background-color: #FCFCE8;
    border-color: #C7F2C8;
    color: #000;
}

div.error, tr.error {
    background-color: #FFCCCC;
    color: #A30000;
}

#pnav-prev, #pnav-gall, #pnav-next {
    text-decoration: none;
}