Wykazy w CSS, Problem z określeniem 2 różnych wykazów. Opcje

[KrzysiekKCN]

Witajcie! Mam taki problem, którego nie mogę przeskoczyć.
Otóż potrzebuje stworzyć 2 różne wykazy na stronie o całkiem odmiennej budowie.

Pierwszy wykaz działa:

[HTML] pobierz, plaintext 
ul, ul li {
	list-style-image: url('images/point.gif');
	margin: 0;
}
 
ul a:link, ul a:visited {
	text-decoration: none;
	padding: 2px;
	color: #000;
	font-size: small;
}
 
ul a:hover {
	text-decoration: overline underline;
	padding: 2px;
	color: #000;
	font-size: small;
}
[HTML] pobierz, plaintext 

a w html mam tak:

[HTML] pobierz, plaintext 
 
                  <ul>
			<li><a href="#">Strona Główna</a></li>
			<li><a href="#">Aktualności</a></li>
			<li><a href="#">Kontakt</a></li>
			<li><a href="#">Przyjaciele</a></li>
			<li><a href="#">Mapa Strony</a></li>
	         </ul>
[HTML] pobierz, plaintext 

Teraz problem jak stworzyć drugi wykaz. Wczytałem w necie że taki kod:

[HTML] pobierz, plaintext 
p.web {
	font-weight: bold;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<p class="web">Akapit Akapit Akapit</p>
[HTML] pobierz, plaintext 

Jest do określenia innego znacznika niż DIV ale niestety w przypadku wykazu mi nie działa:

[HTML] pobierz, plaintext 
ul.web{
	list-style-image: url('images/poin2t.gif');
	margin: 0;
}
li.web{
	color: blue;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
	<ul class="web">
		<li>Lol</li>
		<li>Lol</li>
	</ul>
[HTML] pobierz, plaintext 

Gdzie robię błąd i jak się określa te 2 wykazy w CSS?
Proszę o pomoc i pozdrawiam KrzysiekKCN

[Lion_87]

[HTML] pobierz, plaintext 
ul#list{
 
}
 
ul#list li{
 
}
 
ul#list li a{
 
}
 
ul#list li a:hover{
 
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
ul#cos{
 
}
 
ul#cos li{
 
}
 
ul#cos li a{
 
}
 
ul#cos li a:hover{
 
}
[HTML] pobierz, plaintext