* { box-sizing: border-box }
HTML, BODY { position: absolute; top: 0px; left: 0px; width: 100%; margin: 0px; border: 0px; padding: 0px; background-color: #eef6ff }
P, LI, TD, TH, H1, H2, H3, H4, H5, H6, A { color: #000000; margin-bottom: 0px }
BODY, DIV, SPAN, P, LI, TD, A { font-family: "Calibri", "Arial", "Roboto", "Helvetica", "Geneva", "Candara", "Verdana", sans-serif; font-style: normal; font-weight: normal; line-height: 1.4 }
TH, H1, H2, H3, H4, H5, H6 { font-family: "Calibri Light", "Calibri", "Arial", "Roboto", "Helvetica", "Geneva", "Candara", "Verdana", sans-serif; font-style: normal }
H1, H2, H3 { font-size: 200% }
H4, H5, H6 { font-size: 150% }
HR { border: 1px inset }
P { text-indent: 0em; text-align: left; margin: 0em 0em 1em 0em; border: 0; padding: 0 }
TABLE { border-collapse: separate; border-spacing: 0px; border: 0px; margin: 0px; padding: 0px }
TD, TR, TH { border-collapse: separate; border-spacing: 0px; border: 0px; padding: 0px; margin: 0px; text-align: left; vertical-align: top }
IMG { display: inline; vertical-align: text-bottom; border: 0px; margin: 0px; padding: 0px }
DETAILS, SUMMARY { width: fit-content }
/* indent details under summary */
DETAILS { margin: 0em 1em }
SUMMARY { margin: 0em -1em }
/* zoom-in and zoom-out cursor pointers */
DETAILS > SUMMARY { cursor: zoom-in }
DETAILS[open] > SUMMARY { cursor: zoom-out }
/* first span after summary disappears when details opened */
DETAILS + SUMMARY + SPAN { display: inline }
DETAILS[open] > SUMMARY > SPAN { display: none }
DETAILS SUMMARY { font-weight: bold; text-shadow: 2px 2px 4px black } /* control classes*/
DETAILS DETAILS SUMMARY { font-weight: normal } /* control families */
DETAILS DETAILS DETAILS SUMMARY { font-weight: bold; text-shadow: none } /* control names */
DETAILS DETAILS DETAILS DETAILS SUMMARY { font-style: italic } /* control subsections */
DETAILS DIV { animation-name: grow; animation-duration: 0.25s }
DETAILS DETAILS DETAILS DETAILS DIV { border-top: solid 1px #999999; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #999999; padding: 1px }
@keyframes grow { from { font-size: 0% } to { font-size: 100% } }
DETAILS DIV P:last-child { margin-bottom: 0px }
A:not(.navbar,.navbutton0,.navbutton1,.navbutton2,.navbutton0current,.navbutton1current,.navbutton2current), A:link:not(.navbar,.navbutton0,.navbutton1,.navbutton2,.navbutton0current,.navbutton1current,.navbutton2current) { cursor: pointer; text-decoration-line: none; border-top: solid 1px #ffffff; border-right: solid 1px #999999; border-bottom: solid 1px #999999; border-left: solid 1px #ffffff }
/* A:visited:not(.navbar,.navbutton-,.navbutton1,.navbutton2,.navbutton0current,.navbutton1current,.navbutton2current) { color: #990099 } */
A:hover:not(.navbar,.navbutton-,.navbutton1,.navbutton2,.navbutton0current,.navbutton1current,.navbutton2current), A:focus:not(.navbar,.navbutton0,.navbutton1,.navbutton2,.navbutton0current,.navbutton1current,.navbutton2current) { background-color: #ffffff }
A:active:not(.navbar,.navbutton0,.navbutton1,.navbutton2,.navbutton0current,.navbutton1current,.navbutton2current) { border-top: solid 1px #999999; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; border-left: solid 1px #999999 }
/* A[href^=http]:not(details)::after { content: "\200A" url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) "\200A"; } */
.navbar { clear:both; float: left; padding: 3px 0px 0px 3px; display: block; width: 100%; box-shadow: 0px -3px 5px #999999 inset; border: none }
.bottombar { clear:both; float: left; display: block; width: 100%; font-size: 75%; padding: 5px 1em; box-shadow: 0px 3px 5px #999999 inset; border: none }
/* navbutton sizes */
.navbutton0, .navbutton0current { font-weight: bold; font-size: 150% }
.navbutton1, .navbutton1current { font-weight: normal; font-size: 75% }
.navbutton2, .navbutton2current { font-weight: normal; font-size: 75% }
/* all navbuttons */
.navbutton0, .navbutton0current, .navbutton1, .navbutton1current, .navbutton2, .navbutton2current { float: left; display: block; text-align: center; font-weight: bold; margin: 0px 2px; padding: 0em 0.25em; border-top: 1px solid #ffffff; border-right: 1px solid #999999; border-left: 1px solid #ffffff; border-bottom: none; border-radius: 10px 10px 0px 0px; cursor: pointer; text-decoration-line: none }
/* noncurrent navbutton */
.navbutton0, .navbutton1, .navbutton2 { background-color: #dddddd; border-bottom: none; box-shadow: 0px -3px 5px #999999 inset }
/* noncurrent navbutton activated */
.navbutton0:hover, .navbutton0:focus, .navbutton1:hover, .navbutton1:focus, .navbutton2:hover, .navbutton2:focus { background-color: #eef6ff; border-bottom: none }
/* current navbutton (always activated) */
.navbutton0current, .navbutton0current:hover, .navbutton0current:focus,.navbutton1current, .navbutton1current:hover, .navbutton1current:focus, .navbutton2current, .navbutton2current:hover, .navbutton2current:focus { background-color: #eef6ff; border-bottom: none }