html { margin: auto; padding: 0; }
body { margin: auto; padding: 0; text-align: center }

h1 {
  font: bold 400% helvetica, Arial, sans-serif; 
  margin: 0;
  padding: 0;
}

h2 {
  font: bold 300% helvetica, Arial, sans-serif; 
  margin: 0;
  padding: 0 0 0 5px;
  line-height: 1;
  letter-spacing: -2px;
  color: #ee0000;
}

p {
  font: normal 70% helvetica, Arial, sans-serif; 
  margin: 0;
  padding: 0 0 7px 0;
  line-height: 1.4;
  color: #555;
}

a { color: #000; text-decoration: none; }
a:hover, a.active { border-bottom: 1px dotted #000; }
h1 a:hover, a.active { text-decoration: none; border: 0}

#container {
  margin: auto;
  padding: 0;
  width: 500px;
  height: 400px;
  text-align: left;
}

#header {
  margin: 30px 0 0 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #ccc;
}

#header ul { margin: 0; padding: 0; }

#header li {
  display: inline;
  margin: 0 5px;
  padding: 0 15px 0 0;
  font: normal 70% helvetica, Arial, sans-serif;
}

#header li.active { border-top: 1px dotted #999; padding-top:5px}

#main {
  margin: 0;
  padding: 30px 0px 30px 0px;
}

#footer {
  border-top: 1px solid #ccc;
  margin: 0; padding: 0;
  color: #888;
}

#footer p {
  margin: 10px 0 0px;
  padding: 0;
}