/************** структура шаблона *****************
* 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{
width:auto;
padding:5px;
		background-color: #d5bdc0;
	
		
	}
#divMenuBarLeft{}
#left-menu{
	
	
	
}
.betv_menuleft{}
/********* основное меню *****************/
#left-menu ul{
	list-style: none;
	margin: 0;
	padding: 15px 0 0 0;
	width: 200px;
}
#left-menu li {
	text-decoration: none;
	margin: 0;
	padding:5px 7px;
	position: relative;
}
#left-menu li:hover{
}
#left-menu li a{
    /*background-image: url(pic/dotssm.png);*/
    background-position: left;
    background-repeat: no-repeat;
	display: block;
    font-size: 12pt;
	color: #4a2c2c;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 7px ;
	margin: 0;
    text-align: left;
	font-family:"DidactGothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#left-menu li a:hover{
	color: #fff;
	background-color:#9b5d73;
}
#left-menu li a#left-current, #left-menu li.active a{
	color: #fff;
	background-color:#9b5d73;
}
/********* подменю 1 уровня *****************/
#left-menu li ul {
	background-color: #fff1c5;
    border: 1px dotted #4a2c2c;
	position: absolute;
	top: -1px;
	left: 99%;
	display: none;
	width:auto;
	min-width: 120px;
	padding: 0;
     border-bottom: 0;
}
#left-menu li li {
    padding-left: 8px;
    padding-right: 8px;
	
     border-bottom: #4a2c2c dotted 1px;
}

#left-menu li ul li:hover{
	border:0px;
border-bottom: #4a2c2c dotted 1px;
}
#left-menu li li a{
	color: #4a2c2c;
	text-decoration: none;
	font-weight: normal;
	padding: 4px 4px 4px 25px;
	margin: 0;
    text-align: left;
    background-image: url(pic/dotssm.jpg);
	background-repeat: no-repeat;
	background-position: left;
    margin-left: 4px;
	font-size: 10pt;
    font-weight: bold;
	white-space: normal;
}
#left-menu li li a:hover{
	background:none;
	background-image: url(pic/dotssm.jpg);
	background-repeat: no-repeat;
	background-position: left;
    color: #ef6013;

}
#left-menu li li a#left-current, #left-menu li li.active a{
	background:none;
	background-image: url(pic/dotssm.jpg);
	background-repeat: no-repeat;
	background-position: left;
    color: #ef6013;
}
/********* подменю 2 уровня *****************/
#left-menu li li ul{
	left: 100%;
    top: -1px;
}
#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 li li.active a{}

/*************** НЕ МЕНЯЕМОЕ ****************/
#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 */