html {
 font-family: sans-serif;
 font-size: 16px;
 line-height: 1.6;
}
body {
 margin: 0px;
 background-color: #ddddff;
}
img {
 max-width: 100%;
}
h1 {
 color: white;
 background-color: #9999ff;
}
p, form {
 padding: 0 3% 0 3%;
}
pre {
 padding: 3%;
}
.container {
 max-width: min(98%, 800px);
 margin: 0px auto 0px auto;
 border: medium solid black;
 background-color: #ffffff;
 padding: 3%;
}
.t1 {
 display: table;
 width: 100%;
 max-width: 100%;
 border-style: none none solid none;
}
.t1-c1 {
 display: table-cell;
 vertical-align: top;
 width: 15%;
}
.t1-c2 {
 display: table-cell;
 vertical-align: top;
 text-align: center;
 width: 85%;
}
.heading {
 font-variant: small-caps;
 font-size: 200%;
 font-weight: bold;
 letter-spacing: 6px;
}
.t2 {
 display: table;
 width: 100%;
 max-width: 100%;
 padding: 1% 0 1% 0;
 margin-bottom: 3%;
}
.t2-c {
 display: table-cell;
 vertical-align: top;
 text-align: left;
 width: 33.3%;
}
.t-header {
 color: white;
 font-weight: bold;
 background-color: #993333;
}
.centeralign {
 text-align: center;
}
.rightalign {
 text-align: right;
}
.leftalign {
 text-align: left;
}
.oomph1 {
 border-color: #993333;
 border-style: solid;
 border-width: 1%;
 padding: 1% 3% 1% 3%;
 margin-bottom: 3%;
}
.oomph2 {
 font-weight: bold;
 background-color: #ffffcc;
 padding: 1% 3% 1% 3%;
}
.hscroll {
 overflow-x: auto;
 white-space: pre;
 word-wrap: normal;
}
.footing {
 font-size: 100%;
 border-style: solid none none none;
 border-color: #446644;
}
.rightfloat {
 float: right;
}
.leftfloat {
 float: left;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
 .container {
   width: 800px;
   margin: 0px auto 0px auto;
   border: medium solid black;
   background-color: #ffffff;
   padding: 3%;
 }
 img {
  width: 100%;
 }
}