.abtt{height:26px;width:63px;background-image:URL(img/ABTTlogo.png);display:inline-block}
.ald{height:31px;width:60px;background-image:URL(img/ALDlogo.png);display:inline-block}
.asp{height:26px;width:63px;background-image:URL(img/ASPlogo.png);display:inline-block}
.box{background:rgba(125,190,239,0.2);border:2px solid #05386A;border-radius:20px;box-shadow:1px 1px 8px 1px #86A1D5 inset;padding:5px 10px 5px 10px;margin-left:auto;margin-right:auto;text-shadow:0 0 2px #FFF}
.boxnet{margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;font-size:18px}
.c{text-align:center}
.chat{position:absolute;top:0;right:0}
.cookiecontrol{margin:0;padding:0;width:80px;height:80px;border:none;background:transparent;fill:#555;cursor:pointer;position:fixed;left:0;bottom:0;box-shadow:none}
.dot{list-style-image:URL(img/dot.png);padding:2px}
.dotb{height:24px;line-height:20px;padding-left:28px;margin-top:20px;margin-bottom:10px;vertical-align:middle;background-image:URL(img/bigdot.png);background-repeat:no-repeat}
.dots{height:16px;padding-left:18px;margin-top:8px;vertical-align:middle;background-image:URL(img/dot.png);background-repeat:no-repeat;opacity:.8;font-size:0.9em;margin-left:10px}
.face:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-khtml-opacity:1}
.face:focus{outline:3px solid gold;outline-offset:2px;opacity:1}
.face{color:gold;font-size:22px;filter:alpha(opacity=85);opacity:.85;width:133px;height:133px;background-color:#306290;border-color:#7590AB;border-style:solid;border-width:2px;vertical-align:bottom;text-align:right;padding-right:2px;text-shadow:0 0 5px #000,0 0 2px #000;cursor:pointer}
.faceblank{filter: alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity:.6;width:133px;height:133px;background-color:#306290;border-color:#7590AB;border-style:solid;border-width:2px}
.fb{height:32px;width:32px;background-image:URL(img/facebook_32.png);display:inline-block}
.head{font-size:12pt;color:deepskyblue}
.i{background-color:#01487C;border-style:solid;border-color:#A3DBFF;color:white}
.mg{grid-column:3}
.panel{height:100%;width:262px;background-size:cover;position:absolute;top:0;left:0;z-index:-10}
.smdot{height:16px;width:16px;vertical-align:middle;background-image:URL(img/dot.png);background-repeat:no-repeat;display:inline-block}
.social{padding-left:30px;margin-top:15px}
.tabB{background-image:URL(img/foldB.png);background-repeat:no-repeat;background-position:top;opacity:.5}
.tabL{background-image:URL(img/foldL.png);background-repeat:no-repeat;background-position:right;opacity:.5}
.tabR{background-image:URL(img/foldR.png);background-repeat:no-repeat;background-position:left;opacity:.5}
.tabT{background-image:URL(img/foldT.png);background-repeat:no-repeat;background-position:bottom;opacity:.5}
.tag{width:100%;text-align:center;font-size:10px;color:#ADD8E6}
.tw{height:32px;width:32px;background-image:URL(img/twitter_32.png);display:inline-block}
a img{border-style:none}
a:hover{color:gold;text-decoration:underline overline;text-underline-position:under}
a:focus{outline:2px solid gold;outline-offset:2px;border-radius:2px}
a{color:gold;text-decoration:none}
aside{grid-column:1;grid-row:3 / span 2;font-size:11px;color:white;text-align:center;}
body{height:100%;display:grid;grid-template-columns:220px auto 80px;grid-template-rows:minmax(80px,auto) 1fr 100px minmax(20px,auto);background-color:#05386A;background-image:URL(img/bg.png);background-size:100%;padding:0;margin:0;font-family:'Inter','Segoe UI',sans-serif;color:#ADD8E6;cursor:default;font-size:16px;line-height:1.6}
fieldset{border-color:aquamarine;padding:5px;text-align:center;cursor:default}
footer{grid-column:2 / span 1;font-size:11px;color:#ADD8E6;opacity:.7;text-align:center;font-size:12px;color:#ADD8E6}
h1{font-size:1.2em;font-weight:normal;letter-spacing:1px;margin:0;text-shadow: 0 0 5px #FFF}
h2{font-size:1.8em;font-weight:normal;color:gold;margin:0}
h3{background:rgba(125,190,239,0.2);border:2px solid #05386A;border-radius:15px;box-shadow:1px 1px 8px 1px #86A1D5 inset;padding:5px 10px 5px 10px;margin-left:auto;margin-right:auto;font-weight:normal}
header a{float:left}
header h1{display:flex;text-align:center;font-size:1.1em;font-weight:normal;letter-spacing:1px;margin:0;text-shadow: 0 0 5px #FFF}
header img{width:440px;height:80px}
header{grid-column:1 / span 3}
hr{height:1px;color:aquamarine;background-color:aquamarine;border-color:aquamarine;border-style:solid;border-width:1px;filter:alpha(style=2,opacity=100) }
html{height:100%}
legend{color:aquamarine}
main{grid-column:2 / span 2;grid-row:2 / span 2;overflow:auto;margin-top:20px;font-size:1.1em}
nav{grid-column:1;text-shadow:0 0 5px #000;margin-top:10px}
table{border-spacing:0}

/* Skip-to-content link for keyboard users */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:8px 16px;background:#05386A;color:gold;border:2px solid gold;z-index:1000;font-size:1em}

/* Responsive layout */
@media (max-width:768px){
  body{display:block;height:auto;overflow-y:auto;background-size:auto}
  header{display:block}
  header a{float:none;display:block;text-align:center}
  header img{width:100%;max-width:440px;height:auto}
  header h1{font-size:0.9em;padding:6px 10px;display:block;text-align:center}
  nav{padding:6px 10px}
  .dotb{margin-top:10px;margin-bottom:6px}
  main{grid-column:1;grid-row:auto;margin:10px;font-size:1em;overflow:visible}
  aside{grid-column:1;grid-row:auto;padding:10px}
  footer{grid-column:1;padding:10px}
  .mg{grid-column:1;text-align:center;display:block;padding:5px}
  .panel{display:none}
  .chat{display:none}
  .social{padding-left:10px}
  .boxnet{width:100%;overflow-x:auto;display:block}
  .face{width:110px;height:110px;font-size:18px}
  .faceblank{width:110px;height:110px}
}