body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
}

p {
  line-height: 1.5em;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 170px;
  color:#ffffff;
}

ul.menu a {
  display: block;
  text-decoration: none;
  color: #000000;	
}

ul.menu li a:link {
    color: #ffffff;
}

ul.menu a:link {
    color: #000000;
}

ul.menu li a:visited {
    color: #ffffff;
}

ul.menu li a:active {
    color: #000000;
}

ul.menu li {
  margin-bottom: 1px;
}

ul.menu li a {
  background: #000000;
  color: #fff;	
  padding: 0.5em;
  font-weight:bold;
}

ul.menu li a:hover {
  background: #000;
  font-weight:normal;
}

ul.menu li ul li a {
  background: #ccc;
  color: #000000;
  padding-left: 20px;
  font-weight:normal;
}

ul.menu li ul li a:link {
  color: #000000;
}

ul.menu li ul li a:visited {
  color: #000000;
}

ul.menu li ul li a:active {
  color: #000000;
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 0px #000 solid;
  padding-left: 15px;
}

ul.topmenu {
list-style-type:none;
position:relative;
display:block;
color: #ffffff;
height:30px;
font-size: 90%;
background:#000000;
font-family: Arial,sans-serif;
font-weight: bold;
}

ul.topmenu li {
display:block;
float:left;
text-align: center;
margin-bottom:0px;
width: 170px;
}

ul.topmenu li a {
display:block;
float:left;
color:#ffffff;
text-decoration:none;
vertical-align: bottom;
height:30px;
margin-bottom:0px;
text-align: center;
width: 170px;
}

ul.topmenu li a:hover {
color:#333333;
background:#4c4c4c;
font-weight: bold;
}

.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: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }