In this tutorial I will show you how you make navigation blocks with css. From my main css tutorial you will get a css code with the navigation blocks inside it. But if not add the code below to your css.
a.nav, a.nav:link, a.nav:active, a.nav:visited { height:10; padding:0; padding-left:1; padding-right:1; color:#000000; border-bottom:1px solid #808080; display:block; text-transform:none; background:#c0c0c0; } a.nav:hover { height:10; padding:0; padding-left:1; padding-right:1; color:#000000; border-bottom:1px solid #c0c0c0; display:block; text-transform:none; background:#808080; }

With that code you can choose the colours of your navigation blocks. To make a navigation block you need to put class="NAV" in your link that is very important, if you don't it wont be a navigation block. Like this:
<a href="URL" class="Nav">PAGE NAME</a>

Code explination

Where you find the a.nav, a.nav:link, a.nav:active, a.nav:visited { part of the code and under there you will be able to change the colours and effects you want on the link when you don't hover it.

And where it starts with a.nav:hover { you will be able to change the link to what it will look like when you hover it.

To hover is to put your cursor over something in this case.. a link.
To you who didn't know that.