body {
  background:   #ccc;
  padding:      25px;
  color:        black;
  font-family:  Arial, sans-serif;
}

h1 {
  font-family:  Arial, sans-serif;
  font-size:    20pt;
  margin:       0px;
}
h2 {
  font-family:  Arial, sans-serif;
  font-size:    medium;
  font-weight:  bold;
}

h4 {
  font-family:  Arial, sans-serif;
  font-size:    12pt;
  margin:       2px;
}

a, a:link, a:active, a:visited {
  color: black;
  text-decoration: none;
}

#topnav {
  border-bottom:  4px solid #777;
  margin:         0px;
}

#topnav > table {
  width: 100%;
}
#topnav > table td {
  text-align:     center;
  font-variant:   small-caps;
  font-size:      20pt;
  
}

#subnav {
  float:          left;
  margin:         0px;
  padding:        25px;
  width:          225px;
  font-size:      16pt;
}

#subnav > ul {
  margin: 0px;
  padding: 0px;
  list-style:     none;
}

#subnav > ul > li {
  margin: 1em 0px;
  padding: 0px;
}

#frame {
  margin:         25px 0px;
  padding:        25px;
}

#illustration {
  float:          right;
  margin:         0px 0px 25px 25px;
  padding:        25px;
  background:     #777;
  color:          white;
  width:          300px;
  text-align:     center;
}
#illustration p {
  margin:         0px 0px 1em 0px;
}

#info {
  margin:         1cm;
  clear:          both;
  font-size:      8pt;
  text-align:     center;
}