/*удалим отступы и маркеры в ненумерованном списке, а затем зададим ширину пунктов меню.*/
ul { margin: 0; padding: 0; list-style: none;}
/*задать положение элементов списка. К счастью, они по умолчанию будут расположены вертикально, что нам и нужно. Однако, нам необходимо задать значение для position как relative, и всё потому, что нам нужно будет относительно их абсолютно позиционировать подменю. */
ul li {
  position: relative;
}
/*Берёмся за подменю. Мы хотим, чтобы каждое подменю появлялось справа от пункта родительского меню в тот момент, когда над этим пунктом находится курсор. */
li ul {
  position: absolute;
  left: 188px;
  top: 0;
  display: none;
}
/*ставим картинку на ссылку*/
li a:link,li a:visited {
        /*колір тексту на кнопках меню*/
        color:  #483D8B;
        /* для блокування розміру картинки такий який він є в даному випадку 200 пикс. (меню)*/
        display: block;
        /* картинка меню (кнопки) - верхня */
        background-color:#FFFFFF;
        /* для нормального переходу по меню тобто нічого не збільшується (відступ по кнопках при наведенні) */
        padding: 2px 0 0 0px;
		/*text-decoration:underline;*/
}
li a:hover,li #current {
        /* колір текстуна кнопках меню */
        /* color: #bbffff; */
         /* картинка меню (кнопки) - нижня */
        background-image:url(images/menu1.gif);
        /* для нормального переходу по меню тобто нічого не збільшується (відступ по кнопках при наведенні) */
        padding: 2px 0 0 0px;
        }
/*зададим стили для ссылок*/
ul li a {
  display: block;
  text-decoration:none;
  color: #000000;
  padding: 0px;
  border-top: 1px solid #585757;
}
/*что-бы в експлорере было все хорошо (с меню)*/
/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; } * html ul li a { height: 1%; } /* End */
/*Добавим дополнительно нижнюю границу к каждому элементу списка. Итак, вот полный список стилей для u */
ul { margin: 0; padding: 0; list-style: none; width: 187px; border-bottom: 1px solid #585757;}
/*подменю появлялись в тот момент, когда курсор находится над элементом списка*/
li:hover ul {
  display: block;
}