/* testing following def for use in particular paras */
.hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* background-color: #eaffce; #95ba45 #c1ffc1 #e2ffe2 */
body { margin: 0; background-color: #e2ffe2; font-family: Verdana, Arial,
  Helvetica, sans-serif; font-size: 11pt; line-height: 140%;
  font-style: normal; font-weight: normal; color: #000000;
  text-decoration: none }
div.wrapper { max-width: 945px; min-width: 320px; background-color: #95c28d;
  margin: 0 auto 0 auto }
div.content-wrapper { margin-left: 190px; max-width: 740px;
  padding: 1.5em 1.5em 1.5em 0; }
div.content { display: flow-root; min-width: 288px; padding: 15px;
  background-color: #ffffff; border: 1px gray solid; border-radius: 25px; }
/* for pages without left navigation menu, but otherwise with "NI look" */
div.wrapper_nonav { max-width: 945px; min-width: 320px;
  background-color: #95c28d; margin: 0 auto 0 auto }
div.content-wrapper_nonav { margin: 0 auto; max-width: 740px; padding: 1.5em; }
div.content_nonav { min-width: 320px; margin: 0 auto; padding: 25px;
  background-color: #ffffff; border: 1px gray solid; border-radius: 25px; }
div.staff, div.upper_right_menu { float: right; width: 115px;
  margin: 0.4em 1em 1.5em 1.5em; line-height: 100%; padding-top: 1em;
  padding-left: 0.75em; border-top: 3px #883300 solid; }
.stdtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt;
  line-height: 140%; font-style: normal; font-weight: normal; color: #000000;
  text-decoration: none }
.stdtext_larger { font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt; line-height: 140%; font-style: normal; font-weight: normal;
  color: #000000; text-decoration: none }
.textgreen { color: #006600; }
.textboldgreen { font-weight: bold; color: #669933; }
.textbolddarkgreen { font-weight: bold; color: #003300; }
.textsemibolddarkgreen { font-weight: bold; color: #006600; }
.menu-red { color: #663300; }
.textmenuredtitle { color: #883300; }
.smallcaps { font-variant: small-caps; font-weight: bold }
.smallcaps_100 { font-variant: small-caps }
.smallcaps_90 { font-size: 90%; font-variant: small-caps }
div.line_2px_100 { background-color: #006600; height: 2px; line-height: 2px;
  font-size: 2px; border: none; padding: 0; margin: 0; }

p.lp { text-indent: 0in }
p.lp_t0 { text-indent: 0in; margin-top: 0px }
p.lp_b0 { text-indent: 0in; margin-bottom: 0px }
p.lp_tb0 { text-indent: 0in; margin-top: 0px; margin-bottom: 0px }
p.ip { text-indent: 1.65em }
p.ip_t0 { text-indent: 1.65em; margin-top: 0px }
p.ip_b0 { text-indent: 1.65em; margin-bottom: 0px }
p.ip_tb0 { text-indent: 1.65em; margin-top: 0px; margin-bottom: 0px }
p.cp { text-align: center }
p.cp_t0 { margin-top: 0px; text-align: center }
p.cp_b0 { margin-bottom: 0px; text-align: center }
p.cp_tb0 { margin-top: 0px; margin-bottom: 0px; text-align: center }
p.hp { text-indent: -2.5em; margin-left: 2.5em; }
p.hp_t0 { text-indent: -2.5em; margin-top: 0; margin-left: 2.5em; }
p.hp_b0 { text-indent: -2.5em; margin-bottom: 0; margin-left: 2.5em; }
p.hp_tb0 { text-indent: -2.5em; margin-top: 0; margin-bottom: 0;
  margin-left: 2.5em; }
p.lp_bullet_sq_black { display: inline; background-color: #000000;
  font-size: 0.5em; line-height: 1.4em; position: relative; bottom: 0.25em; }
.minwidth_right:before {
  content: "";
  width: 10em;
  display: block;
  overflow: hidden;
  clear: right;
}
.minwidth_right_7:before {
  content: "";
  width: 7em;
  display: block;
  overflow: hidden;
  clear: right;
}
.minwidth_left:before {
  content: "";
  width: 10em;
  display: block;
  overflow: hidden;
  clear: left;
}
.minwidth_right_20:before {
  content: "";
  width: 20em;
  display: block;
  overflow: hidden;
  clear: right;
}
/* h1.pg is for the usual case where h1 occurs at page top, directly under
the logo and topnav stuff, and is followed by an author’s name */
h1.pg { text-align: left; font-size: 20px; line-height: 26px;
  font-weight: bold; color: #669933; text-decoration: none;
  margin-top: 0; margin-bottom: 0.5em; }
/* following for h1 headings below page top */
h1.std { text-align: left; font-size: 20px; line-height: 26px;
  font-weight: bold; color: #669933; text-decoration: none;
  margin-top: 2em; margin-bottom: 1.5em; }
h1.stdctr { text-align: center; font-size: 20px; line-height: 26px;
  font-weight: bold; color: #669933; text-decoration: none;
  margin-top: 2em; margin-bottom: 1.5em; }
h2.std { text-align: left; font-size: 18px; line-height: 24px;
  font-weight: bold; color: #669933; text-decoration: none;
  margin-top: 1.5em; margin-bottom: 1em; }
h2.stdctr { text-align: center; font-size: 18px; line-height: 24px;
  font-weight: bold; color: #669933; text-decoration: none;
  margin-top: 1.5em; margin-bottom: 1em; }
h3 { text-align: left; font-size: 16px; line-height: 20px; font-weight: bold;
  color: #669933; text-decoration: none; margin-top: 2.5em;
  margin-bottom: 1em; }
h3.ctr { text-align: center; font-size: 16px; line-height: 20px;
  font-weight: bold; color: #669933; text-decoration: none; margin-top: 2.5em;
  margin-bottom: 1em; }
/* delete following def once it has been checked for in all of website */
h2.std_ctr { text-align: center; font-size: 18px; line-height: 24px;
  font-weight: bold; color: #669933; text-decoration: none;
  margin-top: 1.5em; margin-bottom: 1em; }
h2.pagetop { text-align: left; font-size: 20px; line-height: 26px;
  font-weight: bold; color: #669933; text-decoration: none; margin-top: 0.5em;
  margin-bottom: 1.5em; }
h2.pagetop_ctr { text-align: center; font-size: 20px; line-height: 26px;
  font-weight: bold; color: #669933; text-decoration: none; margin-top: 0.5em;
  margin-bottom: 1.5em; }
h3.std { text-align: left; font-size: 16px; line-height: 20px;
  font-weight: bold; color: #669933; text-decoration: none;
  margin-top: 1.3em; margin-bottom: 0.9em; }
/* end deletion (for now) */
h2 { text-align: left; font-size: 20px; line-height: 26px; font-weight: bold;
  color: #669933; text-decoration: none; margin-top: 2.5em;
  margin-bottom: 1.5em; }
h2.ctr { text-align: center; font-size: 20px; line-height: 26px;
  font-weight: bold; color: #669933; text-decoration: none; margin-top: 2.5em;
  margin-bottom: 1.5em; }
h2.ctr_pt2 { text-align: center; font-size: 18px; line-height:
  22px; font-weight: normal; color: #669933; text-decoration: none;
  margin-top: -1.25em; margin-bottom: 0; }
h4 { text-align: left; font-size: 14px; line-height: 18px; font-weight: bold;
  color: #006600; font-style: normal; }

div.box_float_right { font-family: Helvetica, Tahoma, Univers, Verdana, Arial,
    sans-serif; margin: 0.1in 0in 0.08in 0.12in; width: 3in;
    padding: 0.08in 0.1in 0.1in 0.1in; background-color: #cccccc;
    float: right; border: #aaaaaa 1px solid }

/* Default link = most in-maintext links */
a:link {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
  color: #800000;
  border-style: none;
}
a:visited {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
  color: #800000;
  border-style: none;
}
a:hover {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
  color: #800000;
  border-style: none;
  border-bottom: 2px solid #800000
}
a:active {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
  color: #800000;
  border: 1px dotted #800000;
}

/* absolutely plain link, with no distinguishing markers */
a.plain:link {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: black;
  border-style: none;
}
a.plain:visited {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: black;
  border-style: none;
}
a.plain:hover {
  text-decoration: none;
  color: black;
  font-weight: normal;
  font-style: normal;
  border-style: none;
}
a.plain:active {
  text-decoration: none;
  color: black;
  font-weight: normal;
  font-style: normal;
  border-style: none;
}

/* Plain link except for hover and active */
a.plainplus:link {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
  color: black;
  border-style: none;
}
a.plainplus:visited {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
  color: black;
  border-style: none;
}
a.plainplus:hover {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
  color: #800000;
  border-style: none;
  border-bottom: 2px solid #800000
}
a.plainplus:active {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  background-color: transparent;
  color: #800000;
  border: 1px dotted #800000;
}

/* another plain link except for hover and active */
a.plainplusx:hover { text-decoration: none; font-weight: normal;
  font-style: normal; background-color: #fff; color: #000;
  border: 5px solid #fff; }
a.plainplusx:link { text-decoration: none; font-weight: normal;
  font-style: normal; color: #000; border-style: none; }
a.plainplusx:visited { text-decoration: none; font-weight: normal;
  font-style: normal; color: #000; border-style: none; }
a.plainplusx:active { text-decoration: none; font-weight: normal;
  font-style: normal; color: #000; border-style: none; }

a.green:link {
  text-decoration: none;
  color: #006600;
  font-weight: normal;
  font-style: normal;
  border-style: none;
}
a.green:visited {
  text-decoration: none;
  color: #006600;
  font-weight: normal;
  font-style: normal;
  border-style: none;
}
a.green:hover {
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
  color: #006600;
  border-style: none;
}
a.green:active {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #006600;
  border: 1px #006600 dotted;
}

a.h3-green:link {
  text-decoration: none;
  font-weight: bold; 
  font-style: normal;
  color: #669933;
  border-style: none;
  border-bottom: 1px solid #006600;
}
a.h3-green:visited {
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  color: #669933;
  border-style: none;
  border-bottom: 1px solid #006600;
}
a.h3-green:hover {
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  color: #006600;
  border-style: none;
  border-bottom: 2px solid #006600;
}
a.h3-green:active {
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  color: #669933;
  border-style: none;
  border-bottom: 1px solid #006600;
}

a.red_dots:link {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: black;
  border-style: none;
  border-bottom: 1px dotted #800000;
}
a.red_dots:visited {
  text-decoration: none;
  color: black;
  font-weight: normal;
  font-style: normal;
  border-style: none;
  border-bottom: 1px solid #800000;
}
a.red_dots:hover {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #800000;
  border-style: none;
  border-bottom: 2px solid #800000;
}
a.red_dots:active {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: black;
  border: 1px dotted #800000;
}

a.stdtext:link {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: black;
  border-style: none;
  border-bottom: 1px solid black;
}
a.stdtext:visited {
  text-decoration: none;
  color: black;
  font-weight: normal;
  font-style: normal;
  border-style: none;
  border-bottom: 1px solid black;
}
a.stdtext:hover {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #006600;
  border-style: none;
  border-bottom: 2px solid #006600;
}
a.stdtext:active {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: black;
  border: 1px dotted #006600;
}

/* page-bottom menus; author/staff listings in upper-right page corner */
a.menured:link {
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #663300;
  border-style: none;
}
a.menured:visited {
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #663300;
  border-style: none;
}
a.menured:hover {
  text-decoration: none;
  font-size: 11px;
  color: #663300;
  font-weight: bold;
  font-style: normal;
  border-style: none;
  border-bottom: 1px solid #663300;
}
a.menured:active {
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #663300;
  border: 1px dotted #663300;
}

a.bolddarkgreen:link {
  text-decoration: none;
  color: #003300;
  font-weight: normal;
  font-style: normal;
  border-style: none;
}
a.bolddarkgreen:visited {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #003300;
  border-style: none;
}
a.bolddarkgreen:hover {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #003300;
  border-style: none;
  border-bottom: 1px solid #003300;
}
a.bolddarkgreen:active {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #003300;
  border: 1px dotted #003300;
}

a.semibolddarkgreen:link {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #006600;
  border-style: none;
}
a.semibolddarkgreen:visited {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #006600;
  border-style: none;
}
a.semibolddarkgreen:hover {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #006600;
  border-style: none;
  border-bottom: 1px solid #006600;
}
a.semibolddarkgreen:active {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #006600;
  border: 1px dotted #006600;
}

a.linkb:link {
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
  color: #663300;
  border-style: none;
}
a.linkb:visited {
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
  color: #663300;
  border-style: none;
}
a.linkb:hover {
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
  color: #663300;
  border-style: none;
}
a.linkb:active {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: #663300; 
  border: 1px dotted #663300;
}

/* NAVIGATION STUFF */

a.topnavgreen:link { font-size: 11pt; line-height: 150%; text-decoration: none;
  color: #663300; border-style: none; }
a.topnavgreen:visited { font-size: 11pt; line-height: 150%;
  text-decoration: none; color: #663300; border-style: none; }
a.topnavgreen:hover { font-size: 11pt; line-height: 150%;
  text-decoration: underline; color: #663300; border-style: none; }
a.topnavgreen:active { font-size: 11pt; line-height: 150%;
  text-decoration: none; color: #663300; border-style: none; }

div.leftnavgreen { width: 90%; margin-top: 11px; margin-right: auto; 
  margin-left: auto; border: #ffffff 1px solid; background-color: #99cc99;
  padding-top: 6px; padding-bottom: 8px; }
div.leftnavred { width: 90%; margin: 0 auto; line-height: 100%;
  border: #ffffff 1px solid; border-top: 0; background-color: #99cc66;
  padding-top: 6px; padding-bottom: 8px; }
p.leftnavgreen { margin: 0 5px; text-align: left; }
p.leftnavgreen_nolink { margin: 0 5px; text-align: left; font-size: 14px;
  font-weight: bold; color: #003300; border-style: none; }
p.leftnavred { margin: 0 5px; text-align: left; }

a.leftnavgreen:link { font-size: 14px; font-weight: bold;
  text-decoration: none; color: #003300; border-style: none }
a.leftnavgreen:visited { font-size: 14px; font-weight: bold;
  text-decoration: none; color: #003300; border-style: none }
a.leftnavgreen:hover { font-size: 14px; font-weight: bold;
  text-decoration: none; color: #ffffff; border-style: none }
a.leftnavgreen:active { font-size: 14px; font-weight: bold;
  text-decoration: none; color: #003300; border-style: none }

a.leftnavred:link { font-size: 13px; font-weight: bold; text-decoration: none;
  color: #663300; border-style: none }
a.leftnavred:visited { font-size: 13px; font-weight: bold;
  text-decoration: none; color: #663300; border-style: none; }
a.leftnavred:hover { font-size: 13px; font-weight: bold; text-decoration: none;
  color: #ffffff; border-style: none; }
a.leftnavred:active { font-size: 13px; font-weight: bold;
  text-decoration: none; color: #663300; border-style: none; }

a.leftnavwhite:link { font-size: 11px; text-decoration: underline;
  color: #ffffff; border-style: none; }
a.leftnavwhite:visited { font-size: 11px; text-decoration: underline;
  color: #ffffff; border-style: none; }
a.leftnavwhite:hover { font-size: 11px; text-decoration: underline;
  color: #663300; border-style: none; }
a.leftnavwhite:active { font-size: 11px; text-decoration: underline;
  color: #ffffff; border-style: none; }

a.bottomnavred:link { font-size: 11pt; text-decoration: none;
  color: #663300; border-style: none; }
a.bottomnavred:visited { font-size: 11pt; text-decoration: none;
  color: #663300; border-style: none; }
a.bottomnavred:hover { font-size: 11pt; text-decoration: underline;
  color: #663300; border-style: none; }
a.bottomnavred:active { font-size: 11pt; text-decoration: none;
  color: #663300; border-style: none; }

/* in following, #calendar is used in: <body id="calendar"> of calendar page
   and <a id="link_cal" ...> is used in navigation link on home page */
#calendar a#link_cal,
#educ a#link_educ,
#about a#link_about,
#friend a#link_friend,
#store a#link_store,
#contact a#link_contact,
#search a#link_search,
#pub a#link_pub,
#ic a#link_ic,
#persp a#link_persp,
#media a#link_media,
#areas a#link_areas,
#nature a#link_nature,
#gene a#link_gene,
#nontarget a#link_nontarget,
#soil a#link_soil,
#tech a#link_tech,
#qual a#link_worthy,
#evol a#link_evol,
#scied a#link_scied,
#sustain a#link_sustain,
#authors a#link_authors,
#brady a#link_brady,
#resources a#link_resources {
  color: #ffffff
}

/* For responsive video iframes; from comment 16 at
https://stackoverflow.com/questions/17838607/making-an-iframe-responsive
To use: wrap iframe with this: <div class="videoWrapper">...</div>
The value of the padding-bottom parameter is calculated from the aspect
ratio of the content (in case of 16:9 it is 9/16= 0.5625)
See /txt/ch/details/plant.htm for example of use.
*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* for browsers that put border around image links */
a img { border: 0 }

.pdfonly { display: none }
.notinpdf { display: block }
@media print {
.notinpdf { display: none }
.pdfonly { display: block }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid }
ul, ol, dl { page-break-before: avoid }
a:link { text-decoration: underline; color: #000000 }
a:visited { text-decoration: underline; color: #000000 }
a:hover { text-decoration: underline; color: #000000 }
a:active { text-decoration: underline; color: #000000 }
.stdtext { font-size: 10pt }
}