ul.menu, ul.menu ul{
list-style-type:none;
margin: auto;
padding: 0;
width: 10em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:capitalize;
font-size: 12px;
width: 500px;
color:#666666;
}
ul.menu a{
display: block;
text-decoration: none;
}
ul.menu li{
margin-top: 1px;
}
ul.menu li a{
color:#333333;	
padding: 0.5em;
font-weight:bold;
}
ul.menu li a:hover {
background:#FFF;
color:#66CC00;
}
ul.menu li ul li a {
background:#666699;
color: #FFF;
padding-left: 10px;
}
ul.menu li ul li a:hover {
background:#666699;
border-left: 5px #FFF solid;
padding-left: 10px;
}
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }

.code code { display: block; padding: 3px; margin-bottom: 0; }

.code li { background: #FFF; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }

.indent1 { padding-left: 1em; }

.indent2 { padding-left: 2em; }

.indent3 { padding-left: 3em; }

.indent4 { padding-left: 4em; }

.indent5 { padding-left: 5em; }