/* рамка вокруг названий категорий/разделов меню */
div.grup {
  border: 1px solid black;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #063; /* цвет текста */
  width: 181px;
/*  margin-top: 0px;*/
  margin-bottom: 1px;
  padding-left: 30px; /* отступ от линии слева до текста  */
  padding-top: 5px; /* отступ от линии сверху до текста  */
  padding-bottom: 5px; /* отступ от линии снизу до текста  */
  background-color: #ccc; /* цвет фона */
  background-image: url("i_menu_k.gif");
  background-position: left bottom; /* Положение фона */
  background-repeat: no-repeat; /* не повторяем фон */
}

/* рамка вокруг меню */
div.menu {
  width: 210px;
  border: 1px solid black;
  font-family: verdana, helvetica, arial, sans-serif;
  background-color: #eee;
  margin-bottom: 3px;
}

/* меню первого и второго уровня */
ul.menu {
  list-style-type:none;
  margin: 0;
  padding: 0;
}

/* отступы меню второго уровня */
ul.menu ul {
  list-style-type:none;
  padding-left: 2px;
  padding-top: 7px;
  padding-bottom: 7px;
}

/* стиль меню */
ul.menu a {
  display: block;
  text-decoration: none;
}

/* оформление меню первого уровня */
ul.menu li a {
  padding: 0.5em;
  cursor:pointer;
  margin-top: 0;
  font-weight: bold;
  font-size: 12px;
  color: #006699;
  background-color: #DDD;
/*  background-color: #00a0c6;*/
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #999;
  background-image: url("i_menu.gif");
}

/* наведен указатель на меню первого уровня */
ul.menu li a:hover {
  background-image: url("i_menu_h.gif");
}

/* оформление меню второго уровня */
ul.menu li ul li a {
  padding: .1em;
  background: #eee;
  color: green;
  border-top: 0px;
  border-bottom: 0px;
  font-weight: 	normal;
  font-size: 11px;
  padding-left: 15px;
  width: 180px;
}

/* наведен указатель на меню второго уровня */
ul.menu li ul li a:hover {
  color: #000099;
  background: #eee;
  border-left: 5px green solid;
  padding-left: 10px;
  text-decoration: underline;
}