body { background: #fff }
p { }
td, th { color: black;
         font-size: 12px; font-family: Arial, Verdana, "MS Sans Serif" }

h1, h2, h3, form {margin: 0in} /* compatability */

a:link { color: #003366; 
         font-size: 12px; font-family: Arial, Verdana, "MS Sans Serif"; 
         text-decoration: underline }
a:visited { color: #006666; 
            font-size: 12px; font-family: Arial, Verdana, "MS Sans Serif";
            text-decoration: underline }
a:active { color: #0066ff;
           font-size: 12px; font-family: Arial, Verdana, "MS Sans Serif";
           text-decoration: underline }

a.def:link { text-decoration: underline }
a.def:visited { text-decoration: underline }
a.def:hover { text-decoration: underline }
a.def:active { text-decoration: underline }

a.topnav:link { color: #000099;
             font-size: 14px;
             font-family: Arial, Verdana, "MS Sans Serif", sans;
             text-decoration: none }
a.topnav:visited { color: #000099;
                font-size: 14px;
                font-family: Arial, Verdana, "MS Sans Serif", sans;
                text-decoration: none }
a.topnav:hover { color: #0000ff;
              font-size: 14px;
              font-family: Arial, Verdana, "MS Sans Serif", sans;
              text-decoration: none }
a.topnav:active { color: #0000ff;
               font-size: 14px;
               font-family: Arial, Verdana, "MS Sans Serif", sans;
               text-decoration: none }


a.botnav:link { color: #110011;
             font-size: 12px;
             font-family: Arial, Verdana, "MS Sans Serif", sans;
             text-decoration: none }
a.botnav:visited { color: #110011;
                font-size: 12px;
                font-family: Arial, Verdana, "MS Sans Serif", sans;
                text-decoration: none }
a.botnav:hover { color: #886688;
              font-size: 12px;
              font-family: Arial, Verdana, "MS Sans Serif", sans;
              text-decoration: none }
a.botnav:active { color: #886688;
               font-size: 12px;
               font-family: Arial, Verdana, "MS Sans Serif", sans;
               text-decoration: none }







/* purple zebra tables with hover text asides */
table.supplemental {
  border-collapse: collapse;
  background-color: rgba(150, 0, 160, .1);
  max-width: 900px;
}
table.supplemental tr {
}
table.supplemental td, table.supplemental th {
  border: 2px dotted #808;
  padding: 2px 1em;
  text-align: center;
  max-width: 600px;
  position: relative;
}
/* the extra div inside the aside is a workaround for an ancient
 * Firefox bug.  See:
 * http://stackoverflow.com/questions/11021308/css-positioning-absolute-within-table-cells-not-working-in-firefox
 */
table.supplemental td aside {
    position: relative;
    display: none;
}
table.supplemental td aside div {
    background-color: rgb(210, 120, 255);
    opacity: 1;
    display: none;
    position: absolute;
    top: -10px;
    left: 40px;
    border: 3px solid rgba(100, 0, 180, .5);
    border-radius: 5px;
    width: 300px;
    z-index: 100;
}
table.supplemental tr:nth-child(even) td {
  background-color: rgba(150, 0, 160, .15);
}
table.supplemental th {
  background-color: rgba(100, 0, 180, .2);
}
table.supplemental td:hover aside,
table.supplemental tr:nth-child(even) td:hover aside,
table.supplemental td:hover aside div,
table.supplemental tr:nth-child(even) td:hover aside div {
    display:block;
}