div#main-content #containerul, #containerul ul {
  text-align:left;
  margin:0 15px; /* Removes browser default margins applied to the lists. */
  padding:17px 5px; /* Removes browser default padding applied to the lists. */
  background:#A1D9F0;
}

div#main-content #containerul li {
  margin:0 0 0 15px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
  line-height:20px;
}

div#main-content #containerul li a {
  color:#2C434B;
}

div#main-content #containerul li a:hover {
  border:none;
  color:#000;
}

div#main-content #containerul li ul {
  margin:5px -5px 5px -20px;
  padding:10px 0 10px 20px;
  background-color:#C2E2EF;
}

div#main-content #containerul li ul li a {
  color:#B60203;
  font-size:11px;
}

div#main-content #containerul li ul li a:hover {
  color:#000;
}

div#main-content #containerul li ul li ul {
  margin:5px 0 5px -35px;
  padding:10px 0 10px 35px;
  background:#E0EBEF;
}

div#main-content #containerul li ul li ul li a {
  color:#000;
  font-size:10px;
}

div#main-content #containerul li ul li ul li a:hover {
  color:#00A2E5;
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:16px;
  height:20px;
  background-position:0 50%;
  background-repeat:no-repeat;
}