/* style reset */
  * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  table {
	border-collapse: collapse;
	border-spacing: 0;
  }
  /* end reset */
  body {
    background-color: #39f;
    padding-top: 1em;
  }
  #contentframe {
    width: 70%;
    min-width: 470px;
    margin: 0 auto 2em auto;
    padding: 1em 5%;
    background-color: #fff;
    border: solid #000 .25em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
  }
  h1,h2,h3,h4,h5,h6 {
    margin: .5em 0;
    font-size: 150%;
    font-family: sans-serif;
  }
  h1 { font-size: 200%; }
  big { font-size: 125%; }
  small, sub, sup, .small { font-size: 75%; }
  pre { display: inline; }
  #contentframe, p, li {
    text-align: justify;
  }
  p, ul, ol, dl {
    margin: .5em 0;
  }
  ul li {
    margin: .5em 0 .5em 1em;
  }
  ol li {
    margin: .5em 0 .5em 1.5em;
  }
  dt { font-weight: bold; }
  dd { margin: .5em 2em; }
  a:link    { color: #060; }
  a:visited { color: #060; }
  a:hover   { color: #39f; }
  a:active  { color: #0c6; }
  #date { float: right; }
  /*        margin-top: -1.25em;
          padding: .1em .5em;
          border: solid #000 .25em;
          -moz-border-radius: 1em;
          -webkit-border-radius: 1em;
          border-radius: 1em;
          background-color: #fff; 
          z-index: 10;} */
  .dlbutton {
      font-size: 150%;
      font-family: sans-serif;
      text-decoration: none;
      padding: .1em .5em;
      color: #FFF;
      background-color: #7ec662;
      -moz-border-radius: 1em;
      -webkit-border-radius: 1em;
      border-radius: 1em; }
  .dlbutton:link    { color: #FFF; }
  .dlbutton:visited { color: #FFF; }
  .dlbutton:hover   { color: #060; }
  .dlbutton:active  { color: #FFF; }
  .picture-rfloat {
      float: right;
      margin: 0 0 .5em .5em; }
  .infobox {
      width: 80%;
      margin: 1em auto;
      padding: 1em;
      border: solid #7ec662 .25em;
      -moz-border-radius: 1em;
      -webkit-border-radius: 1em;
      border-radius: 1em; }
  .hbar {
      margin: 1em auto;
      text-align: center;
      }
  .hbar img { width:90%; }
  .center { margin: .5em auto; text-align: center; }
  .red { color: red; }
  .gray { color: #999; }
  .lblue { color: #66CCFF; }
  table caption {
    margin: 0 auto;
    font-style: italic;
  }
  .styletable {
    margin: .5em auto;
    width: 75%;
    min-width: 12em;
    border: solid 1px #000;
    /*caption-side: bottom;*/
  }
  .styletable th {
    padding: .1em;
    text-align: center;
    background-color: #ad4;
  }
  .styletable td {
    padding: .1em 1em;
  }
  .styletable tr:nth-child(even) {
    background-color: #cf6;
  }
  .styletable tfoot {
    border-top: solid 1px #666;
  }
  .styletablevalue {
    text-align: right;
  }
  tfoot td.styletablevalue {
    font-weight:bold;
  }
  .footer {
    margin: 1em auto;
    width:65%;
    text-align:center;
  }
  .footer a:link    { color: #FFF; }
  .footer a:visited { color: #FFF; }
  .footer a:hover   { color: #030; }
  .footer a:active  { color: #FFF; }