<style type=”text/css”>

/* For desktop: */

  html {min-height: 100%; height: 100%; padding: 0; width: calc(100vw - 34px);}
  body {min-height: 100%; height: 100%; font-family: Times, Times New-Roman, serif; font-size: 1.08em; line-height: 1.4em; color: #000000; width: calc(100vw - 34px); overflow-y: scroll;}
  
a:link {color: #cc0000; text-decoration: none;}
a:hover {color: #666666;}
a:active {color: #cc0000;}
a:visited {color: #cc0000;}

  #container {min-height: 100%; height: 100%; position: relative; width: calc(100vw - 34px);}
 

  .menu {width: 480px; margin: 0 auto 0 auto; padding: 20px 0 0 0;}
  
  .menu ul {list-style: none;}
  .menu li {display: inline; padding-right: 1.95em; font-size: 108%; line-height: 106%;}
  .menu a:link {color: #000000; text-decoration: none;}
  .menu a:visited {color: #000000; text-decoration: none;}
  .menu a:link a:visited .Selected {color: #cc0000;}
  .menu a:active {color: #cc0000; text-decoration: none;}
  .menu li:after {content: " \2022 "; color: #cc0000; font-size: 95%; padding-left: 1.95em;}
  .menu .Last {padding-right: 0;}
  .menu a.Selected:link, a.Selected:visited {color: #cc0000;}
  .menu li.Last:after {content: none; padding-left: .33em;}
  .menu li.LastSelected:after {content: none; padding-left: .33em;}
  
  

/* #menu li #midbullet {color: #cc0000; font-size: 78%; border: none;} 
   #menu li #first {padding-left: 0;}
   #menu li #firstSelected {padding-left: 0; color: #cc0000;}
*/
 
      
.bodyText {width: 480px; margin: 0 auto 30px auto; padding: 0 0 10px 0;}
/* #bodyText p {padding: 10px 0 0 0;} */
  /* p {padding: 10px 0 0 0;} */
  .bodyText .Last {margin-bottom: 80px;}
  .bodyText .listLast {margin-bottom: 80px;}
  .bodyText .First {padding-top: 40px; margin: 0;}
  .bodyText .quote {padding-left: 10px; padding-right: 20px; color: #333333; font-style: italic;}
  
  img {width: 100%; max-width: 100%; height: auto; margin-top: 30px; padding-top: 10px;}
  .photo {font-family: Helvetica, Arial, sans-serif; font-size: 85%; padding: 0 0 25px 0; clear: both; line-height: 85%;}
  .photo .Last {margin-bottom: 80px;}
  
  .centered {font-size: 1.2em; line-height: 85%; text-align: center; padding: 0;}
  .centeredLast {margin-bottom: 80px;} 
  
  
  
  .footnotes {font-size: 85%; line-height: 125%; margin: 0; border-top: 1px solid #999999; padding-top: .25em;}
  .note {margin-bottom: 10px;}
  .noteLast {margin-bottom: 80px;}
  
  #ednote1, #ednote2, #wnote1, #wnote2 {color: #cc0000;}

  /* .footnotes a:link {color: #cc0000;}
  .footnotes a:visited {color: #cc0000;}
  .footnotes a:hover {color: #cc0000;}
  .footnotes a:active {color: #cc0000;} */
  
   

  .footerContainer {position: absolute; bottom: 0; width: calc(100vw - 34px); height: 40px; margin: 40px 0 0 0; padding: 1px 0 0 0;}
   /* #footer {position: absolute; bottom: 0px; width: 480px; margin: auto; border: 1px solid blue;} */
  /* #footer {position: absolute; bottom: 0px; width: calc(100vw - 34px); margin: 0; border: 1px solid blue;} */
  .footer {width: 480px; margin: auto;}
  .footer {font-size: 80%; line-height: 115%; color: #666666;}
  
 


/* For mobile: */

@media only screen and (max-width: 479px) {
#container, .menu, .bodyText, .footnotes, .footer {
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
.footer, .footerContainer {position: relative;}
}

@media only screen and (max-width: 479px) {
.bodyText p, .bodyText .First, .bodyText .Last, footer, .note, .noteLast, .centered, .centeredLast {padding-left: 7px;}
}

@media only screen and (max-width: 479px) {
.menu {padding-left: 3px;}
}

@media only screen and (max-width: 479px) {
.bodyText li {padding-bottom: 8px;}
}

@media only screen and (max-width: 479px) {
.menu li {line-height: 180%;}
}



  </style>