﻿.navigation {
   list-style: none; /* прячем маркеры */
   width: 220px;  /* ширена меню */
}
.navigation li {
   margin-top: 2px; /* делаем отступ по высоте, чтобы пункты меню не сливались */
   font-family: Verdana, Arial, Helvetica, sans-serif; /* Тип шрифта */
   font-size: 11px; /* Размер текста ссылок */
   font-weight: bold; /* выделение ссылки жирным */
}
.navigation li a {
   display: block; /* меняем отображение на блок, чтобы иметь возможность задавать внутренние отступы */
   padding: 1px 4px;  /* отступы внутри блока */
   background: #CCCC99; /* цвет блок меню */
   color: #333333; /* цвет текста в блоке меню */
   text-decoration: none; /* убираем подчёркивание ссылок */
   position: relative; /* для IE6, чтобы ссылка была кликабильной по всей своей площади */
}
.navigation li a:hover {
   background: #ff0000; /* Цвет фона при наведении */
   color: #ccff00;  /* Цвет текста при наведении */
}
