body {
  font-family: Verdana, Tamoha, Arial;
  font-size: 12pt;
}

div#wrapper {
  width: 900px;

  margin: 50px auto 50px auto;
}

div#header {
  position: relative;

  width: 100%;
  height: 175px;

  border-bottom: 1px solid #000000;

  clear: both;
}

div#header h1 {
  position: absolute;

  right: 0px;
  bottom: 0px;

  margin: 0em;

  font-size: 36pt;
  font-weight: bold;

  color: #00a653;
}

div#navigation {
  width: 200px;

  float: left;
}

div#navigation ul {
  margin: 0em;

  padding: 0em;

  list-style: none;
}

div#navigation ul li {
  width: 200px;
  height: 40px;

  margin: 10px auto 10px auto;

  padding: 0px;

  text-align: center;

  background: url("../images/button.png");
}

div#navigation ul li * {
  line-height: 40px;

  vertical-align: middle;

  font-weight: bold;

  color: #ffffff;
}

div#navigation ul li a {
  text-decoration: none;
}

div#content {
  width: 690px;

  margin: 10px 0px 10px 10px;

  float: left;
}

div#content h1 {
  font-size: 20pt;

  font-weight: bold;
}

div#content p { text-align: justify; }

div#content a { text-decoration: none; }

div#content a:link { color: #46008c; }

div#content a:visited { color: #8c0046; }

div#content a:hover { text-decoration: underline; }

div#footer {
  position: relative;

  width: 100%;

  border-top: 1px solid #000000;

  clear: both;
}

p#author, p#date {
  position: absolute;

  top: 0px;

  margin: 0em;

  font-style: italic;
  font-size: 10pt;
}

p#author { left: 0px; }

p#date { right: 0px; }