Custom CSS bullet list style is appearing in ALL unorderd lists, even if they...

...have other bullet types!? I have unordered lists that appear to have two types of bullet styles showing at the same time.

I have a custom bullet that I made and I need to have some lists that have lowercase letters.

The custom bullets work perfectly where they are needed but they also show up in the lists that have lowercase letters.

I think it is because of my CSS:

li {
padding-left:25px;
padding-bottom:15px;
background:transparent url("http://www.geolearning.com/summit/images/summitbullet.gif") no-repeat;
background-position:0 5px;
}

Please tell me how I can have multiple styles of unordered lists.

I have tried things like

li 1 {}
and
.li 1{}

but they don't work.

Please explain the answer clearly and completely- otherwise the directions are impossible to follow!

Thank you!

Actually the CSS should be applied to the <ul> tag or the <ol> tag, not <li>. So for example, take the CSS you already have and wrap it around

ul.custom { your css goes here}

then create another class for the lowercase letter lists:

ul.letter { whatever css you want here}

notice also the syntax I've used for classes (based on what you provided, the syntax seems wrong).

this should do the trick