body {background:#f0fff0;
 font-family:verdana,arial,helvetica,sans-serif;font-size:12pt;font-size:calc(0.8vw + 8pt);font-weight:normal;color:#2f4f4f;
 line-height:1.15em;margin-left:2px;margin-top:0px;}

* {box-sizing: border-box;} 

body.buff {background-color:#ffffcc;}
body.green {background-color:#9cce9c;}
body.agave {background: url(../families/agavaceae/agave/mayahuela2.gif);background-attachment:fixed; }
body.cerpg {background:#ffffff url(../misc/cerpg.gif);background-attachment:fixed; }
body.haworth {background:#ffffff url(../families/aloaceae/haworthia/haw.gif);background-attachment:fixed; }
body.hoya {background:#ffffff url(../families/apocynaceae/asclepiadaceae/hoya/hoyabg.gif);background-attachment:fixed; }
body.nolina {background:#ffffff url(../families/nolinaceae/beargrass_gy.gif);background-attachment:fixed; }
body.notebook {background:#fffff0 url(../misc/notebook.gif);background-attachment:fixed;background-repeat:repeat-y;margin-left:0px;margin-top:0px;font-family:arial,helvetica,sans-serif;color:#333311; }
body.peperomia {background:#ffffff url(../families/piperaceae/peperomia/pep1.gif);background-attachment:fixed; }
body.sempervivum {background:#ffffff url(../families/crassulaceae/sempervivum/sempervivumbg.jpg); background-attachment:fixed; }

a.main {color:#2E8B57;text-decoration:none;}
a.main:link {color:#2E8B57;}
a.main:visited {color:#a52a2a;}
a.main:hover {color:fuchsia;background-color:#ffffcc;}
a.main:active {color:#ff0000;}

a.alphabet {color:white;background-color:#006600;text-decoration:none;font-weight:bold;padding:1px;margin:1px;border-style:solid;border-width:1px;border-color:#006600;line-height:2em;}
a.alphabet:link {color:#ffffff;}
a.alphabet:visited {color:#006600;background-color:white}
a.alphabet:hover {color:fuchsia;background-color:#ffffcc;}
a.alphabet:active {color:#ff0000;}

a.big {color:#2E8B57;font-weight:bold;font-size:14pt;font-size:calc(1vw + 12px);padding:calc(0.2vw + 2px);text-decoration:none;}
a.big:link {color:#2E8B57;}
a.big:visited {color:#a52a2a;}
a.big:hover {color:fuchsia;background-color:#ffffcc;}
a.big:active {color:#ff0000;}

a.bold {color:#2E8B57;font-weight:bold;text-decoration:none;}
a.bold:link {color:#2E8B57;}
a.bold:visited {color:#a52a2a;}
a.bold:hover {color:fuchsia;background-color:#ffffcc;}
a.bold:active {color:#ff0000;}

a.border-gold {color:green;background-color:#ffffaa;font-weight:700;line-height:1.3;border-color:green;border-style:solid;border-width:1pt;padding-left:3pt;padding-right:3pt;text-decoration:none;}
a.border-gold:link {color:green;background-color:#ffffaa;}
a.border-gold:visited {color:#a52a2a;background-color:white;}
a.border-gold:hover {color:fuchsia;background-color:#ffffcc;}
a.border-gold:active {color:#ff0000;background-color:white;}

a.inv {color:white;background-color:#009966;font-size:12pt;font-size:calc(0.8vw + 6px);text-decoration:none;font-weight:bold;padding:0.1em;padding-right:6px;margin:0px;border-style:solid;border-width:1px;border-color:#003311;border-radius:6px;}
a.inv:link {color:#ffffff;}
a.inv:visited {color:#ffffcc;}
a.inv:hover {color:fuchsia;background-color:#ffffcc;}
a.inv:active {color:#ff0000;}

a.topmenu {display:inline-block;background-color:#ddffdd;text-decoration:none;font-weight:normal;height:1.5em;line-height:1.1em;border-color:#2f4f4f;border-style:solid;border-width:1px;font-size:10pt;font-size:calc(0.6vw + 6px);padding:calc(0.2vw + 2px);margin:2px;margin-top:0px;}
a.topmenubold:link {color:#2f4f4f;}
a.topmenu:visited {color:#a52a2a;}
a.topmenu:hover {color:fuchsia;background-color:#ffffcc;}
a.topmenu:active {color:#ff0000;}

a.topmenubold {display:inline-block;background-color:#ddffdd;font-size:10pt;font-size:calc(0.6vw + 6px);text-decoration:none;font-weight:bold;line-height:1.1em;
border-color:#2f4f4f;border-style:solid;border-width:1px;padding:calc(0.2vw + 3px);margin:2px;margin-top:0px;text-decoration:none;}
a.topmenubold:link {color:#2f4f4f;}
a.topmenubold:visited {color:#a52a2a;}
a.topmenubold:hover {color:fuchsia;background-color:#ffffcc;}
a.topmenubold:active {color:#ff0000;}

a.green150 {display:block;background-color:#ddffdd;font-size:9pt;font-weight:normal;text-decoration:none;line-height:1.1em;
border-color:#2f4f4f;border-style:solid;border-width:1px;padding:5px;margin:1px;margin-bottom:0px;width:150px;}
a.green150:link {color:#2f4f4f;}
a.green150:visited {color:#a52a2a;}
a.green150:hover {color:fuchsia;background-color:#ffffcc;}
a.green150:active {color:#ff0000;}

a.green200 {display:block;background-color:#f0fff0;border-style:solid;border-width:1px;border-color:#2f4f4f;box-sizing:border-box;padding:0.6vw;padding-top:calc(0.6vw + 4px);padding-bottom:calc(0.6vw + 4px);margin:0;width:98%;text-decoration:none;}
a.green200:link {color:#2f4f4f;}
a.green200:visited {color:#a52a2a;}
a.green200:hover {color:fuchsia;background-color:#ffffcc;}
a.green200:active {color:#ff0000;}

a.pink200 {display:block;background-color:#ffe4e1;border-style:solid;border-width:1px;border-color:#2f4f4f;box-sizing:border-box;padding:0.6vw;padding-top:calc(0.6vw + 4px);padding-bottom:calc(0.6vw + 4px);margin:0px;width:98%;text-decoration:none;}
a.pink200:link {color:#2f4f4f;}
a.pink200:visited {color:#a52a2a;}
a.pink200:hover {color:fuchsia;background-color:#ffffcc;}
a.pink200:active {color:#ff0000;}

a.buff200 {display:block;background-color:#fffffe;border-style:solid;border-width:1px;border-color:#2f4f4f;box-sizing:border-box;padding:0.6vw;padding-top:calc(0.6vw + 4px);padding-bottom:calc(0.6vw + 4px);margin:0px;width:98%;text-decoration:none;}
a.buff200:link {color:#2f4f4f;}
a.buff200:visited {color:#a52a2a;}
a.buff200:hover {color:fuchsia;background-color:#ffffcc;}
a.buff200:active {color:#ff0000;}

a.bold200 {display:block;background-color:#f0fff0;border-style:solid;border-width:1px;border-color:#2f4f4f;box-sizing:border-box;padding:calc(0.6vw + 4px);font-weight:bold;margin:0px;width:98%;text-decoration:none;}
a.bold200:link {color:#2f4f4f;}
a.bold200:visited {color:#a52a2a;}
a.bold200:hover {color:fuchsia;background-color:#ffffcc;}
a.bold200:active {color:#ff0000;}

a.button {font-weight:bold;color:white;background:#00aa88;line-height:2.0em;padding:1px;padding-left:6px;padding-right:6px;margin:1pt;border-style:outset;border-width:2px;border-color:#006644;border-radius:6px;text-decoration:none;}
a.button:link {color:#ffffff;}
a.button:visited {color:#ffffcc;}
a.button:hover {color:fuchsia;background-color:#ffffcc;}
a.button:active {color:#ff0000;}

a.submenu {background-color:#f0fff0;border-style:solid;border-width:1px;border-color:#2f4f4f;box-sizing:border-box;padding:0.3vw;margin:0px;width:97%;text-decoration:none;}
a.submenu:link {color:#2f4f4f;}
a.submenu:visited {color:#a52a2a;}
a.submenu:hover {color:fuchsia; background-color:#ffffcc;}
a.submenu:active {color:#ff0000;}

a.submenub {background-color:#f0fff0;border-style:solid;border-width:1px;border-color:#2f4f4f;box-sizing:border-box;padding:0.3vw;margin:0px;width:98%;font-weight:bold;text-align:left;text-decoration:none;}
a.submenub:link {color:#2f4f4f;}
a.submenub:visited {color:#a52a2a;}
a.submenub:hover {color:fuchsia; background-color:#ffffcc;}
a.submenub:active {color:#ff0000;}

a.note {color:#dff3cf;background-color:#f0fff0;padding:0px;margin:0px;text-decoration:none;}
a.note:link {background-color:#f0fff0;}
a.note:visited {background-color:#f0fff0;}
a.note:hover {color:fuchsia;background-color:#f0fff0;}
a.note:active {color:#ff0000;background-color:#f0fff0;}

b.big {color:#5f9ea0;font-size:14pt;font-size:calc(1.0vw + 9pt);}

div.ads {display:block;position:relative;margin:0.2em;margin-top:0.5em;margin-bottom:1em;padding:0px;border-style:solid;border-width:1px;border-color:#88cc88;color:#006600;line-height:1.15;text-align:center;z-index:0;}

div.ads-book {display:block;position:relative;margin-top:15px;padding:0px;border-style:solid;border-width:1px;border-color:#88cc88;color:#006600;line-height:1.15;text-align:center;z-index:0;}

div.ads-vert {display:block;position:relative;float:right;width:160px;border-style:solid;border-width:1px;border-color:#88cc88;color:#006600;line-height:1.15;text-align:center;z-index:9;}

div.box2 {display:inline-block;vertical-align:top;width:20vw;min-width:100px;padding:0px;margin:0px;margin-right:3px;margin-top:0.5em;font-size:8pt;font-size:calc(0.6vw + 6px);}

div.box {float:left;display:inline-block;width:20vw;min-width:100px;padding:0px;margin:0px;margin-right:6px;margin-top:0.5em;font-size:8pt;font-size:calc(0.6vw + 6px);}

div.box-white {display:block;float:left;width:40px;height:50px;padding:0px;margin-right:3px;margin-top:3px;border-color:#009966;border-style:solid;border-width:1px;border-radius:3px;background-color:#ffffff;color:#006600;line-height:1.0;vertical-align:bottom;text-align:center;}

div.footer {display:block;position:relative;width:99%;margin-left:auto;margin-right:auto;padding:0px;line-height:1.15;text-align:center;}

div.main {display:inline-block;position:relative;top:0px;width:99%;padding:2px;line-height:1.15;text-align:left;}

div.note-buff {display:block;position:relative;top:6px;left:3px;border-color:#a06600;border-style:solid;border-width:1px;border-radius:6px;box-shadow:2px 3px 8px #222;background-color:#ffffcc;color:#006600;line-height:1.15;}

div.note-green {display:inline-block;position:relative;top:8px;margin-left:auto;margin-right:auto;padding:3px;border-color:#009966;border-style:solid;border-width:2px;border-radius:6px;box-shadow:2px 3px 8px #222;background-color:#f0fff0;color:#006600;line-height:1.15;text-align:center;}

div.note-rjh {display:inline-block;float:left;top:8px;padding:1%;border-color:#cf6f4f;border-style:solid;border-width:2px;border-radius:6px;box-shadow:2px 3px 8px #222;background-color:#ffe4e4;color:#cf4f4f;line-height:1.15;text-align:center;}

div.note-white {display:inline-block;position:relative;top:8px;margin-left:auto;margin-right:auto;padding:3px;border-color:#009966;border-style:solid;border-width:2px;border-radius:6px;box-shadow:2px 3px 8px #222;background-color:#ffffff;color:#006600;line-height:1.15;text-align:center;}

div.pinup {display:inline-block;position:relative;top:8px;width:99%;min-width:160px;padding:3px;border-color:#006600;border-style:solid;border-width:1px;border-radius:8px;box-shadow:2px 3px 6px #142;background-color:#f0fff0;color:#006600;line-height:1.15;text-align:center;z-index:1;}
div.post-it {display:inline-block;position:relative;top:6px;padding:3px;border-color:#a06600;border-style:solid;border-width:1px;border-radius:8px;box-shadow:2px 3px 8px #222;background-color:#ffffaa;color:#006600;line-height:1.15;text-align:center;z-index:2;}
div.topbar {display:inline-block;position:relative;width:120%;font-size:1.5vw;font-size:calc(0.6vw + 5px);padding:calc(0.2vw + 3px);line-height:1.15;text-align:left;}
div.top-panel-noborder {display:block;position:relative;top:3px;margin-bottom:12px;padding:3px;color:#006600;line-height:1.25;z-index:2;}
div.top-panel {display:block;position:relative;top:3px;margin-bottom:12px;padding:3px;border-color:#008866;border-style:solid;border-width:2px;border-radius:3px;box-shadow:2px 3px 6px #142;background-color:#ffffff;color:#006600;line-height:1.25;z-index:2;}

div.wrapper {display:block;max-width:1100px;margin-left:auto;margin-right:auto;background:#f0fff0;}
div.wrapper-nobg {display:block;max-width:1100px;margin-left:auto;margin-right:auto;}
div.wrapper860 {display:block;max-width:860px;margin-left:auto;margin-right:auto;background:#f0fff0;}
div.wrapper860nobg {display:block;max-width:860px;margin-left:auto;margin-right:auto;}
div.wrapper960 {display:block;max-width:960px;margin-left:auto;margin-right:auto;background:#f0fff0;}
div.wrapper960nobg {display:block;max-width:960px;margin-left:auto;margin-right:auto;}
div.wrapper860rjh {display:block;width:860px;margin-left:10vw;}

div.wrapper960border {max-width:960px;margin-left:auto;margin-right:auto;background:#fafffa;border-color:#aaaaaa;border-style:solid;border-width:1px;border-radius:0px;padding:0px;text-align:center;}

div.left-column {display:block;position:static;float:left;width:40%;margin:1px;min-width:180px;font-size:calc(0.6vw + 6pt);padding:3px;z-index:1;border-style:none;border-width:1px;border-color:#008866;}

div.middle-column {display:block;position:relative;float:left;width:20vw;margin:1px;min-width:150px;font-size:calc(0.6vw + 6pt);padding:3px;z-index:1;border-style:solid;border-width:1px;border-color:#008866;}

div.right-column {display:block;position:relative;float:left;top:0px;width:20vw;margin:1px;min-width:150px;font-size:calc(0.6vw + 6pt);padding:3px;z-index:1;border-style:solid;border-width:1px;border-color:#008866;}

div.two-cols {display:inline-block;position:relative;width:45vw;min-width:160px;z-index:1;padding:0px;margin:0px;}

div.mainmenu {float:left;display:block;position:relative;box-sizing:border-box;width:99%;min-width:130px;background-color:#009966;border-style:solid;border-width:1px;border-color:#2f4f4f;margin-left:0px;padding: 0.25em 0px 0.25em 3px;z-index:2;}

div.mainmenu-small {display:inline-block;position:relative;box-sizing:border-box;width:100%;min-width:85px;top:0px;background-color:#009966;border-style:solid;border-width:1px;border-color:#2f4f4f;margin:0px;padding:0px;border-color:#2f4f4f;z-index:2;}

div.menu {display:inline-block;float:left;margin:2px;padding:0px;width:99%;min-width:126px;font-size:10pt;font-size:1.5vw;font-size: calc(0.55vw + 8pt);line-height:1.5em;line-height:calc(0.6vw + 0.8em);height:3em;text-align:left;}

div.menu-small {box-sizing:border-box;float:left;margin:2px;padding:0px;width:99%;min-width:80px;font-size:10pt;font-size:calc(0.6vw + 5pt);line-height:1.5em;height:3em;text-align:left;}

div.menu:hover div:first-child {border-bottom:none;margin:0;padding:0;height:1.0em;}
div.menu div.popup {display:none;width:90%;position:relative;margin-left:98%;padding:1px;margin-top:-1.0em;background-color:#ffff88;}
div.menu:hover div.popup {display:inline-block;line-height:1.8vmax;z-index:5;}
div.menu div {padding:0px;}
div.popup div, div.popup a { display:inline-block;text-decoration:none; margin: 1px 1px 1px 1px;}
div.popup div + div, div.popup a + a {margin-bottom:1px;margin-top:1px;} 

div.menu div.popup-wide {display:none;width:250%;position:relative;margin-left:45%;padding:0px;top:-10em;background-color:#fafaaa;border-style:solid;border-width:1px;border-color:#2f4f4f;}
div.menu:hover div.popup-wide {display:inline-block;z-index:5;text-align:center;}
div.popup-wide div, div.popup-wide a {display:inline-block;text-decoration:none;margin: 0px 0px 0px 0px;}
div.popup-wide div + div, div.popup-wide a + a {margin-bottom:3px;margin-top:3px;}

div.element {float:left;margin:0px;padding:0px;width:100%;height:2.8em;}
div.element:hover div:first-child {border-bottom:none;margin:0;padding:0;height:1.0em;}
div.element div {padding:0px;}
div.element div.popup2 {display:none;width:120%;position:relative;margin-left:60%;padding:0px;top:-2em;background-color:#faaaaa;border-style:solid;border-width:1px;border-color:#2f4f4f;}
div.element:hover div.popup2 {display:inline-block;line-height:1.8em;z-index:6;}
div.popup2 div, div.popup2 a {display:inline-block;text-decoration:none; margin: 3px 0px 3px 0px;}
div.popup2 div + div, div.popup2 a + a {margin-bottom:3px;margin-top:3px;}

div.left   {display:block;position:static;width:49%;padding:0;margin:0;height:auto;min-width:125px;vertical-align:top;}
div.right {display:block;position:static;width:49%;padding:0;margin:0;height:auto;min-width:125px;vertical-align:top;}

div.menu-spacer {display:inline-block;float:left;padding:3px;width:99%;min-width:120px;font-size:1.5vw;font-size: calc(0.55vw + 8pt);line-height:1.6em;line-height:calc(0.6vw + 0.6em);height:auto;}

div.smheader {color:#224422;font-size:1.5vw;font-size: calc(0.45vw + 8pt);height:1.5em;position:relative;left:6px;margin-top:2px;padding:0px; }
div.spacer {line-height:4px;}

h1 {color:#5f9ea0;font-size:calc(4.5vw + 8px);text-align:left;line-height:1.0em;margin:0px;padding:0.15em;}
h1.header {color:#5f9ea0;font-size:calc(3vw + 8px);text-align:center;line-height:1.2em;margin:0px;padding:0.15em;}
h1.headerimage {color:#009966;font-size:10pt;text-align:center;line-height:1.1;margin:0px;padding:0px;}
h1.mediumheader {color:#5f9ea0;font-size:calc(2vw + 4px);text-align:center;line-height:1.15;margin:0px;padding:0.15em;}
h2 {color:#009966;font-size:18pt;font-size:calc(0.8vw + 1.2em);font-weight:bold;text-align:left;line-height:1.1;margin:0px;padding:3px;}
h2.header {color:#5f9ea0;font-size:18pt;font-size:calc(1vw + 0.8em);font-weight:bold;line-height:1.1;margin:0px;padding:3px;}
h2.book {color:#009966;font-size:14pt;font-size:calc(1.0vw + 0.6em);line-height:1.05em;margin:0px;padding:0.15em;}
h2.pinup {color:#009966;font-size:calc(0.8vw + 0.4em);text-align:center;padding-top:0.2em;}
h2.weaknotetitle {color:#5f9ea0;font-size:1.2em;font-size:calc(0.6vw + 0.6em);font-weight:normal;text-align:center;line-height:1em;margin:0px;margin-left:11em;padding:0px;}
h3.book {color:#009966;font-size:calc(0.8vw + 0.4em);}
h3.header {color:#5f9ea0;font-size:14pt;font-size:calc(0.6vw + 0.6em);font-weight:bold;text-align:center;line-height:1.05em;margin:0px;padding:0px;}
h4 {color:#009966;font-size:12pt;font-size:calc(0.6vw + 0.6pt);font-weight:bold;text-align:left;line-height:1.1;margin:0px;padding:3px;}
i.maintext { font-size:10pt;font-size:calc(0.6vw + 8px);color:#2f4f4f; }

img { border:0; }
img.border {border-style:solid;border-width:1px;}
img.book {display:block;margin-left:auto;margin-right:auto;} 

input {font-family:verdana,arial,helvetica,sans-serif;font-size:9pt;color:#2f4f4f;text-align:left;padding:2pt;padding-bottom:3pt;}

input.clock {width:150px;font-size:18pt;font-size:calc(0.8vw + 8pt);text-align:center;color:#006666;font-weight:bold;margin-left:2.5%;padding:2px;border:0;background:#fffff0;}

input.jscommand {font-family:verdana,arial,helvetica,sans-serif;background:#00aa88;font-size:10pt;font-size:calc(0.6vw + 6pt);color:white;font-weight:bold;margin:0px;margin-top:2px;padding:0px;padding-left:1px;padding-right:1px;border-style:outset;border-width:1px;border-color:#003311;border-radius:6px;}

input.search {width:90%;font-family:verdana,arial,helvetica,sans-serif;font-size:12pt;font-size:calc(0.8vw + 6pt);font-weight:normal;background-color:#f0fff0;color:#006644;text-align:left;padding:0.1em;padding-bottom:0.1em;}

input.text {font-size:12pt;font-size:calc(0.8vw + 6pt);font-weight:normal;color:#006622;padding:2px;}

select {font-size:12pt;font-size:calc(0.8vw + 6pt);font-weight:normal;color:#006644;background-color:#ddffdd;padding:2px;margin:0px;margin-left:2px;}

textarea.display {border:0;color:#006644;background-color:#f0fff0;font-family:verdana,arial,helvetica,sans-serif;font-size:10pt;font-size:calc(0.8vw + 6pt);font-weight:normal;padding:2px;padding-bottom:0px;resize:none;}

textarea.input {border-width:1px;border-style:solid;border-color:#006644;border-radius:3px;font-family:verdana,arial,helvetica,sans-serif;font-size:10pt;font-size:calc(0.8vw + 6pt);font-weight:normal;color:#006644;background-color:#ffffff;padding:2px;margin:0;}

p.maintext {display:block;position:relative;font-size:1.2vw;font-size:calc(0.6vw + 7pt);color:#2f4f4f;text-align:justify;border-style:none;padding:3px;}

p.maintext-inline {display:inline;position:relative;top:6px;font-size:1.2vw;font-size:calc(0.6vw + 7pt);color:#2f4f4f;text-align:justify;font-weight:normal;border-style:none;padding:3px;}

p.bordermaintext:first-line {line-height:1.2vw;color:#008844;font-size:1.5vw;font-size:calc(1vw + 6pt);font-weight:bold;}

p.bordermaintext {font-size:1.2vw;font-size:calc(0.6vw + 6pt);color:#2f4f4f;text-align:justify;font-weight:normal;background:white;border-color:#009966;border-style:solid;border-width:1.5px;padding:0.5em;padding-bottom:1em;margin:0em;}

p.borderpink {font-size:10pt;font-size:calc(0.6vw + 6px);color:#800000;border-color:#a00000;border-style:solid;border-width:1px;border-radius:3px;padding:0.5em;}

p.borderbufftext {font-size:10pt;color:#2f4f4f;text-align:justify;font-weight:normal;background:#ffffcc;border-color:#009966;border-style:solid;border-width:2px;padding:0.5em;padding-bottom:1em;margin:0em;}

p.bordersmall {font-size:9pt;font-size:calc(0.45vw + 6pt);color:#008844;text-align:justify;font-weight:normal;line-height:1.25em;background:white;border-color:#009966;border-style:solid;border-width:2px;padding:0.25em;padding-bottom:0.5em;margin:0em;}

p.bordertiny {font-size:8pt;font-size:calc(0.4vw + 6pt);color:#2f4f4f;text-align:left;font-weight:normal;line-height:1.25em;background:white;border-color:#009966;border-style:solid;border-width:2px;padding:0.25em;padding-bottom:0.5em;margin:0em;}

p.noscript {position:absolute;margin-top:-55px;margin-left:-5px;padding:6px;width:400px;height:70px;border-color:#006600;border-style:solid;border-width:2px;border-radius:8px;box-shadow:6px 4px 4px #454;background-color:#ffffe0;color:#ee3333;font-family:verdana,arial,sans-serif;font-size:10pt;line-height:1.25em;text-align:justify;}
p.noflash {position:absolute;margin-top:-30px;margin-left:125px;padding:6px;width:400px;height:70px;border-color:#006600;border-style:solid;border-width:2px;border-radius:8px;box-shadow:6px 4px 4px #454;background-color:#ffffe0;color:#ee3333;font-family:verdana,arial,sans-serif;font-size:10pt;line-height:1.25em;text-align:justify;}
p.righttext {font-size:10pt;font-size:calc(0.6vw + 6pt);color:#2f4f4f;text-align:right;font-weight:normal;padding:0.5em;padding-bottom:1em;margin:0em;}
p.small {font-size:8pt;color:#008844;text-align:justify;font-weight:normal;padding:0.5em;padding-bottom:0.5em;margin:0em;}
p.title200 {display:block;background-color:#fffffe; color:#333300;font-weight:bold;line-height:1.1em;border-color:#333300;border-style:solid;border-width:1px;padding:3px;margin:0px;width:98%;}

span.gap { line-height:1.5em;vertical-align:top; }
span.red {color:#800000;}
span.rarrow {float:right;font-size:calc(0.8vw + 5pt);}
span.rarrow2 {float:right;margin-top:0.25vw;border-top:0.6em solid transparent; border-bottom: 0.6em solid transparent;border-left:1.0em solid #6F8F8F;z-index:5;}

span.tiny1 {font-size:8pt;font-size:calc(0.4vw + 5pt);color:#2f4f4f;line-height:1.05em;}
span.small2 {font-size:9pt;font-size:calc(0.45vw + 5pt);line-height:1.05em;padding:0.25em;padding-bottom:0em;margin:0em;}
span.small3 {font-size:9pt;font-size:calc(0.5vw + 6pt);line-height:1.05em;padding:0.25em;padding-bottom:0em;margin:0em;}
span.med3 {font-size:12pt;font-size:calc(0.8vw + 6pt);line-height:1.25em;padding:0.25em;margin:0em;}
span.med4 {font-size:14pt;font-size:calc(0.9vw + 8pt);line-height:1.25em;padding:0.5em;margin:0em;}

table.full {width:100%;padding:0px;border-spacing:0px;border:none;margin:0px;}
table.main {width:100%;padding:0px;border-spacing:3px;border:none;margin:0px;}
table.footer {width:70%;min-width:340px;background-color:#3CB371;border-color:#3cb371;border-style:outset;border-width:1px;}
table.families {padding:0px;border-spacing:0px;border:none;margin:0px;}

table.rjh {table-layout:fixed;position:static;margin:0px;border-collapse:collapse;border-spacing:0px;margin:0px;padding:0px;}
td.rjh {display:block;border-collapse:collapse;border-spacing:0px;margin:0px;padding:0px;}

table.topmenu {display:inline-block;position:relative;font-weight:normal;height:1.5em;border-color:#2f4f4f;margin:3px;top:0.5em;}

td {font-size:11pt;font-size:calc(0.7vw + 6pt);color:#222200;text-align:justify;padding:0px;margin:0px;}
td.artboard {padding:3pt;border-color:#eeccaa;background:#ffffff url(../misc/white.gif);border-style:solid outset outset solid;border-width:1px 2px 3px 1px;}
td.buff {background-color:#ffffcc;color:#2f4f4f;font-size:10pt;font-size:calc(0.6vw + 6px);padding:2px;}
td.border {border-color:#009966;border-style:solid;border-width:1pt;padding:3px;}
td.borderbuff {background-color:#ffffcc;color:#2f4f4f;font-size:10pt;font-size:calc(0.6vw + 6px);border-color:#009966;border-style:solid;border-width:1.5px;padding:3px;}
td.bordernote {background:#fffffa;color:#2f4f4f;font-size:8pt;border-color:#009966;border-style:solid;border-width:1.5px;padding:3px;}
td.bordergreen {background:#ddffdd;color:#2f4f4f;font-size:10pt;font-size:calc(0.6vw + 6px);padding:3px;border-color:#009966;border-style:solid;border-width:1.5px;}
td.borderpale {background:#f0fff0;color:#2f4f4f;font-size:10pt;font-size:calc(0.6vw + 6px);padding:3px;border-color:#009966;border-style:solid;border-width:1.5px;}
td.borderpink {background:#ffe4e1;color:#2f4f4f;font-size:10pt;font-size:calc(0.6vw + 6px);padding:6px;border-color:#009966;border-style:solid;border-width:1.5px;}
td.borderwhite {background:#ffffff;color:#2f4f4f;font-size:10pt;padding:3px;border-color:#009966;border-style:solid;border-width:1.5px;}
td.center {text-align:center;}
td.right {text-align:right;min-width:10px;}
td.black {background:#000000;}
td.book {color:#006600;font-size:9pt;border-style:solid;border-color:#ccffff;border-width:1px;text-align:center;}
td.footer {font-size:1.5vw;font-size:calc(0.8vw + 4pt);background:#ddffdd;border-color:#3cb371;border-style:inset;border-width:1px;padding:0px;margin:0px;}
td.legend {font-size:8pt;font-size:calc(0.6vw + 6px);color:#2f4f4f;vertical-align:top;text-align:left;}
td.legendr {font-size:8pt;font-size:calc(0.6vw + 6px);color:#2f4f4f;vertical-align:top;text-align:right;}
td.mainmenu {box-sizing:border-box;width:99%;min-width:130px;background-color:#009966;color:#006600;font-size:8pt;font-size:calc(0.6vw + 6px);vertical-align:top;text-align:left;}
td.pad20 {font-size:12pt;font-weight:normal;color:#222200;text-align:justify;padding:0.03%;margin:0px;}
td.pinup {font-size:8pt;color:#222200;text-align:center;padding-top:0px;padding-left:10px;padding-right:10px;}
td.small {font-size:1.25vw;font-size:calc(0.6vw + 7px);color:#2f4f4f;background:#ddffdd;border-width:0px;padding:0px;margin:0px;text-align:left;}
td.tiny {font-size:8pt;font-size:calc(0.4vw + 4px);color:#2f4f4f;background:#ddffdd;border-width:0px;padding:0px;margin:0px;}
td.topmenu {padding:3px;padding-top:6px;font-size:9pt;}

ul {font-size:12pt;font-size:calc(0.6vw + 8pt);padding:0pt;padding-left:0px;margin:3px;margin-left:1em;}
ul li {margin-left:0px;list-style-type:disc;font-size:12pt;font-size:calc(0.6vw + 7pt);font-weight:normal;}
ul ul li {margin-left:3px;list-style-type:circle;font-size:9pt;font-size:calc(0.6vw + 6pt);font-weight:normal;}
ul ul ul li {margin-left:3px;list-style-type:square;font-size:9pt;font-size:calc(0.6vw + 6pt);font-weight:normal;}
ul ul ul ul li {margin-left:9px;list-style-type:'-';font-size:9pt;font-size:calc(0.5vw + 4pt);font-weight:normal;}
ul.borderbuffbg {background:#ffffcc;border-color:#009966;border-style:solid;border-width:1.5pt;}
ul.bordergreenbg {background:#ddffdd;border-color:#009966;border-style:solid;border-width:1.5pt;}
ul.borderpinkbg {background:#ffe4e1;border-color:#009966;border-style:solid;border-width:1.5pt;}

li {color:#2f4f4f;text-align:left;font-size:calc(0.6vw + 8pt);margin:0px;padding:3px;padding-left:3px;}
li.link {color:#2f4f4f;padding:3px;}
li.sm {color:#2f4f4f;font-size:10pt;font-size:calc(0.5vw + 6pt);margin:0px;padding:0px;padding-left:3px;}
li.spacer {color:#2f4f4f;padding:0pt;margin:0px;margin-top:3px;margin-bottom:3px;list-style-type:none;}
li.spacersm {color:#2f4f4f;padding:0pt;margin:0px;margin-top:3px;margin-bottom:3px;list-style-type:none;font-size:8pt;font-size:calc(0.3vw + 3px);line-height:0.5em; }
li.title {color:#2f4f4f;font-size:14pt;font-size:calc(0.6vw + 6pt);font-weight:bold;list-style-type:none;padding:6px;}
li.blk {color:#2f4f4f;font-size:12pt;font-size:calc(0.6vw + 7pt);}
li.blksm {color:#2f4f4f;font-size:10pt;font-size:calc(0.5vw + 5pt);}
li.blktext {color:#2f4f4f;list-style-type:none;}
li.blkb {color:#2f4f4f;font-weight:bold;}
li.blktitle {color:#2f4f4f;font-size:14pt;font-size:calc(0.6vw + 8pt);list-style-type:none;padding:3px;padding-top:8px;}
li.blksmtitle {color:#2f4f4f;list-style-type:none;font-size:10pt;font-size:calc(0.5vw + 5pt);font-weight:bold;padding:3px;}
li.blksmbold{color:#2f4f4f;font-size:10pt;font-size:calc(0.5vw + 5pt);font-weight:bold;padding-top:3px;}
li.blkspacer {color:#556b2f;list-style-type:none;font-size:14pt;font-size:calc(0.6vw + 6pt);}