body {
  margin: 0;
  padding: 0;

  color: #030;
  font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
}
a, a:visited {
  color: #030;
}


h1, h2, h3, h4, h5 {
  font-family: Avant Garde, Trebuchet MS, sans-serif;
  padding: 0;
  margin: 0;
}
h1 {
  font-size: 200%;
}
h2 {
  font-size: 150%;
}


p {
  padding: 6px 0 0 0;
  width: 80%;
}
.topos {
  white-space: nowrap;
  float: left;
  border-bottom: thin dotted #363;

  font-family: Avant Garde, Trebuchet MS, sans-serif;
  font-weight: bold;
}
.description {
  clear: left;
  padding: 4px 16px;
  margin: 0 0 12px 0;

  background-color: #ffc;
  font-family: Georgia, Garamond, Times New Roman, serif;
}


#header {
  padding: 8px 6px 6px 16px;
  background-color: #99e;
}
#header a {
  text-decoration: none;
  color: #030;
}
#header .nav a {
  font-size: 85%;
  padding: 4px;
}
#header .nav a:hover {
  background-color: #aaf;
}
#header .nav {
  padding-bottom: 9px;
}


#infobar {
  padding: 2px 16px;
  margin-bottom: 12px;
  font-size: 75%;
}


#main {
  clear: both;
  margin: 0 12px 12px 5%;
}

#contents {
  width: 100%;
}

#rightbar {
  width: 174px;
  margin: 0 12px;
  text-align: center;

  color: #ccc;
  font-size: 75%;
}
#rightbar * {
  margin: auto;
}


/* page footer */

#footer {
  clear: both;
  position : relative;
  padding: 6px;

  background-color: #eeb;
  font-size: 75%;
}
#footer a {
  text-decoration: none;
  color: #030;
  padding: 4px;
}
#footer a:hover {
  background-color: #dda;
}


.left {
  clear: left;
  float: left;
  text-align: left;
}
.right {
  clear: right;
  float: right;
  text-align: right;
}
.fix {
  clear: both;
}