#navi01 p {
 display: none;
}
#navi01, #footer {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 0.7em;
 font-weight: bold;
}
#navi01 {
 /* width: 12em; */
 width: 150px; 
 border-right: 1px solid #666; 
 padding: 0; 
 margin-bottom: 1em; 
 background-color: #9cc; 
 color: #333; 
}
#navi01 ul, #footer ul {
 list-style: none; 
 margin: 0; 
 padding: 0; 
}
#navi01 ul li {
 margin: 0; 
 border-top: 1px solid #003;
}
#navi01 ul li a, #footer ul a {
 padding: 2px 2px 2px 0.5em; 
 text-decoration: none;
 color: #fff;
}
#footer {
 margin-left:10px;
}

#navi01 ul li a {
 display: block; 
 border-left: 10px solid #369; 
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #036;  
 width: 100%; 
}
html>body #navi01 ul li a { 
 width: auto; 
}
#navi01 ul li a:hover {
 border-left: 10px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369; 
 background-color: #F59D55; 
 color: #fff; 
}
#navi01 ul li .active {
 background-color: #d06610;
}
#footer ul li a:hover {
 color: #F59D55;
}
#footer ul li .active {
 color: #d06610;
}