:root{
  --wtk-blue:#6699cc;
  --wtk-blue-dark:#35618f;
  --wtk-link:#15537f;
  --wtk-text:#212121;
  --wtk-muted:#4a4a4a;
  --wtk-rule:#d8e3ee;
  --wtk-panel:#f4f8fc;
  --wtk-pad:32px;
  --wtk-inset:10%;
  --wtk-colw:80%;
}

*, *::before, *::after{ box-sizing:border-box; }

html{
  -webkit-text-size-adjust:100%;
  scrollbar-gutter:stable;
  scroll-behavior:smooth;
}

body{
  margin:0;
  padding:0;
  background:#ffffff;
  color:var(--wtk-text);
  font-family:Verdana,"Segoe UI",Arial,Helvetica,sans-serif;
  font-size:17px;
  line-height:1.7;
}

font{
  font-size:inherit !important;
  font-family:inherit !important;
}
font[size="2"], font[size="3"]{ font-size:1.06em !important; }
font[size="4"], font[size="5"]{ font-size:1.25em !important; }

p{ margin:0 0 1.1em; }
b, strong{ font-weight:700; }
a{ color:var(--wtk-link); }
a:hover, a:focus{ color:var(--wtk-blue-dark); }
address{ font-style:normal; }

hr{
  border:0;
  border-top:1px solid var(--wtk-rule);
  margin:2em 0 1.2em;
}

table{
  width:100% !important;
  max-width:100%;
  border-collapse:collapse;
}
td{ width:auto !important; }
td[width="140"]{ display:none !important; }

img{
  max-width:100%;
  height:auto;
  border:0;
}

body > table:nth-of-type(2){
  width:var(--wtk-colw) !important;
  margin-left:auto;
  margin-right:auto;
}

.wtk-banner{ padding:18px var(--wtk-inset) 14px; }
.wtk-banner img{ width:auto; max-width:min(100%, 460px); margin-left:-18px; }

.wtk-divider{
  background:var(--wtk-blue) !important;
  height:12px;
  padding:0;
  line-height:0;
  font-size:0;
}

.wtk-vrule{
  background:var(--wtk-blue) !important;
  width:2px !important;
  padding:0;
  line-height:0;
  font-size:0;
}

.wtk-sidebar{
  width:230px !important;
  padding:26px 18px 40px 0;
  vertical-align:top;
}

.wtk-nav{ margin:0; padding:0; list-style:none; }
.wtk-nav > li{ margin:0 0 3px; }

.wtk-nav > li > a{
  display:block;
  padding:9px 12px;
  font-weight:700;
  color:var(--wtk-link);
  text-decoration:none;
  border-left:3px solid transparent;
  border-radius:0 4px 4px 0;
}
.wtk-nav > li > a:hover,
.wtk-nav > li > a:focus{
  background:var(--wtk-panel);
  border-left-color:var(--wtk-blue);
  color:var(--wtk-blue-dark);
}
.wtk-nav > li > a.is-current{
  background:var(--wtk-panel);
  border-left-color:var(--wtk-blue-dark);
  color:var(--wtk-blue-dark);
}

.wtk-sub{
  margin:2px 0 10px;
  padding:0 0 0 15px;
  list-style:none;
  border-left:1px solid var(--wtk-rule);
}
.wtk-sub li{
  font-size:.9em;
  color:var(--wtk-muted);
  padding:3px 0 3px 10px;
  line-height:1.5;
}
.wtk-sub a{
  color:var(--wtk-muted);
  text-decoration:none;
  border-bottom:1px dotted var(--wtk-rule);
}
.wtk-sub a:hover,
.wtk-sub a:focus{
  color:var(--wtk-blue-dark);
  border-bottom-color:var(--wtk-blue);
}

.wtk-nav li.wtk-nav-sep{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--wtk-rule);
}

.wtk-content{
  padding:26px 0 44px var(--wtk-pad);
  vertical-align:top;
}
.wtk-content img{
  width:auto;
  height:auto !important;
  max-width:min(100%, 560px);
  min-width:min(300px, 100%);
}
.wtk-content [id]{ scroll-margin-top:24px; }
.wtk-content p{ text-align:justify !important; }
.wtk-content p[align="center"]{ text-align:center !important; }
.wtk-content td{ vertical-align:top; }

.wtk-footer{
  border-top:3px solid var(--wtk-blue);
  background:var(--wtk-panel);
  padding:14px var(--wtk-inset);
  font-size:.88em;
  color:var(--wtk-muted);
}

@media (max-width:1000px){
  :root{ --wtk-pad:24px; }
  body{ font-size:16px; }
  .wtk-sidebar{ width:205px !important; }
}

@media (max-width:760px){
  :root{ --wtk-pad:18px; --wtk-inset:18px; --wtk-colw:100%; }
  body{ line-height:1.65; }

  .wtk-sidebar,
  .wtk-content,
  .wtk-vrule{
    display:block;
    width:100% !important;
  }
  .wtk-sidebar{
    padding:16px var(--wtk-pad) 6px;
    border-bottom:1px solid var(--wtk-rule);
  }
  .wtk-vrule{
    height:3px;
    width:100% !important;
    margin:0 0 6px;
  }
  .wtk-content{ padding:20px var(--wtk-pad) 34px; }
  .wtk-content p{ hyphens:auto; }
  .wtk-banner img{ margin-left:-9px; }
  .wtk-nav > li > a{ padding:12px; min-height:44px; }
  .wtk-sub li{ padding:7px 0 7px 10px; }
}

@media (max-width:420px){
  body{ font-size:15.5px; }
  .wtk-banner{ padding-top:12px; padding-bottom:10px; }
}

@media print{
  .wtk-sidebar, .wtk-divider, .wtk-vrule{ display:none !important; }
  body{ font-size:11pt; }
  .wtk-content{ padding:0; }
  .wtk-footer{ background:none; }
}

body.wtk-splash{
  padding:0 18px 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
}

.splash-wrap{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  text-align:center;
}

.splash-bar{ margin:0 0 26px; text-align:left; }
.splash-bar img{ width:100%; max-width:340px; }

.splash-grid{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(40px, 5vw, 80px);
  text-align:left;
}

.splash-info{ flex:0 0 clamp(270px, 23vw, 340px); }
.splash-info img{ width:100%; max-width:200px; margin-bottom:14px; }
.splash-info address{
  font-size:1em;
  line-height:1.7;
}

.splash-hero{ flex:1 1 auto; min-width:0; }
.splash-hero img{ width:100%; max-width:min(100%, 880px); }

.splash-enter{ margin:26px 0 0; text-align:center; }

.enter-btn{
  display:inline-block;
  line-height:0;
  background:url("images/click1.gif") center center / contain no-repeat;
}
.enter-btn img{
  display:block;
  max-width:300px;
  transition:opacity .12s;
}
.enter-btn:hover img,
.enter-btn:focus img{ opacity:0; }

@media (max-width:700px){
  .splash-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:22px;
    text-align:center;
  }
  .splash-grid{ display:contents; }
  .splash-bar{ order:1; margin:0; text-align:center; }
  .splash-hero{ order:2; }
  .splash-info{ order:3; flex:none; }
  .splash-enter{ margin:18px 0 0; }
  .splash-info address{ font-size:.95em; }
}