:root {--highlight:#c45911;--blue:#0070c0}
html {height:100%;scroll-behavior:auto;font-family:Verdana Pro, Verdana, Geneva, sans-serif}
p, li {line-height:1.5em;margin:12px 0}
body {background-color:#eee;margin:0;padding:0;height:100%;min-height:100%}
#page-container {width:100%;max-width:1200px;background-color:#fff;margin:0 auto;min-height:100%}
main {padding:0 20px 20px}
footer {clear:both;background-color:#000}
h1, h2, h3, h4 {color:var(--highlight);font-family:Arial, sans-serif;margin:24px 0 12px}
.highlight {color:var(--highlight);font-weight:bold}
.center {text-align:center}
.button {display:inline-block;padding:10px;border:1px solid #000;background-color:#fbe5d6;margin:10px}
.clear {clear:both}
#topnav {display:grid;grid-template-columns:repeat(3,1fr)}
#undernav {display:grid;grid-template-columns:repeat(4,1fr)}
#mainnav a, #mainnav > div > div {grid-column:span 1;background-color:#000;border:1px solid #fff;color:#fff;width:100%;height:3em;display:block;text-align:center;font-weight:normal}
#mainnav div a div {height:auto;position:relative;top:50%;transform:translateY(-50%)}
a {text-decoration:none;color:var(--blue);font-weight:bold}
.screenreader {overflow:hidden;position:absolute;top:-10000px;left:-10000px;height:1px;width:1px;display:block}
.skipnav {background-color:#000;color:#fff;width:100%;height:3em;font-weight:normal;text-align:center;line-height:3em}
.skipnav:focus {position:initial}
button {border:3px solid #c0504d;height:40px;width:100px;margin:30px;font-size:initial;background-color:#fff;color:#000;cursor:pointer}

.caution-box {border:1px solid #000;background-color:#ff9;max-width:730px;margin:0 auto;padding:10px}
.caution-box .text {float:left;width:calc(100% - 100px)}
.caution-box img {float:left;margin:0 40px 0 20px;width:40px}

.confirm-background {display:none;background-color:rgba(0,0,0,.5);height:100%;width:100%;position:fixed;top:0;left:0}
.confirm-popup {border:2px solid #000;background-color:#eee;width:600px;max-width:100%;position:relative;top:50%;transform:translateY(-50%);margin:0 auto;padding:20px;box-sizing:border-box}
.confirm-popup button {width:auto;margin:30px 0 0}
.confirm-popup button:first-child {float:left}
.confirm-popup button+button {float:right}

/*
@font-face {
font-family: 'Calibri';
src: url('/data/wktopdf/fonts/calibri.ttf') format('truetype');
}
@font-face {
font-family: 'Verdana';
src: url('/data/wktopdf/fonts/verdana.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Verdana';
src: url('/data/wktopdf/fonts/verdanab.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Verdana';
src: url('/data/wktopdf/fonts/verdanai.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Verdana';
src: url('/data/wktopdf/fonts/verdanaz.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}*/