#navigation {
  background: #C2C2C2;
  border: 1px solid #5A5A5A;  
  color: #FFF;
  margin: 0 auto;
  padding: 4px;
  width: 170px;
}

#navigation hr {
  background-color: #5A5A5A;
  border: 0 none;
  color: #5A5A5A;
  height: 1px;
}

#navigation a, #navigation span {
  border-bottom: 1px solid #CCC;
  color: #2D2C2E;
  display: block;
  font-size: 0.9167em;
  padding: 4px 7px;
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,0.4);
}

#navigation a {
  background: #E6E5E5;
  background: -moz-linear-gradient(100% 50% 90deg, #E6E5E5, #FEFEFE);
  background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FEFEFE), to(#E6E5E5));
}

#navigation a:hover, #navigation a.current {
  background: #FEFEFE;
}

#navigation a:active, #navigation a:focus {
  outline: none;
}

#navigation a.current {
  font-weight: bold;
}

.sidenote p {
  font-size: 0.9167em;
  font-style: italic;
  line-height: 1.3em;
  margin: 10px auto;
  padding: 0 0 0 5px;
}