Hola WinderJerter:
Tu tienes un anidamiento algo así:
#navbar #navigation ul .class11 ul li a
Lo que seria en body algo así:
<div id="
navbar">
<divid="
navigation">
<ul>
<li class="
class11">
<ul>
<li>
<a></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
#esto_es_una_id y sirve para referirte a un elemento, debe ser única. En body tendras algo así <etiqueta id="esto_es_una_id">
.esto_es_una_clase y sirve para referirte a un elemento, puedes aplicar una clase a varios elementos. En body tendras algo así <etiqueta class="esto_es_una_clase">
Bueno, cambiar el estilo es simple si sabes como referirte a los elementos de tu menú en <style>
Si quieres cambiar por ejemplo el color de fondo de #navigation entonces lo buscas dentro de las etiquetas <style> e incluyes la propiedad background-color: aquí el color que tu quieras (white, #fff por ejemplo);
Pues tu tienes:
#navigation {
font-size:0.7em;
text-align:center;
width:696px;
background-color:black;/*tu color*/
}
pero recuerda que css son estilos en cascada, por lo que la cascada "bañará" tus elementos de lo general a lo particular: (Esto se conoce como herencia y te será útil buscarlo en google o libros.es )
Por ejemplo:
#navigation ul li a {
background-color:#339999; }
es más particular que:
#navigation {
font-size:0.7em;
text-align:center;
width:696px;
}
Eel color verde de fondo(
#339999) está en un último nivel pero si lo pondrías en
#navigation esta propiedad se aplicaría también a #navigation ul li a ¿me explico?
:hover es una pseudo-clase, la tienes definida así:
#navigation ul li ul li a:hover {
position:relative;
/*modificala a tu gusto con la propiedad que quieras*/
}
Bueno, una respuesta general para una pregunta general, espero te sirva y no haberte aburrido.
Si quedan dudas pregunta y te ayudamos
Saludos!