html {
  background: rbg(204,204,204);
  color: black;
  font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  font-size: 0.90em;
  line-height: 1.25em;
}

body {
  position: relative;
  margin: 0;
  border: 0;
  padding: 0;
  min-width: 800px;
}

i  { font-style: italic; }
b  { font-weight: bold; }
em { font-style: normal;
     font-weight: bold;
     color: blue; }
pre { line-height: 1em;
      font-family: monospace;
      white-space: pre; }

h1, h2, h3, h4, h5, h6 { line-height: 1.25em; }

h1, h2 {
  border-bottom: 2px solid rgb(0,51,102);
  color: rgb(0,51,102); }
h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5, h6 { font-size: 1.1em; }

/* order: link-visited-focus-hover-active */
a:link, a:visited { color: navy; }
a:hover { color: blue; }
a:active { color: maroon; }

/* Page Properties */
div.PageWidth {
  padding: 1px;
  position: relative; }

/* Side Info Properties */
div.SideInfo {
  position: absolute;
  left: 1px;
  width: 35mm;
  background: rgb(51,153,204);
  color: black;
  padding: 2px;
  border: 1px solid rgb(0,102,153);
  border-top: 0 solid rgb(51,153,204);
  }
div.SideInfo a {
  font-size: 0.9em;
  display: block;
  border: 1px rgb(0,102,153) solid;
  padding: 2px;
  background: rgb(51,153,204);
  color: black;
  text-decoration: none;
  }
div.SideInfo a:hover {
  background-color: white;
  color: black;
  }

/* Header Properties */
div.HeaderInfo {
  background: rgb(0,102,153);
  color: white;
  margin: 0;
  padding: 10mm 42mm 6mm 4mm;
  font-size: 2em;
  text-align: left;
  }

/* Header List */
div.HeaderList {
  margin: 0 0 0 37mm;
  background: rgb(204,204,204);
  border: 1px solid rgb(189,183,107);
  padding: 2mm 2mm 2mm 2mm;
  color: black;
  white-space: nowrap;
  }
div.HeaderList a {
  color: black;
  text-decoration: none;
  }
div.HeaderList a:hover {
  color: rgb(0,102,153);
  text-decoration: underline;
  }

/* Side Info Properties */
div.SideList {
  font-size: 0.9em;
  background: rgb(221,221,187);
  position: absolute;
  right: 0;
  width: 35mm;
  margin: 0 1px 0 0;
  border: 1px solid rgb(189,183,107);
  border-top: 0px solid rgb(189,183,107);
  padding: 0 2mm;
}

/* Main Content */
div.MainContent {
  margin: 0 40mm 0 37mm;
  padding: 0 2mm;
}

div.FooterInfo {
  min-height: 40px;
  margin: 2mm 42mm 2mm 39mm;
  border-top: 2px solid rgb(96,96,96);
  text-align: left;
  line-height: 1.1em;
  background-color: white;
  color: rgb(96,96,96);
  font-size: x-small; }
div.FooterInfo img {
  float: right;
  border: 0; }

div.Image {
  background-color: white;
  text-align: center;
  color: rgb(96,96,96);
  font-size: x-small; }
div.SideImage {
  text-align: center;
  background: rgb(51,153,204);
  font-size: x-small; }
div.SideImage img {
  padding: 1mm 0;
  width: 30mm; }
div.SideListImage {
  text-align: center;
  background: white;
  font-size: x-small; }
div.SideListImage img {
  width: 30mm;
  padding: 1mm 0; }

table   { display: table; }
tr      { display: table-row; }
td, th  { display: table-cell; }
td      {  padding-left: 8px;
           padding-right: 8px; }
td:first-child { width: 50mm;
                 text-align: right; }


@media print {
  * { color: black !important; background: white !important; }
  div.MainContent {
    margin: 0;
    border: 0;
    padding: 0; }
  div.MainContent > h1, div.MainContent > h2,
  div.MainContent > h1:first-child, div.MainContent > h2:first-child {
    text-align: left; }
  div.image, div.SideImage { display: none }
  div.SideInfo { display: none }
  div.SideList { display: none }
  div.HeaderList { display: none }
  div.FooterInfo { display: none }
}