body {
      background-color: #ffffff;
      padding: 0px;
      margin: 0px;
  }

  div#maincontent {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 0px;
      padding-bottom: 10px;
      padding-left: 30px;
      padding-right: 30px;
      background: #ffffff;
      width: 550px;
      font-family: 'oxygen', serif;
      font-size: 18px;
  }

  div#header {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      background: #eeeeee;
      width: 550px;
      font-family: 'cantata one', serif;
      font-size: 16px;
  }

  #chname {
  font-family: 'cantata one', serif;
  font-size: 36px;
  }

  div#footer {
      font-size: small;
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 0px;
      padding-left: 100px;
      padding-right: 100px;
      background: #cccccc;
      width: 50%;
  }

  div.clearfloats {
      clear: both;
  }

  /* Picture styles below */

  div.rpicture {
      margin: 20px 0px 20px 20px;
      border: 1px solid black;
      float: right;
      width: 622px;
      }

  .rpicture img {
      width: 600px;
      padding: 10px; }

  .rpicture p {
      font-style: italic;
      background-color: #ffffff;
      color: #000000;
      text-align: center; }

  div.lpicture {
      margin: 20px 20px 20px 0px;
      border: 1px solid black;
      float: left;
      width: 622px;
      }

  .lpicture img {
      width: 600px;
      padding: 10px; }

  .lpicture p {
      font-style: italic;
      background-color: #ffffff;
      color: #000000;
      text-align: center; }