Bueno ese sí es un fallo, al margen de que tengas otros además de ese. el punto representa class, y la almohadilla un ID. ¿Tú qué tienes para identificar tus elementos del menú?
Cita: <li id="home" class="first"><a href="#"><b>Home</b></a></li>
<li id="colabora"><a href="#"><b>colabora</b></a></li>
<li id="contacto"><a href="#"><b>Contacto</b></a></li>
<li id="newsletter"><a href="#"><b>Newsletter</b></a></li>
<li id="rss"><a href="#"><b>RSS</b></a></li>
<li id="foro"><a href="#"><b>Foro</b></a></li>
</ul>
Identificadores (ID's). Sin embargo, en la CSS los intentas llamar como clases (.foro, .rss, etc.)
Te decía "antes de nada corrige eso", y luego veremos cuál es el probelma real, pero sin corregir eso igual es que borres todas esas líneas, porque no hacen nada.
En este otro trozo tienes el mismo error:
Cita: #home #menu li#home a b {left:48px; top:-48px; width:64px; height:0; padding-top:64px; overflow:hidden; background:url(lay/bhome.png);}
#colabora #menu li#colabora a b {left:48px; top:-48px; width:64px; height:0; padding-top:64px; overflow:hidden;background:url(lay/bcolabora.png);}
#contacto #menu li#contacto a b {left:48px; top:-48px; width:64px; height:0; padding-top:64px; overflow:hidden;background:url(lay/bcontacto.png);}
#newsletter #menu li#newsletter a b {left:48px; top:-48px; width:64px; height:0; padding-top:64px; overflow:hidden;background:url(lay/bnewsletter.png);}
#rss #menu li#rss a b {left:48px; top:-48px; width:64px; height:0; padding-top:64px; overflow:hidden;background:url(lay/brss.png);}
#foro #menu li#foro a b {left:48px; top:-48px; width:64px; height:0; padding-top:64px; overflow:hidden;background:url(lay/bforo.png);}
Cambia todo eso, examina bien tu css (ID's, clases y almohadillas), e intenta ponerlo en línea en algún sitio, porque sin ver tus imágenes será casi imposible.
Tampoco deberías usar ya el elemento "b" para poner negritas (<b>Foro</b>), sini en su elemento y selector CSS font-weight: bold;