@media screen {

  body {
    font-family: serif;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
  }

  .navy {
    border-bottom: 1px solid #000000;
    background-color: #eeeeee;
    font-family: sans-serif;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    text-align: center;
  }

  .header {
    border-bottom: 1px solid #cccccc;
    margin: 10px;
    padding: 5px;
  }

  .header > h1 { /* Title */
    color: #aa0000;
    font-family: monospace;
    margin: 4px;
  }

  .header > p { /* Quote */
    color: #cccccc;
    font-style: italic;
    margin: 4px;
    text-indent: 20px;
  }

  .header > p:before {
    content: open-quote;
  }

  .header > p:after {
    content: close-quote;
  }

  .footer {
    border-top: 1px solid #cccccc;
    color: #cccccc;
    font-family: sans-serif;
    margin: 10px;
    padding: 5px;
    text-align: center;
  }

  .content {
    margin: 10px;
    padding: 5px;
  }

  .copy {
    display: block;
    margin: 5px;
  }

  .linear-list {
    display: inline;
    margin: 0px;
    padding: 0px;
  }

  .linear-list > li {
    display: inline;
    margin: 0px 5px 0px 5px;
    padding: 0px;
  }

  a {
    color: inherit;
    text-decoration: underline;
  }

  a:hover {
    text-decoration: none;
  }

  h2 {
    color: #990000;
    font-family: sans-serif;
    margin-bottom: 10px;
  }

  img.photo {
    border: 1px solid #000000;
    padding: 1px;
  }

  p {
    text-align: justify;
    text-indent: 10px;
    margin: 10px 0px 10px 0px;
  }

  #left {
    float: left;
    margin: 0px 10px 10px 0px;
  }

  #right {
    float: right;
    margin: 0px 0px 10px 10px;
  }

}