/*Пишем стиль для основного списка*/
#nav{
list-style:none;/*Убираем маркирование списка*/

margin:0;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/
padding:0;
width:150px;/*задаем ширину меню*/
font:14px Verdana, Arial, Helvetica, sans-serif; /*указываем размер и семейство шрифта*/
}
/*Пишем стиль для ссылок внутри списка*/
#nav a{
margin:0;/*обнуляем поля и отступы, т.к. разные браузеры трактуют их по-разному*/

border-bottom:1px solid #333333; /*задаем рамку только снизу*/
color:black;/*цвет текста ссылок */
display:block;/*превращаем ссылки в блоки, чтобы была возможность задавать внутри поля(padding)*/
padding:4px 8px; /*задаем поля. сверху/снизу - 5px, справа/слева  - 10px*/
text-decoration:none;/*убираем подчеркивание ссылки*/
height:35px; /*высота ячейки ссылки*/
letter-spacing:1px; /*расстояние между буквами текста ссылок*/
}

* html #nav li a { height: 1%; } /*специальный хак для IE 6.0. который не понимает блочный элемент, если для него не задана высота*/

/*Пишем стиль для ссылок в момент наведения на них курсора */
#nav a:hover{
background-color:#C1BDAD;/*фоновый цвет */
color:#000000;/*цвет самой ссылки*/
font-size:16px;/*Размер текста ссылки при наведении*/
}