<style type="text/css">
<!--
  a { font-family: sans-serif; color: #0000FF; font-size: 12pt; text-decoration: none }
  a:link { font-family: sans-serif; color: #00FFFF; font-size: 12pt; text-decoration: none }
  a:visited { font-family: sans-serif; color: #FFFF00; font-size: 12pt; text-decoration: none }
  a:hover { font-family: sans-serif; color: #FF0000; font-size: 12pt; text-decoration: none }
  td { font-family: sans-serif; font-size: 12pt }
  p { font-family: sans-serif; font-size: 12pt }
  h1 { font-family: sans-serif; font-size: 20pt }
  h2 { font-family: sans-serif; font-size: 16pt }
  h3 { font-family: sans-serif; font-size: 14pt }
  h4 { font-family: sans-serif; font-size: 12pt; font-weight: bold }
  li { font-family: sans-serif; font-size: 12pt }
  
  .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: black;
      color: white;
      text-align: center;
  }
  
  .footer a { font-size: 10pt; font-style: italic; }
  .footer p { font-size: 10pt; font-style: italic; }

  header.mainpage {
      margin-left: 20px;
      margin-right: 20px;
  }
  
  body.mainpage {
    background-color: black;
    color: white;
  }  
  
  img.logo {
    border: none;
    display: block;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
  }

  div.content { margin-top: 10px; margin-bottom: 75px; }
  
  .nav-bar {
    width: 300px;

  }
  
  .nav-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
    font-family: sans-serif;
    font-weight: bold;
  }
  
  .nav-bar a:hover {
    text-shadow: 0 0 10px White;
    color: black;
  }

  div.main {
    margin: 0px 10px 10px 10px;
    padding: 8px;
    background: black;
    border: 4px solid MidnightBlue;
  }
// -->
</style>