Unwanted bullets in pop menu

Question

If I define bullet images for unordered lists, my pop menu uses the bullet images from my CSS - These pop menus are just bulleted lists so I guess its logical. However, I want the trest of the page to use those bullet images but definitely not the pop menu. What's the easiest way to get the page to use the bullet images but not the pop menu?
Will it mean I somehow have to have the menu referring to one CSS and the rest of the page to another? How would I do that? The menu is made and edited in a DW template file. All the pages in the site are based on that template.
At the moment I've just had to go without any bullet images on the pages until I sort this out. So I had to use ordered lists which I definitely don't want.
Its on this page here: http://www.waipamtb.org.nz/pagefiles/advocacy.html
I asked this question five months ago but nobody helped me yet. Now I'm working on a new site and stillhave the same problem.

Answer 1

See if this helps:
http://css.maxdesign.com.au/listamatic/vertical05.htm
and this:
http://www.w3schools.com/Css/css_list.asp
You need to set up a different rule for a list if you want it to display differently on another area of the page.
Set up an ID for the content area for example and then target that ID for the list - as shown in the example above.
here's an example:
#content ul li {
background:url(../images/bullet.png);
padding:0 0 0 16px;
line-height:24px
You would then need to apply the ID to the table or div.
<table id="content">
This way, any lists in the table with an ID of content would take on the styling above.