Меню вертикальное для сайта, красное и синие простое с CSS стилем hover

<style type="text/css">
a.logo1:link, a.logo1:visited {
  display : block;
  background : url(http://ucozon.ru/SCRIN5/sapky/menusca/logo1.jpg) no-repeat; /*картинка*/
  font-size : 20px; /*размер шрифта*/
  font-weight : bold; /*тип шрифта*/
  text-decoration : none;  
  padding : 2px 0px 2px 0px;
  color : #CCC; /*цвет шрифта актив*/
  width : 180px; /*ширина кнопки*/
  height : 26px; /*высота кнопки с припуском*/
  text-indent : 20px; /*смещение шрифта по горизонтали*/
  background-color : #CCCCCC; /*цвет фона под меню*/
}
a.logo1:hover {
  background-position: 0px -30px;
  text-decoration: none;
  color: #fff;
}

a.logo1#active_menu {
  color:#fff;
  font-weight: bold;
}

a.logo1#active_menu:hover {
  list-style: none;
  color:#fff;
}

</style>  

<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 1</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 2</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 3</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 4</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 5</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 6</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 7</a>
<a href="http://ucozon.ru" class="logo1">МЕНЮ ЛИНК 9</a>

<style type="text/css" media="all">
a.logo2:link, a.logo2:visited {
  display : block;
  background: url(http://ucozon.ru/SCRIN5/sapky/menusca/logo2.jpg) no-repeat; /*картинка*/
  font-size : 14px; /*размер шрифта*/
  font-weight : normal; /*тип шрифта*/
  padding : 2px 0px 2px 0px;
  color : #CCC; /*цвет шрифта актив*/
  width : 180px; /*ширина кнопки*/
  text-decoration :none;
  height : 26px; /*высота кнопки с припуском*/
  text-indent : 40px; /*смещение шрифта по горизонтали*/
  background-color : #FF0000; /*цвет фона под меню*/
}
a.logo2:hover {
  background-position: 0px -30px;
  text-decoration: none;
  color: #fff;
}

a.logo2#active_menu {
  color:#fff;
  font-weight: bold;
}

a.logo2#active_menu:hover {
  color:#fff;
}
</style>
  <a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 1</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 2</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 3</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 4</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 5</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 6</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 7</a>
<a href="http://ucozon.ru" class="logo2">МЕНЮ ЛИНК 9</a>