/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-m, a.mainlevel_active-m, a.mainlevel_current-m,
a.mainlevel-m:link, a.mainlevel_active-m:link, a.mainlevel_current-m:link,
a.mainlevel-m:visited, a.mainlevel_active-m:visited, a.mainlevel_current-m:visited {
	background-color: #0E0E0E;
	background-image: url(../../images/sprites_front_page.png);
	background-repeat: no-repeat;
	background-position: 0px -663px;
	color: white;
}
a.mainlevel-m:hover, a.mainlevel_active-m:hover, a.mainlevel_current-m:hover {
	background-color: #0E0E0E;
	background-image: url(../../images/sprites_front_page.png);
	background-repeat: no-repeat;
	background-position: 0px -628px;
	color: #8aff00;
}
a.sublevel-m, a.sublevel_active-m, a.sublevel_current-m,
a.sublevel-m:link, a.sublevel_active-m:link, a.sublevel_current-m:link,
a.sublevel-m:visited, a.sublevel_active-m:visited, a.sublevel_current-m:visited {color: #FFF;}
a.sublevel-m:hover, a.sublevel_active-m:hover, a.sublevel_current-m:hover {
	background-color: #0E0E0E;
	background-image: url(../../images/sprites_front_page.png);
	background-repeat: no-repeat;
	background-position: 0px -640px;
	color: #8aff00;
}
ul.mainlevel-m ul ul a.sublevel-m, ul.mainlevel-m ul ul a.sublevel_active-m, ul.mainlevel-m ul ul a.sublevel_current-m,
ul.mainlevel-m ul ul a.sublevel-m:link, ul.mainlevel-m ul ul a.sublevel_active-m:link, ul.mainlevel-m ul ul a.sublevel_current-m:link,
ul.mainlevel-m ul ul a.sublevel-m:visited, ul.mainlevel-m ul ul a.sublevel_active-m:visited, ul.mainlevel-m ul ul a.sublevel_current-m:visited {color: #FFF;}
ul.mainlevel-m ul ul a.sublevel-m:hover, ul.mainlevel-m ul ul a.sublevel_active-m:hover, ul.mainlevel-m ul ul a.sublevel_current-m:hover {background-color: #2B2E32; color: #8aff00;}
ul.mainlevel-m .expanded {
	display: block;
	background-image: url(../../images/sprites_front_page.png);
	background-position: right -140px;
	background-repeat: no-repeat;
	padding-right: 16px;
}
ul.mainlevel-m ul .expanded
{
	background-image: url(../../images/sprites_front_page.png);
	background-repeat: no-repeat;
	background-position: right -170px;
}
/** customize style / layout here */
a.mainlevel-m, a.mainlevel_active-m, a.mainlevel_current-m, span.mainlevel-m,
a.mainlevel-m:link, a.mainlevel_active-m:link, a.mainlevel_current-m:link,
a.mainlevel-m:visited, a.mainlevel_active-m:visited, a.mainlevel_current-m:visited,
a.mainlevel-m:hover, a.mainlevel_active-m:hover, a.mainlevel_current-m:hover,
a.sublevel-m, a.sublevel_active-m, a.sublevel_current-m, span.sublevel-m,
a.sublevel-m:link, a.sublevel_active-m:link, a.sublevel_current-m:link,
a.sublevel-m:visited, a.sublevel_active-m:visited, a.sublevel_current-m:visited,
a.sublevel-m:hover, a.sublevel_active-m:hover, a.sublevel_current-m:hover {
	font-weight: normal;
	font-size: 100%;
	font-size:12px;
	text-align: left;
	text-decoration: none;
	display: block;
	border-top:0;
	padding: 4px 12px 7px 12px;	/* top, right, bottom, left */
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
}
a.mainlevel-m, a.mainlevel_active-m, a.mainlevel_current-m,
a.mainlevel-m:link, a.mainlevel_active-m:link, a.mainlevel_current-m:link,
a.mainlevel-m:visited, a.mainlevel_active-m:visited, a.mainlevel_current-m:visited,
a.mainlevel-m:hover, a.mainlevel_active-m:hover, a.mainlevel_current-m:hover {
	padding:11px 12px 11px 12px;
	border-left:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
a.mainlevel-m, a.mainlevel_active-m, a.mainlevel_current-m, span.mainlevel-m {}
a.sublevel-m, a.sublevel_active-m, a.sublevel_current-m, span.sublevel-m {
	font-size: 90%;
	border-top: none;
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}
#active_menu-m,
a.mainlevel_active-m, a.mainlevel_current-m,
a.mainlevel_active-m:link, a.mainlevel_current-m:link,
a.mainlevel_active-m:visited, a.mainlevel_current-m:visited,
a.mainlevel_active-m:hover, a.mainlevel_current-m:hover,
a.sublevel_active-m, a.sublevel_current-m,
a.sublevel_active-m:link, a.sublevel_current-m:link,
a.sublevel_active-m:visited, a.sublevel_current-m:visited,
a.sublevel_active-m:hover, a.sublevel_current-m:hover{
	font-weight: bold;
	background-color:#111111;
	background-image: url(../../images/sprites_front_page.png);
	background-repeat: no-repeat;
	background-position: 0px -588px;
}
ul.mainlevel-m, .mainlevel-m ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}
ul.mainlevel-m li {
	padding: 0;
	margin: 0;
	background: none;
	float: left;
}
ul.mainlevel-m li li {
	position: relative;
	display: block;
	width: 142px;
	background-color: #0E0E0E;
	background-image: url(../../images/sprites_front_page.png);
	background-repeat: no-repeat;
	background-position: 0px -675px;
}
ul.mainlevel-m ul, .submenu-table {
	display: block;
	position: absolute;
	left: -999em;
	margin: 0;
	width: auto;
	height: auto;
	z-index: 101;
	border:1px solid black;
	background-color:#202328;
}
ul {}
ul.mainlevel-m li li ul {margin: -24px 0 0 10em; z-index: 102;}
/** IE7.0 workaround */
ul.mainlevel-m li:hover, ul.mainlevel-m li.hover {
	position: static;
}
/** general on-mouse-over display */
ul.mainlevel-m li:hover ul,
ul.mainlevel-m li.hover ul {
	left: auto;
}
ul.mainlevel-m li:hover ul ul,
ul.mainlevel-m li.hover ul ul {
	left: -999em;
}
ul.mainlevel-m li:hover ul li:hover ul,
ul.mainlevel-m li.hover ul li.hover ul {
	left: auto;
}
ul.mainlevel-m, ul.mainlevel-m li li {
	clear: left;
}
/** separator */
span.mainlevel-m, span.sublevel-m {
	display: block;
	width: 1em;
	border-width: 0px;
	margin-left: 1em;
	padding: 0;
	padding-top: 1px;
}
/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-m > ul.mainlevel-m {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */
}
ul.mainlevel-m > ul.mainlevel-m li.hover ul {
	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */
}
ul.mainlevel-m > ul.mainlevel-m li.hover ul ul {
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
}
.peregorodka {background-color:black; height:38px; width:1px; float: left; margin:0; padding:0;}