body {
    background:white;
    color:black;
    font-size:15px;
    font-family:calibri, arial narrow, arial, sans-serif;
  }
  h1,h2,h3,h4 {
    white-space:normal; 
    clear:both;
    display:block;
    position:relative;
    text-align:left
  }
  table { font-size:inherit; color:inherit; background:inherit }
  table.compact { border-collapse:collapse }
  table.compact th { text-align:left; background:#eeeeee }
  table.compact td,th { padding:0 4px 0 8px; border:1px solid grey }

  table.photo { width:100%; font-size:84%; font-style:italic; line-height:0.8 }
  table.photo td { margin:0; padding:0 }
  table.photo img { width:100%; border:1px solid grey }

  table.footnote {
    display:block;
    width:80%;
    text-align:left;
    border-top:1px solid black;
    margin-top:10px;
  }
  table.footnote td { font-size:82%; padding-left:10px; vertical-align:top; }
  table.footnote td:nth-child(1) {
    text-align:right; font-size:18px; font-weight:normal; padding:0; 
  }
  table.numbered {
      counter-reset: rowNumber;
  }
  table.numbered tr td:first-child {
      white-space:nowrap;
  }
  table.numbered tr td:first-child::before {
      counter-increment: rowNumber;
      content: counter(rowNumber) ". "; 
      margin-right: 0.5em;
  }
  div.languages { overflow-x: scroll }
  table.translations a { text-decoration:none }
  table.translations td { vertical-align:top }

  tt,pre { font-size:12px }
  dl.wrapper dd { margin:0 } /* For suppressing spacing above ul/ol */
 
  ul.nospaceabove,ol.nospaceabove { margin-top:0; }
  ul.nospaceabove,ol.nospaceabove li { margin-top:0; }

  a:link { color:blue }
  a:visited { color:darkmagenta }
  a:hover { color:fuchsia }
  a:active { color:fuchsia }

  address { margin:0 10px 6px 12px }

  .defunct { display:none }

  .nowrap { white-space:nowrap }
  .nobreak { white-space:nowrap }
  .nofill { white-space:nowrap }

  .button { background: #eeeeee; border: 2px solid grey; border-style:outset;
        font-family:sans-serif; font-size:12px; white-space:nowrap;
        padding:0; margin:0; padding-left:4px; padding-right:4px;
        font-weight:bold }
  .button a:link { color:purple; text-decoration:none }
  .button a:visited { color:purple; text-decoration:none }
  .button a:hover { color:fuchsia; text-decoration:underline; }
  .button a:active { color:fuchsia; text-decoration:underline }
  span.button:hover { background:mistyrose }

  .boton { background: #eeeeee; border: 1px solid grey; border-style:outset;
        font-family:sans-serif; font-size:13px; white-space:nowrap;
        font-weight:bold; margin:0; padding:0 4px 2px 4px; }
  .boton a:link { color:purple; text-decoration:none }
  .boton a:visited { color:purple; text-decoration:none }
  .boton a:hover { color:fuchsia; text-decoration:underline; }
  .boton a:active { color:fuchsia; text-decoration:underline }
  span.boton { margin-right:6px }
  span.boton:hover { background:mistyrose }
  td.boton:hover { background:mistyrose }
  div.buttonrow { line-height:1.8 }

  div.banner {
     cursor:pointer;
     float:right;
     font-size:20px;
     margin:0 10px 4px 0;
     font-family:times
  }
  .menuflex a { text-decoration:none }
  .menuflex a:link { color:darkmagenta  }
  .menuflex a:visited { color:darkmagenta }
  .menuflex a:hover { color:indigo; font-variant:small-caps }
  .menuflex a:active { color:black }

  div.menuflex {
     background:#eeeeee;
     border-top: 1px solid mediumorchid;
     border-bottom: 1px solid mediumorchid;
     width: 100%;
     font-family:calibri, arial narrow, arial, sans-serif, times;
     font-size:13px;
     display: table;
     table-layout: fixed;
  }
  div.menuflex ul {
     margin: 0;
     padding: 0;
  }
  div.menuflex ul li {
     background-color: #eeeeee;
     list-style: none;
     text-align: center;
     text-decoration: none;
     font-size:13px;
     color: darkmagenta;
     padding: 2px 0 2px 0;
     border-right: 1px solid plum;
  }
  div.menuflex ul li.this {
     color:black;
     background-color: #e0e0e0;
  }
  div.menuflex ul li:hover { background-color:thistle }

  div.menuflex ul {
     line-height:1.1;
     display: table-row;
  }
  div.menuflex ul li {
     display: table-cell;
  }
  div.menuflex.bottom {
     border-bottom:0;
  }
  ol.floated { list-style: outside disc;  margin-left: 1em; }
  ul.floated { list-style: outside disc;  margin-left: 1em; }
  ol.floated li { position: relative; left: 1em; padding-right: 1em;  }
  ul.floated li { position: relative; left: 1em; padding-right: 1em;  }

  ul.narrow li { margin-left:-1.5em }
  ol.narrow li { margin-left:-1.5em }

  .clear { clear:both; display:block; position:relative; text-align:left }

  .tt { font-family:monospace }

/* This would be nav instead of div in HTML 5 */

  .nowrap { white-space:nowrap }
  .nobreak { white-space:nowrap }

div.menuflex {
   background:#eeeeee;
   border-top: 1px solid mediumorchid;
   border-bottom: 1px solid mediumorchid;
   width: 100%;
   font-family:calibri, arial narrow, arial, sans-serif, times;
   font-size:13px;
   display: table;
   table-layout: fixed;
}
div.menuflex ul {
   margin: 0;
   padding: 0;
}
div.menuflex ul li {
   background-color: #eeeeee;
   list-style: none;
   text-align: center;
   text-decoration: none;
   color: darkmagenta;
   padding: 2px 0 2px 0;
   border-right: 1px solid plum;
}
div.menuflex ul li.this {
   color:black;
   background-color: #e0e0e0;
}

div.menuflex ul li:hover { background-color:thistle }

div.menuflex ul {
   line-height:1.1;
   display: table-row;
}
div.menuflex ul li {
   display: table-cell;
}
div.menuflex.bottom {
   border-bottom:0;
}
table { font-size:inherit; }

table.inset {
  display:inline-table;
  float:left;
  margin:6px 14px 4px 0;
  border-bottom:1px solid grey
}
table.inset td { font-size:13px; padding:0; }
table.inset td img { height:140px; border:1px solid grey }
table.inset.right { display:inline; float:right; margin:0 0 4px 10px }

table.leftimage {
  border-spacing:0; border-collapse:collapse;
  display:inline; width:50%; float:left; margin:0 12px 4px 0;
}
table.leftimage td img { width:100%; border:1px solid grey }
table.leftimage td:first-child { margin-bottom:-8px }
table.leftimage td:nth-child(1) { font-size:84%; margin-top:-8px }
table.leftimage td.uline { border-bottom:1px solid grey }

@media screen and (max-width: 380px) {
   div.banner { float:left; font-size:16px }
   blockquote { margin-left:1em; margin-right:1em; }
   pre { font-size:10px }
}
@media screen and (max-width: 320px) {
   div.banner { float:left; font-size:15px }
}