body {
  background: 			/* Для основных пунктов отображаем рисунок */
   url(images/bg.jpg)	;	
 font-family: Arial, Helvetica, sans-serif; /*    */
 margin: 0px; /*    IE */
 padding: 0px;/*    Firefox */
}

 UL {
  width: 180px;			/* Ширина меню */
  list-style: none;			/* Для списка убираем маркеры */
  margin: 0px;				/* Нет отступов вокруг */
  padding: 0px;			/* Убираем поля вокруг текста */
  font-family: Arial, sans-serif;	/* Рубленый шрифт для текста меню */
  font-size: 9pt; font-weight:bold;			/* Размер названий в пункте меню */
}
 UL LI  {
  position: relative		/* Подпункты позиционируются относительно */
}
 LI UL {
  position: absolute;		/* Подменю позиционируются абсолютно */
  display: none;		/* Скрываем подменю */
  top: 0px;			/* По высоте положение подменю исходное */
  left: 191px;			/* Сдвигаем подменю вправо */
  z-index: 1			/* Основное меню находится ниже подменю */
}
 LI A {
  display: block;		/* Ссылка как блочный элемент */
  width: 100%;			/* Ссылка на всю ширину пункта */
  padding: 5px;			/* Поля вокруг надписи */
  text-decoration: none;	/* Подчеркивание у ссылок убираем */
  background: 			/* Для основных пунктов отображаем рисунок */
   url(images/bullet.gif) 		/* Указываем путь к рисунку со стрелкой */
   right center 		/* Выравниваем рисунок по центру справа */
   no-repeat;			/* Отменяем повторение фона */
  color: #fff;			/* Цвет текста */
  border: 1px solid #666633;	/* Рамка вокруг пунктов меню */
  background-color: #999966;	/* цвет фона */
  border-bottom: none		/* Границу снизу не проводим */
}
 LI UL LI A {
  background-image: none;	/* Для подпунктов рисунок убираем */
  z-index: 2			/* Подменю располагаются выше меню */
}
 LI A:hover {
  color: #ffffcc;			/* Цвет текста активного пункта */
  background-color: #666633		/* Цвет фона активного пункта */
}
 LI:hover UL, LI.over UL { 
  display: block	/* При выделении пункта курсором мыши отображается подменю */
}
 .brd {
  border-bottom: 1px solid #666633	/* Линия снизу */
}



h1 {
 font-size: 18px; /*   */
 font-weight: bold; /*   */
 margin: 0px; /*   */
 color: #000; /*   */
}
h2 {
 font-size: 14px; /*   */
 font-weight: bold; /*   */
 margin: 0px; /*   */
 color: #000; /*   */
}

.logo {
 font-size: 64px; /*   */
 font-weight: bold; /*   */
 margin: 0px;
  /*   */
 color: #ffffff; /*   */
  background: url(images/logo.jpg)	
   no-repeat;
}

.http1 {font-size: 80%;  font-weight:bold; color: #000000;
padding:10px;
}

.http2 {font-size: 9pt; font-weight:bold;  color: #003300;
  width: 180px;			/* Ширина меню */
}


.http1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; font-weight:bold;
	color: #660000;
}
.http1 a:link {
	text-decoration: none;
}
.http1 a:visited {
	text-decoration: none;
	color: #660000;
}
.http1 a:hover {
	text-decoration: none;
	color: #ff0033;
}
.http1 a:active {
	text-decoration: none;
	color: #ff0033;
}

 .menu DIV {
  float: left;			/* Состыковка с соседней вкладкой */
  width: 151px;			/* Ширина вкладки */
  height: 30px;			/* Высота вкладки */
  margin-right: 1px;		/* Расстояние между вкладками */
  text-align: center; text-decoration: none;
  font-family: Arial, sans-serif;	/* Рубленый шрифт для текста меню */
  font-size: 9pt; font-weight:bold;			/* Выровнять надпись по центру */
  background:
   url(images/g_menu.jpg)	/* Путь к совместному рисунку */
   no-repeat			/* Установить фон без повторений */
}
 .menu A {
  display: block;/* Ссылка как блочный элемент */
  text-decoration: none; color:#FFFFFF; 		
  width: 100%;			/* Ссылка на всю ширину вкладки */
  height: 100%;			/* Ссылка на всю высоту вкладки */
  padding: 6px 0px		/* Поля для размещения текста по центру */
}
 .menu A:hover {
  background:
   url(images/g_menu.jpg)	/* Путь к совместному рисунку */
   -151px			/* Сдвигаем фон влево */
   0px				/* По вертикали оставляем на месте */
   no-repeat			/* Отображать фон без повторений */