body {
   margin-top: 0;
   /* margin-top: 114; */  /* = 2*bar-height+2px because it wraps around in phones */
   margin-left: auto; margin-right: auto;  /* Causes a max-width element to be centered in its container. */
   max-width: 1000px;
   /* background-image: URL("BackgndPublic.jpg"); */
   background-color: white; /* #ffffd8; */ color: black;
   font-family: sans-serif;
}
/* img { border: 2px solid black; } */
figcaption { padding-top: 0.75ex; }
li { margin: 6pt 6pt; }
/* div { margin-left: 0; margin-right: 0; } */
.imgbox { display: grid; }
tr.pad>td { padding-bottom: 1ex; }

.bannerDiv   { background-color: #0000FF; display: block; }
.bannerTitle { color: white; font-size: 24px; padding-top: 8px; margin-bottom: 0; line-height: 1.0; }
.bannerPage  { color: white; padding-bottom: 0.3ex; line-height: 2.5; }
.bannerTbl   { margin-top: 0.7ex; margin-bottom: 0.0ex; }
.bannerLink  { line-height: 1.5; margin-top: 0.7ex; margin-bottom: 0.0ex; padding-bottom: 0.0ex;  padding-top: 0.0ex; padding-left: 0.0ex; padding-right: 0.0ex; }
.bannerRule  { padding-bottom: 0.0ex;  padding-top: 0.0ex; }