body { background:white;
         color:black;
         font-size:15px;
         font-family:calibri, arial narrow, arial, sans-serif;
  }
  table { font-size:inherit; color:inherit; background:inherit }
  dl.wrapper dd { margin:0 } /* For suppressing spacing above ul/ol */

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

  blockquote.floated { position: relative; left: 2em; padding-right: 4em; }
  ul.floated { list-style: outside disc;  margin-left: 1em; }
  ul.floated li { position: relative; left: 1em; padding-right: 1em;}

  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 }

  .menuflex a { text-decoration:none }
  .menuflex a:link { color:darkmagenta  }
  .menuflex a:visited { color:darkmagenta }
  .menuflex a:hover { color:indigo;
     text-decoration:underline
  }
  .menuflex a:active { color:black }

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

  table { font-size:inherit; color:inherit; background:inherit }
  table { border-collapse: collapse; border-spacing: 0; }

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

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;
}