html { 
 padding: 0;
 margin:  0;
 height:  100%;
}
body {
 background-color: #FFFFFF;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:   10pt;
 color:       black;
 margin:      0;
}
#banner {
 width: 100%;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: x-large;
 font-weight: bold;
 text-align: center;
 height: 2em;
}
#menu {
 float: left;
 width: 17%;
}
#menudiv {
 margin:0 0 0 0.5em;
}
#menudiv .item {
 display: block;
 width: 9.5em;
 height: 25px;
 background: lightgrey;
 color: #000;
 padding: 5px;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 line-height: 25px;
}
#menudiv a.menuitem:link, 
#menudiv a.menuitem:visited {
 display: block;
 width: 9.5em;
 height: 25px;
 background: lightgrey;
 color: #000;
 padding: 5px;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 line-height: 25px;
}
#menudiv a.menuitem:hover {
 background: gray;
 color: #fff;
}
#menudiv a.menuitem:active {
 background: red; 
 color: #fff;
}
#data {
 float: left;
 width: 79%;
 margin-left: 2%;
 /*background-color: lavender;*/
}

#leftcolumn {
 border: none;
 float: left;
 width: 43%;
 margin-left: 5%;
 /*background-color: lawngreen;*/
}
#rightcolumn {
 border: none;
 float: left;
 width: 43%;
 margin-left: 5%;
 /*background-color: orangered;*/
}
.box {
 border: none;
 float: left;
 width: 90%;
 padding: 0;
 margin: 5%;
 /*background-color: yellowgreen;*/
}
.flexbox {
 border: none;
 float: left;
 padding: 1px;
 margin: 1%;
 /*background-color: lavender;*/
}
pre {
 font-family: "Courier New",Courier,monospace;
 font-size: 10pt;
}
input:focus {
 background-color: #ffffc0;
 color: black;
}
.fixedpitch {
 font-family: "Courier New",Courier,monospace;
 font-size: 10pt;
}
.centertext {
 text-align: center;
}
.smaller {
 font-size: smaller;
}
.larger {
 font-size: larger;
}
.fatter {
 font-weight: bold;
}
.lightgray {
 background-color: gainsboro;
}
.lightyellow {
 background-color: #FFFF9D;
}
.lightgreen {
 background-color: #C6FFBF;
}
.lightred{
 background-color: #FFBFBF;
}
.redandfat {
 color: red;
 font-weight: bold;
}
.greenandfat {
 color: green;
 font-weight: bold;
}
.smalltable {
 border-collapse: collapse;
 border: 1px;
}
.smalltable td {
 white-space: nowrap; 
 font-size: 8pt;
 border: 1px solid silver;
 padding-left: 3px;
 padding-right: 3px;
}
.printtable {
 border-collapse: collapse;
 border: 1px;
}
.printtable td {
 vertical-align: top; 
 white-space: nowrap; 
 font-size: 10pt;
 border: 1px solid silver;
 padding-left: 3px;
 padding-right: 3px;
}
.designtable {
 border-collapse: collapse;
 border: none;
}
.designtable td {
 vertical-align: top; 
 white-space: nowrap; 
 font-size: 10pt;
 border: none;
 padding: 1px 3px 1px 3px;
}
.smalldesigntable {
 border-collapse: collapse;
 border: none;
}
.smalldesigntable td {
 vertical-align: top; 
 white-space: nowrap; 
 font-size: 8pt;
 border: none;
 padding: 1px 3px 1px 3px;
}
.smalldesigntable th {
 vertical-align: top; 
 white-space: nowrap; 
 font-size: 8pt;
 font-weight: bold;
 text-align: left;
 border: none;
 padding: 1px 3px 1px 3px;
}