html { min-height: 100%; min-width: 320px }

body {
  background-color: #abf;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAGFBMVEX////e3t65ubmUlJRvb29KSkolJSUAAACJwalFAAAACHRSTlMKCgoKCgoKChFsTsYAAAA0SURBVHgBY2FgEESBQAEUQIyAIMN7BiUEJs8MoM6zQPvBNAXugGPy3QF2RScVwkNw6IcHAO5SFqL6mgR5AAAAAElFTkSuQmCC"), linear-gradient(77deg, #328, #b9f 45%, #9bf 55%, #238);
  color: #000;
  font: medium "Tahoma", Geneva, Helvetica, sans-serif;
  line-height: 1.4
}

#mainglass {
  max-width: 98%;
  width: 108ex;
  margin: 2ex auto;
  border: 1px solid #fff;
  border-radius: 1.6ex;
  box-shadow: 0px 2px 7px #224;
  padding: 1ex 0ex 2ex;
  background-image: linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.35) 35px)
}

#logospace {
  height: 96px;
  width: 98%;
  margin: auto;
  position: relative;
  padding: 0
}

#mainpage, blockquote {
  max-width: 98%;
  width: 92ex;
  box-shadow: 0px 1px 4px #569;
  color: #000
}

#mainpage {
  margin: 3ex auto;
  padding: 2ex 0;
  background-color: #eff;
  border: 0
}
blockquote {
  width: 86ex;
  margin: 1ex auto;
  padding: 1ex 0;
  border: 1px solid #000;
  background-color: #fff;
  font-family: "Georgia", serif;
}

.linkband {
  border: 1px #000;
  border-style: solid none solid none;
  margin: 0;
  padding: 0.4ex;
  overflow: auto;
  font-size: small;
  text-align: center;
  background-color: #06b;
  color: #bdf
}
.linkband a {
  text-decoration: none;
  color: #bdf
}
.linkband a:hover { text-decoration: underline; color: #fff }

.trilink, .quadlink, .hexalink {
  float: left;
  font-weight: bold;
  position: relative;
  z-index: 1
}

.linkband em {
  color: #fff;
  font-style: normal;
  text-shadow: 0 1px 0 #102, 0 2px 0 #102, 0 0 4px rgba(255,255,255,.64)
}

.trilink { min-width: 33.33% }
.quadlink { min-width: 25.00% }
.hexalink { min-width: 16.66% }

@media screen and (max-width: 624px) {
.quadlink { min-width: 50% }
.quadlink:nth-last-child(-n+2) { margin-top: 1ex }
}
@media screen and (max-width: 624px) {
.hexalink { min-width: 33.33% }
.hexalink:nth-last-child(-n+3) { margin-top: 1ex }
}

hr {
  text-align: center; margin: 2ex auto;
  width: 64%; height: 1px;
  border: 0; color: #8ab; background-color: #8ab
}

h3 { margin: 1.6ex 4%; padding: 0 }
p, h5, .tablecontainer { margin: 1.6ex 4%; padding: 0 }
h5 { font-size: small; font-weight: bold; margin-top: 1.6ex; color: #468 }
i { white-space: nowrap }

ul { padding-left: 6ex; padding-right: 3ex; margin: 0; list-style-type: square }
ul li { margin-top: 0.5ex; margin-bottom: 0.5ex }
ul ul { padding-left: 2ex; list-style-type: none }
ul ul li:before { content: "\2023\0020" }

.imugal { margin: 3ex 4%; padding: 0; clear: both; overflow: auto }
.imugal img { float: left; max-width: 100%; height: auto; margin-right: 2ex }
.imugal dt { min-width: 20ex; overflow: hidden }

.center { text-align: center }
small { font-size: small; font-weight: normal; margin: 0; color: #468 }

.linkband small { color: #bdf }

img.midimu {
  display:block;
  margin:auto;
  max-width:100%;
  height:auto
}

img.shaded {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 1px 1.6px rgba(0,0,0,.7))
}