
/* Общие установки меню */
#centeredmenu {
	clear:both;
	float:right;
	margin:0;
	padding:0; 
	width:100%; 	 
	z-index:1000;  /* Так выпадающие подпункты будут выводиться поверх содержимого страницы, расположенного ниже меню */
	position:relative;
}

.ico_long{ padding:5px 0 0 1px; }
/* Основные пункты меню */
#centeredmenu ul {
	margin:0; 
	padding:0;
	list-style:none;
	float:right;
	position:relative; 
}
#centeredmenu ul li {
	margin:0 0 0 1px;
	padding:0;
	float:right;
	position:relative; 
	top:1px;
}
#centeredmenu ul li a {
	display:block;
	margin:0;
	padding:0;  
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	 
}
 
#centeredmenu ul li a:hover {
  /* Цвет фона основных пунктов меню */
	color:#f1f1f1;
	border-bottom:1px solid #494949;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* Данная строка требуется для IE 6  */
  /* Цвет фона основных пунктов меню */
	color:#cccccc;
	border-bottom:1px solid #494949;
}

/* Подпункты */
#centeredmenu ul ul {
	display:none; /* Подпункты скрыты по умолчанию */
	position:absolute;
	background-color:#2F2F2F;  color:#F00;
	border:1px solid #494949;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-opera-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	left:-5px;				
	top:13px;
	float:right;
  /* Сбрасываем установки свойства right:50% родительского элемента ul */
	width:65px; /* Ширина выпадающего меню */
}
#centeredmenu ul ul li {
	   /*Сбрасываем установки свойства left:50% родительского элемента li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:right;
	float:right;
	width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* Данная строка требуется для IE 6 */
	 
	font-weight:normal; /* Сбрасываем установки жирного шрифта для пунктов верхнего уровня меню */
 
	line-height:20px; /* Изменяем значение значение свойства line-height */
	border-bottom:1px solid #494949; /* Горизонтальная линия для пункта подменю */
	float:left;
	width:100%;
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* Данная строка требуется для IE 6 */
  /* Цвет фона пункта подменю */
	color:#F00;
	float:right;
}

/* Переставляем последнее подменю так, что оно находится внутри страницы */
#centeredmenu ul ul.last {
	left:auto; /* Сбрасываем значение свойства left:0; */
	 
}
#centeredmenu ul ul.last li {
	float:right;
	position:relative;
 
}

/* Выводим подменю при наведении курсора мыши на пункт основного меню */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /*Данная строка требуется для IE 6 */
	display:block; /* Выводим подменю */
}