ul#menu1{
  list-style-type:none;
  margin:0;
  padding:0px;
  width: 100%;
  
}
ul#menu1 ul {
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
}

ul#menu1 a {
  display: block;
  text-decoration: none;
}

ul#menu1 li {
  margin-bottom:1px;
 
}

ul#menu1 li a {
  background:#fff url(../images/arrow-30-16.png) no-repeat left 5px center;
  background-size: 12px 12px;
  color: #000;
  border:solid 1px #ccc;
  padding:12px 6px;
  text-align:left;
  font-size:1.2em;
  font-family: "Arial";  <!--"Roboto-Light"; -->
  font-weight:800;
}

ul#menu1 li a:hover {
  color: #fff;
  background:#287CC4 url(../images/arrow-30-16-2.png) no-repeat left 5px center;
  background-size: 12px 12px;
}

ul#menu1 li ul li a {
  background: #f9f9f9;
  color: #666;
  font-size:12px;
  border-radius:0px;
  border-bottom:solid 1px #CCCCCC;
  text-align:left;
  padding:12px 6px;
  text-transform:none;
  font-weight:600;

}

ul#menu1 li ul li a:hover,ul#menu1 li ul .current a {
  background: #e5e4e4;
  /*border-left: 5px #000 solid;*/
 
  color:#333;
}

.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; }