body {margin: 0px 8px 8px 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #cccccc; background-color: #111133}
th {text-align: left; background-color: #000066}
td {vertical-align: top}
/* a {text-decoration: none} */
a:link     {Color: #66ccff}
a:hover    {color: #cccccc; background-color: #333399}
a:visited  {Color: #3399cc}
img {border-style: none}
.pg-title {font-family: "Souvenir Lt BT", Garamond, serif; font-size: 24pt; text-align: left; margin-top:0px}
.main-title {font-family: "Souvenir Lt BT", Garamond, serif; font-variant: small-caps; font-size: 26pt; line-height: 80%}
.sect-head {font-size: 14pt}
.large-text {font-size: 14pt}
.small-text {font-size: 11pt}

/* http://www.welovecss.com/showthread.php?t=4301, http://www.css-lab.com/demos/image-display/inline-block-caption.html */
.picture    {text-align: right; padding: 10px 20px 10px 0px;
    display:-moz-inline-box;/* FF2 & under */
    display:inline-block;/* for modern browsers */
    vertical-align:top;
}
.caption    {text-align: left}
.color-text {color: #00bb88; text-align: left}
.plain-text {color: #cccccc; text-align: left}
.outlink {text-decoration: underline}
.chk {font-size: 10pt}
.chkt {font-size: 10pt; font-weight: bold}
.chka {font-size: 8pt; font-style: italic}
.ind {margin-left: 0.25cm}
.plant-list {text-align: left}
.plant-list img {vertical-align: middle; float: left; padding: 0px 10px 10px 0px}
.plant-list li {clear: both; padding: 0px 0px 10px 0px}
.plant-list p {clear: both; padding: 0px 0px 10px 0px}
.indent-list {margin-left: 50px}

.guide-body {background-color: black}
.guide-body p {clear: both; padding: 0px 0px 10px 0px}
.keyThumb {vertical-align: middle; float: left; padding: 0px 10px 10px 0px}
.keyImage {vertical-align: middle; float: right; padding: 10px 10px 0px 10px}

.key1 {margin: 10px 10px 10px; overflow: auto; border: 1px solid #00bb88}
div.key1:hover {background-color: #111133; border-color: white}
div.key1 {padding: 5px}

.key2 {margin: 10px 10px 10px 50px; clear: left; overflow: inherit; border: 1px solid #00bb88}
div.key2:hover {background-color: #112244; border-color: inherit}
div.key2 {padding: inherit}


.key3 {margin: 10px 10px 10px 50px; clear: left; overflow: inherit; border:  1px solid #00bb88}
div.key3:hover {background-color: #112255; border-color: inherit}
div.key3 {padding: inherit}

.key4 {margin: 10px 10px 10px 50px; clear: left; overflow: inherit; border:  1px solid #00bb88}
div.key4:hover {background-color: #112266; border-color: inherit}
div.key4 {padding: inherit}


.author {font-size: 75%}
.synonym {}
.prevnext { font-size: 150%; line-height: 50%}
.path {font-size: 11pt; text-align: left; margin: 0px}
.def {color: #3399cc}
/*span.def:hover {color: black; background-color: lightyellow}*/

.name_list td {padding: 0px 20px 0px 0px; vertical-align: middle}

/* for the "other photos" lists
   http://bluerobot.com/web/css/center1.html */
.pic-body {
	margin: 0px 8px 8px 8px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	}
.pic-center {
  margin:15px auto; /* Right and left margin widths set to "auto" */
  text-align:right; /* Counteract to IE5/Win Hack */
	}

#guides td {padding: 0 15px 0 0}