/* -------------------------------------------------------------------
Стилевые правила для 2-x уровнего меню. 
Автор А. Дуванов, 12 апреля 2010 года
---------------------------------------------------------------------- 
.ruMenu1 -- класс блока UL меню 1-го уровня
.ruMenu1 -- класс блока UL меню 2-го уровня
-------------------------------------------------------------------- */
.ruMenu1, .ruMenu2
{
  float:left; /* Чтобы блок охватил своих потомков */
  clear:both; /* Прерывание обтекания для вышерасположенных блоков */
  width:100%; /* Растягиваем на всю ширину родителя */
  margin:0;   /* Убираем внешние отступы списка */
  padding: 0; /* Убираем внутренние отступы списка */
  background: #fff2a6; /* Фон меню */
  border-top: 1px solid #638F7B; /* Рамка сверху */
  border-bottom: 1px solid #638F7B; /* Рамка снизу */
  list-style: none; /* Убираем маркеры */
}
.ruMenu2
{
  background: #f7d3af; /* Фон вкладки */
  border:0;  
}
.ruMenu1 LI, .ruMenu2 LI
{
  float:left; /* Каждый элемент списка -- плавающий блок */
  display:inline; /* Уловка для IE */
  margin-left:10px; /* Расстояние между пунктами меню */
  font-family: "Trebuchet MS", Arial, sans-serif; /* Шрифт */
  font-size:18px; /* Размер шрифта */
  padding-left:4px;
  padding-right:4px;
  border-left: 1px solid #fff2a6;
  border-right: 1px solid #fff2a6;
}
.ruMenu2 LI
{
  border-left: 1px solid #f7d3af;
  border-right: 1px solid #f7d3af;
}
/* Свойства ссылок */
.ruMenu1 A,.ruMenu2 A {text-decoration: none;}  /* Отменяем подчёркивание     */
.ruMenu1 A:link,.ruMenu2 A:link {color:#0040ff} /* Цвет непосещённой ссылки   */
.ruMenu1 A:active,.ruMenu2 A:active {color:red} /* ... активной ссылки        */
.ruMenu1 A:visited,.ruMenu2 A:visited {color:purple} /* ... посещённой ссылки */
.ruMenu1 A:hover,.ruMenu2 A:hover /* Когда курсор над ссылкой  */
{
  color:white; /* Белый текст */
  background: #ff7f00; /* На оранжевом фоне */
}
/* Отмеченная позиция в меню 1-го уровня, когда меню сверху */
.ruMenu1 LI.marktop
{
  position:relative;
  top:1px;
  background: #f7d3af; /* Фон вкладки */
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}
/* Отмеченная позиция в меню 1-го уровня, когда меню снизу */
.ruMenu1 LI.markbottom
{
  position:relative;
  top:-1px;
  background: #f7d3af; /* Фон вкладки */
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}
/* -------------------------------------------------------------------
.ruLine -- класс полосы с текстом, когда меню 2-го уровня отсутствует
-------------------------------------------------------------------- */
.ruLine
{
  font-family: "Trebuchet MS", Arial, sans-serif; /* Шрифт */
  font-size:18px; /* Размер шрифта */
  font-style:italic; 
  color:#4d4d4d; /* Цвет текста на полосе */
}
.ruLine SPAN
{
  margin-left: 14px;  /* Отступ слева текста на полосе */
}