<style type="text/css">
  body { margin-left: 6%; margin-right: 6%; color: black; font-family: "Times New Roman", serif; }
  h1 { font-family: Verdana, sans-serif; color: navy; font-size: 130%; margin: 0.5em 1% 0.5em 0.5em;}
  h2,h3,h4 { font-family: Garamond, "Times New Roman", serif; font-size: 130%; margin: 0.5em 1% 0.5em 0.8em;}
  h5 { font-family: Arial, sans serif; font-weight: normal; color: navy; font-style: italic; font-size: 80%; margin: 0.5em 1% 0.5em 0.8em; }
  h6 { font-family: Arial, sans serif; font-weight: normal; color: navy; font-style: italic; font-size: 80%; margin-left: 20%; }
  h7 { font-family: Arial, sans serif; font-weight: normal; color: navy; font-style: bold; font-size: 130%;}
  h8 { text-align: center; font-family: bazookaregular, Arial, sans-serif; font-size: 300%; }
  caption { font-family: Arial, sans serif; font-weight: normal; color: navy; font-style: italic; font-size: 90%; }
  em { color: red }
  p { font-size: 100%; margin: 0em 1% 0.5em 1em; }
  table { font-size: 100%; margin: 0.5em 0.4em; 0.5em 0.4em; background-color: #F9F9F9;}
  th { color: navy; font-family: Verdana, sans-serif; }
  .picture  { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 10px; font: 14px/1.1em Calibri, sans-serif;  color: #333366; 
    text-align:justify; }
  .picture2 { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 10px; font: 14px/1.1em Calibri, sans-serif;  color: #333366; 
    text-align:center;}
  .picture3 { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 10px; font: 14px/1.1em Calibri, sans-serif;  color: #333366; 
    text-align:justify;}
  .picture4 { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 10px; font-size: 100%;  color: #333366; 
    text-align:justify;}
  .picture5 { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 10px; font-size: 110%;  color: #333366; 
    text-align:justify; font-family: Garamond}
  .picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 4px; }
  .picture2 img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 4px; }
  .picture3 img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 4px; }
  .picture4 img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 4px; }
  .picture5 img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 4px; }
  .picture6 img { vertical-align:middle; }
  .right { margin: 0.1em 1em 0.5em 1em; float:right; }
  .right1 { margin: 0.1px 1px 0.5px 1px; float:right; }
  .left  { margin: 0.1em 1em 0.5em 1em; float:left; }
  .centeredImage { horizontal-align:center; margin: 0.5em 0.8em 0.5em .8em; float:left; }
  li {margin-bottom: .2em}
  IMG.displayed { display: block; margin-left: auto; margin-right: auto }

  p.introduction:first-letter {
    font-size: 44px;
    float: left; 
    color: #D4D4C7;
    line-height: 35px;
    padding-top: 3px; 
    padding-right: 3px;
    font-family: Times, "serif, Old English Text MT"; }
  .w3-large{font-family: Arial, sans serif; font-weight: normal; font-style: italic; font-size: 100%; padding: 5px;}
  .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,
  .w3-row-padding:before,.w3-display-container:hover,.w3-display-hover{display:block;}
  .w3-display-container:hover span.w3-display-hover{display:inline-block;}
  .w3-display-hover{display:none;}
  .w3-button:hover{color:#000!important; background-color: #708090!important}
  .w3-display-left{position:inherit;top:0%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
  .w3-display-right{position:inherit;top:0%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
  .w3-black,.w3-hover-black:hover{color:#000!important; background-color: #ADD8E6;}
</style>