body{
  font-family: Helvetica,Arial,sans-serif;
  font-size:100%;
  line-height:1.125em;
  color: #111;
}
h1{
  text-align:center;
  font-size:1.2em;
}
ul{
  list-style-type: square;
  margin-left:0px;
  padding-left:1em;
}

a{
  color: #111;
  text-decoration: none;
}
a:hover{
  color: #555;
  text-decoration: underline;
}
pre{
  background-color: #222;
  color:#FFF;
  font-family: monospaced;
  font-size:1.2em;
  line-height:1.2em;
  padding:8px;
  overflow: auto;
}
#page{
  width:720px;
  margin-left:auto;
  margin-right:auto;
}
#navigation{
  position:absolute;
  top:0px;
  left:0px;
  height: 40px;
  width:100%;
  background-color:#5D9EF5;
}
#navigation p{
  margin: 0px;
}
#navigation a{
  display:block;
  width: 100px;
  height:40px;
  line-height: 40px;
  text-align:center;
  float:left;
}
#navigation a:hover{
  color:#FFF;
  background-color:#1D59A5;
}
#content{
  border:1px solid #333;
  padding:0 10px;
  margin-top:50px;
}