Problema con los menus del contenido

Buenas. Tengo un problemilla a la hora de crear los menus de la capa contenido. Para crear un menu pongo esto en la plantilla.html:

<div id="contenido">
<div id="menu">menu</div>
</div>

Y en la hoja de estilo esto mismo:

#menu {background-color:yellow ; float: left ; width: 150px ; margin:40px 10px 10px 50px}

Hasta ay todo bien, pero mi pregunta es, ¿como puedo segir creando menus dentro del contenido y darle los estilos independientemente a cada uno?

Por ejemplo, este menu esta a la izquierda de la web y en amarillo, pues quiero otro a la derecha y en azul.

Entiendo que es creando otra capa en contenido, pero ¿como hago para diferenciarlos uno de otro?, tanto en plantilla como en la hoja de estilos.

Gracias.

Bueno pues despues de hacer varias pruebas lo e consegido a base de llamar a cada menu por un nombre. Por ejemplo, al los menus laterales los e llamado menuderecha/menuizquierda y al del centro, menucentro xD. Tanto en plantilla como en la hoja de estilos.

No se si se hara asi pero e consegido lo que queria.