body {
/*  background-color: #b1c8de; */
/* background-image: url(/bg/mosaic-bg.gif); */
  background-color: #dee7ef; /* rgba(222,231,239,0.7) */
 color: #000000;
 font-family: Verdana,Helvetica,Arial,sans-serif;
}
p, .nobg {
  background-color: #dee7ef; /* rgba(222,231,239,0.7) */
  padding-bottom: 0.5em;
}
div.nobg {
  padding: 0.25em;
}

pre { 
  background-color: white;
}

h1 { font-family: Verdana,Helvetica,Arial,sans-serif; font-weight: bold; color: #000080; }
h2 { font-family: Verdana,Helvetica,Arial,sans-serif; font-weight: bold; }
/* Stupid NS4 */
td { font-family: Verdana,Helvetica,Arial,sans-serif; }
a:link { color: #0000a0; }
a:visited { color: #000080; }
a:active { color: #808080; }

kbd {  color: #990033; font-family: monospace; font-style: normal; }

code {  color: #008;  }

table { background-color: #dee7ef; }
table.layout {
/*  background-image: url(/bg/mosaic-bg.gif);  */
/* background-color: #b1c8de;  */
 border: 0pt;
}
table.nobg {
  border: solid 1px black;
  border-collapse: collapse;
}
table.nobg td {
  border: solid 1px black;
  padding: 4pt;
}

div.flex-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3px;
    margin-bottom: 3px;
}
div.flex-container-three-columns {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3px;
    margin-bottom: 3px;
}
.flex-container > span {
    /* margin: 5px; */
    padding: 5px;
}
.flex-container-three-columns > div {
    /* margin: 5px; */
    padding: 5px;
    border: 1px solid;
    border-collapse: collapse;
    flex: 32%;
}