body, tr, td, ul, li, p, div, a {
  font-family: verdana,arial,helvetica,sans-serif;
  color:black;
  font-size:12pt;
  text-align:justify;
}

strong {
  font-family: verdana,arial,helvetica,sans-serif;
  color:black;
  font-size:12pt;
  text-align:justify;
  font-weight:bold
}

pre { 
  background-color:#eee;
  padding:5px;
  font-family:courier;
  color:black;
  font-size:10pt;
}

tt {
  font-family:courier;
  font-size:10pt;
}

blockquote {
  border-style:solid;
  border-color:black;
  border-width:0.1px;
  padding:5px;
}

.up { vertical-align:top; }
.mid { vertical-align:middle; }
.down { vertical-align:bottom; }

.box { 
  background-color:#eee;
  border-style:solid;
  border-color:black;
  border-width:1px;
  padding:5px;
}

.footer {
  background-color:#eee;
  border:1px solid #999;
  text-align:left;
  vertical-align:middle;
  padding:1px 1px 1px 10px;
}

a { text-decoration:none;
    font-weight:600; }
a:link { color:#FF0000;
         background-color:transparent; }
a:visited { color:#900000;
            background-color:transparent; }
a:hover { text-decoration:underline; }

h1 { 
  font-size:18pt;
  font-weight:600;
  color:#900000;
}

li { padding:1px; }

#MyHeader {
  position:absolute;
  top:20px;
  left:0px;
  width:100%;
  padding:0px 0px 0px 20px;
  border-style:solid;
  border-color:black;
  border-width:2px 0px;
  font-variant:small-caps;
  font-size:18pt;
  background-color:#eee;
  vertical-align:middle;
}

#MyMenu { 
  position:fixed;
  top:65px;
  left:10px;
  padding:10px;
  background-color:#eee;
  border:1px solid #999;
  width:120px;
  text-align:left;
  vertical-align:top;
}

#MyContent {
  position:absolute;
  top:65px;
  left:160px;
  right:90px;
  height:auto;
  width:auto;
  margin:0px;
  padding:0px 10px 10px 10px;
}

@media print {
  #MyMenu, #MyHeader {
    display:none;
  }
  #MyContent {
    position:absolute;
    top:1cm;
    left:1cm;
    right:1cm;
    bottom:01cm;
    color:black; 
    width:auto;
    height:auto;
    margin:0;
    padding:0; 
    border:0;
    background:transparent;
  }
}

@media (max-width: 640px) {
  body {
    display:flex;
    flex-direction:column;
  }
  #MyHeader {
    order:1;
    position:static;
    width:auto;
    padding:5px 10px;
    font-size:15pt;
  }
  #MyMenu {
    order:2;
    position:static;
    top:auto;
    left:auto;
    width:auto;
    margin:10px 0;
  }
  #MyContent {
    order:3;
    position:static;
    top:auto;
    left:auto;
    right:auto;
    width:auto;
    padding:0 10px 10px 10px;
  }
  #MyContent img, #MyContent iframe {
    max-width:100%;
    height:auto;
  }
}