html {
    background:#eeeef2!important; 
    margin: 0 auto; 
    max-width: 640;
}


.banner {
  position: relative;
  text-align: center;
  color: white;
  margin: 0 auto;
  border-bottom: 1px solid #252184;
  max-width: 640px; 
}


.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}




.hide { display: none; }
.myDIV:hover + .hide { display: inline; color: blue; }
li { margin-top: .7em; }
.nomt { margin-top: 0; }
/* h1 { text-align: center; } */
h2 { border-top: 1px solid; border-bottom: 1px solid; padding-top: 4px;
     padding-bottom: 8px; }
h3 { font-size: 1.5em; font-style: italic; }
h4 { font-size: 1em; font-style: italic; font-weight: bold; color: #252184; 
     font-variant-caps: small-caps; }
s  { text-decoration: line-through solid black 3.5px; }
p  { line-height: 1.6; margin-bottom: 20px; color: #3B3B3C; font-size: 16px; 
     font-weight: normal; text-decoration: inherit; 
     font-family: Lato,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto, 'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'; 
     font-style: normal; }
a {
     /* color: blue: #252184; red: #d60103; white: #eeeef2 */
     color: "blue !important";
     text-decoration: none;
}

a:visited {
      color: "#252184!important";
      text-decoration: none;
}


/* .banner */
h1 {
  color: #eeeeee;
  text-shadow: 0 0 2px #252184, 0 0 5px #252184;
  background: transparent;
  font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: small-caps;
  font-size: 3em;
  /* border-bottom: 1px solid #006600; */
  /* border: ridge; /* dotted dashed solid double groove ridge inset outset */
  text-align: center;
  margin: 0;
  padding: 1px;
} 


.banner h2 {
  color: #006600;
  background: #CCFFCC;
  font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: small-caps;
  font-size: 18px;
  /* border-bottom: 1px solid #006600; */
  /* border: ridge; /* dotted dashed solid double groove ridge inset outset */
  text-align: center;
  margin: 0;
  padding: 5px;
}


.nav_bar {
    position: relative;
  text-align: justify;
  height: 20px;
  color: white;
  margin: 0 auto;
  border-bottom: 1px solid #252184;
  max-width: 640px;
}


.nav_bar ul
{
         /* color: blue: #252184; red: #d60103; white: #eeeef2 */
  margin: 0 auto;
  padding: 5px 0;
  list-style-type: none;
  background: #d60103;
  float: left;
  max-width: 100%;
  font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: small-caps;
  font-size: 1em;
  font-weight: bold;
}


.nav_bar li 
{
  display: inline;
}


.nav_bar a {
  display: block;
  float: left;
  padding: .2em 1em;
  text-decoration: none;
  /* color: blue: #252184; red: #d60103; white: #eeeef2 */
  color: #eeeef2;
  background: #d60103;
  border-right: 1px solid #252184;
}

.nav_bar a:hover {
  /* color: blue: #252184; red: #d60103; white: #eeeef2 */
  color: #eeeef2;
  background: #252184;
}