/************** структура шаблона *****************
* id=menu_left - левое меню, описывается и в st.css
	- id=divMenuBarLeft - div
		- id=left-menu - div
			- class=betv_menuleft ячейка перед меню (проверить)
			
			Структура меню:
			UL LI
				UL LI
					Ul LI /LI /UL
				/LI /UL
			/LI /UL 

**************************************************
!!! все фоны должны находиться в папке pic !!! 
**************************************************/

/************ Структура для меню ****************/
#menu_left{}
#divMenuBarLeft{}
#left-menu{
	width: 180px;
}
.betv_menuleft{}
/********* основное меню *****************/
#left-menu ul{
	width: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#left-menu li {
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}
#left-menu li a{
	display: block;
	color: #3f4548;
	text-decoration: none;
	font-weight: normal;
	padding: 4px 25px 4px 4px;
	margin: 0;
    text-align: right;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(pic/menu_left-1.gif);
}
#left-menu li a:hover{
	background-image: url(pic/menu_left-2.gif);
}
#left-menu li a#left-current{
	background-image: url(pic/menu_left-2.gif);
    font-weight: bold;
}
/********* подменю 1 уровня *****************/
#left-menu li ul {
	background-color: #66cc33;
	position: absolute;
	left: 180px;
	top: -1px;
	display: none;
	border: 1px solid #fff;
    z-index: 1000;
}
#left-menu li li {
  	z-index:100;
}
#left-menu li li a{
  	color: #fff;
	text-decoration: none;
	font-weight: normal;
	padding: 4px 4px 4px 25px;
	margin: 0;
    text-align: left;
	background-repeat: no-repeat;
	background-position: left;
    background-image: none;
}
#left-menu li li a:hover{
	background-image: url(pic/menu_left-4.gif);
}
#left-menu li li a#left-current{
	background-image: url(pic/menu_left-4.gif);
}
/********* подменю 2 уровня *****************/
#left-menu li li ul{
	left: 178px;
}
#left-menu li li li {}
#left-menu li li li a{}
#left-menu li li li a:hover{}
#left-menu li li li a#left-current{}

/*************** НЕ МЕНЯЕМОЕ ****************/
#left-menu li:hover ul ul,
#left-menu li li:hover ul ul
{display:none;}

#left-menu li:hover ul,
#left-menu li li:hover ul
{display:block;}

/* Fix IE. Hide from IE Mac \*/
* html #left-menu  ul li { float: left; height: 1%; }
* html #left-menu  ul li a { height: 1%; }
/* End */