html, body {
  margin : 10px;
  font-family : arial, helvetica, sans-serif;
  font-size : 12px;
  color : #000000;
}

#header h1 {
  font-size : 40px;
  margin : 0;
  padding : 20px 20px 20px 0;
}
#header h2 {
  font-size : 20px;
  margin : 0;
  padding : 5px 20px 10px 30px;
}

#container {
  width : 600px;
  margin : auto;
}

#navi {
  letter-spacing : 0.4em;
  margin : 7px 0 7px 0;
  padding : 6px 0 6px 0;
  border-top : 1px solid black;
  border-bottom : 1px solid black;
}

#navibox {
  float : left;
  width : 151px;
  line-height : 20px;
  border : 1px solid black;
  padding : 10px;
}

#content {
  float : left;
  margin-left : 5px;
  width : 400px;
  line-height : 20px;
  border : 1px solid black;
  padding : 10px;
}

#content h3 {
  font-size : 16px;
  margin : 0;
  padding : 0;
}

#footer {
  clear: left;
  margin-top : -8px;
  padding-top : 5px;
  border-top : 1px solid black;
  letter-spacing : 0.1em;
  font-variant : small-caps;
}

hr {
  border : 0;
  border-top : 1px solid #000000;
  height : 1px;
}

a:link {
  color : #fa4f00;
  text-decoration : none;
}
a:visited {
  color : #fa4f00;
  text-decoration : none;
}
a:hover {
  color : #fa4f00;
  text-decoration : underline;
}
a:active {
  color : #fa4f00;
  text-decoration : none;
}