/*\*/
html {margin: 0; padding: 0; background: #74a478; background: linear-gradient(#74a478, #ccddcd) fixed; font: 16px/1.2 Verdana, sans-serif;}
body {width: 950px; margin: auto; padding: 1em; background: #fff; min-height: 100vh;}
/*\*/
header {margin-top: 0; font-family: Comic Sans MS, cursive;}
header h2 {width: fit-content; background: #179354; line-height: 2.8rem; padding: 0 2rem 5px; border-radius: 1rem 0 1rem; color: #fff;}
header h3 {margin: -16px 0 -8px 40px; color: #060;}
/*\*/
p.home {text-align: center;}
p.bsub::first-line {font-size: 1.1rem; color: #048;}
/*\*/
div#preface {
width: 80%; margin: 1rem auto; padding: 10px; background: #f8f4ed; box-shadow: #737373 0 0 10px 0; border-radius: 10px;
background-image: url(q-open.gif), url(q-close.gif);
background-position: 4px 30px, calc(100% - 323px) calc(100% - 28px);
background-size: 25px 25px;
background-repeat: no-repeat;
}
#preface p {margin: 1.3rem; font: 1.2rem Times New Roman, Times, serif; text-align: justify;}
/*\*/
img#crest {display: block; margin: 1em auto; border: 10px solid #c5e8fe; outline: 1px solid #00f; border-radius: 20px;}
/*\*/
fieldset {width: 80%; margin: 1em auto; border: 4px solid #e6e6e6; border-radius: 9px;}
legend {background: #c5e8fe; padding: 5px 8px; border: 1px solid #048; border-radius: 5px; font-size: 1.1em; color: #048;}
fieldset s {display: block; margin: 6px;}
/*\*/
a.tt6 {position: relative; text-decoration: none; cursor: help; color: #206bc2; font-size: 15px;}
.tt6 span {display: none;}
.tt6:hover span {
display: block; z-index: 9; position: absolute; top: 24px; left: -200px;
width: 400px; color: #000; background: #e0ffff; padding: 7px; border: 1px solid #999; border-radius: 9px; box-shadow: 0 6px #00000029, 0 3px 6px #0000003b;
}