#navi {
  border : solid 1px #CCCCCC;
  width : 214px;
  float : left;
  padding : 0px 0px 6px 0px;
  margin : 0px 3px 3px 0px;
}

#navi ul {
  margin : 3px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  display : block;
}

#navi li {
  border : #FFFFFF solid 1px;
  margin : 0px 3px 0px 3px;
  padding : 0px;
  display : block;
  list-style-type : none;
}

#navi li a.section {
  border : #FFFFFF solid 0px;
  border-top : #CCCCCC dotted 1px;
  font-size : 11px;
  line-height : 14px;
  text-decoration : none;
  margin : 0px;
  padding : 3px 12px 3px 12px;
  display : block;
}

#navi li a.section:hover {
  background : #EEEEEE;
}

#navi li a.subsection {
  border : #FFFFFF solid 0px;
  font-size : 11px;
  line-height : 14px;
  text-decoration : none;
  margin : 0px;
  padding : 1px 12px 1px 24px;
  display : block;
}

#navi li a.subsection:hover {
  background : #F8F8F8;
}

#navi p {
  margin : 6px 12px 6px 12px;
  font-size : 85%;
}

#navi fieldset {
  border : #CCCCCC solid 1px;
  margin : 3px;
  padding : 12px;
  background : #EEEEEE;
  font-size : 11px;
  color : #666666;
}