I added the following code to the bottom of template.css. The solution is not elegant but it works. Is there an easier way of accomplishing this?
/* Add two bullets to two levels of list. */
ul {
list-style: none;
}
ul li {
background: url(../images/bullet.gif) no-repeat 18px 9px;
line-height: 160%;
padding: 2px 0 2px 30px;
}
ul li ul li {
background: url(../images/bullet-2.gif) no-repeat 18px 9px;
line-height: 160%;
padding: 2px 0 2px 30px;
}
ol {
list-style-image: none;
list-style-position: outside;
list-style-type: decimal;
}
ol li {
background: none;
margin: 0;
padding: 0;
}
ol li {
line-height: 180%;
margin-left: 30px;
}
/* Remove bullets from first nine top-level menu items. */
.menu-item0,
.menu-item1,
.menu-item2,
.menu-item3,
.menu-item4,
.menu-item5,
.menu-item6,
.menu-item7,
.menu-item8 {
list-style: none!important;
background: none!important;
}