body{
  background-color:#333;
  font-size: 75%;
  font-family: Helvetica,Arial,Verdanna,Sans-serif;
}

html>body{
  font-size: 12px;
}



#nav{
  margin:0;
  padding:0;
  background: #555;
  list-style-type: none;
  width: 180px;
  /*float to contain list items*/
  float:left;
}

#nav li{
  margin:0;
  padding:0;
  /*floating left corrects IE's whitespace bug*/
  /*another fix can be found at:
    http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/
   */
  float:left;
  width:100%;
}

#nav a{
  display: block;
  color: #FFF;
  text-decoration: none;
  padding: 0 15px;
  line-height:2em;
  border-bottom: 1px solid #333;
}

#nav a:hover{
  background-color: #888;
}

a#current,a:hover#current{
  background-color:#99B471;
}
a#last{
  border-bottom:none;
}