/* body and general elements: */
BODY {color: #000000; background-color: #eef7ee; font-family: Verdana, Arial, Sans-Serif; 
margin-left: 1%; margin-right:1%; margin-top:0.5em; margin-bottom:0.5em}
H1   {color: #006000; text-align: center; font-size: 200%; font-weight: 700; padding-top: 0.25em;}
H2   {color: #006000; text-align: left;   font-size: 125%; font-weight: 700; padding-top: 1em;}
H3   {color: #006000; text-align: left;   font-size: 100%; font-weight: 700; padding-top: 1em;}
TH, TD {padding: 5px; }
TH{font-weight:700; font-size:120%; background-color:#B0B0F0;}
TD{background-color:#D0D0E0;}
TD.illust {text-align: center; padding: 0px; font-weight:700; font-size:120%; color:#006000; width:50vw;}


dt{font-weight:600; font-size:100%; padding-top:1em}
dt:first-child{padding-top:inherit}
dt.big{font-weight:600,font-size:120%}
dd{margin-left: 1.5em;}
/* DT   {text-decoration: underline; margin-top: 0.5em;}  */

LI   {margin-top: 0.5em;}
PRE, span.codei  {font-family: Consolas,"Courier new"; font-size: 105%; font-weight:600;}
PRE  {margin-left: 2em;}
.comment {color:#008000}

A:link {color: #0000CC; text-decoration: underline;}
A:visited {color: #880088;text-decoration: underline;}
A:active, A:hover {color: #5555ee; text-decoration: underline;}
table.ctabl, table.ctabl th, table.ctabl td {background-color: #ccccee; border:1px solid black;
 border-collapse: collapse; padding:0.3em; width:"100%";}
.tablehead{text-align:Center;font-size:110%;font-weight:700;background-color:#bbbbdd;}

p.counter {text-align:right; font-size:0.8em;}
.center {text-align: center;}

/* drop-down and drop-up menu bars: */
nav.topmenu, nav.bottommenu {text-align:center;}

ul.navbar {background-color: #d8e0d8; margin: 0; padding: 0;
position: relative; display: inline-block; text-align: left; /*height:2em; Not where navbar has multiple lines*/}

ul.navbar li {margin: 0; float: left; list-style-type: none;}

ul.navbar a, .dropmenu * {display:block; margin:0; padding:0.4em; color: #000080; font-weight: bold; text-decoration: none;}

ul.navbar li+li{border-left: 1px solid #eef7ee;}

ul.navbar A:hover, .dropmenu:hover { background-color: #eef7ee;}

.dropcontent {position:absolute; padding:0; background-color:#dde6dd; display:none; z-index:1;}

nav.bottommenu div.dropcontent {bottom:2em;} /*bottom menu has drop-up*/

.dropmenu:hover .dropcontent {display: block;}