style naming convention:
	m<menu number>l<level number><state><tag>

where:
	<menu number> - zero based number of menu on the page (first has number 0, second - 1 and so on) 
	<level number> - zero based number of menu level (root level has number 0, first sub level - 1 and so on) 
	<state> - the state of item to which style is applied. May have values mout, mover and mdown.
	<tag> - position of the item's tag. Can have values o for outer tag and i for inner tag 
*/

.m0l0mouto{
	
	border : 0px solid #339966;
	margin: 0px;
}

.m0l1mouto {
	background: #339966;
	border : 0px solid #DBEAF5;
	margin: 0px;
}

.m0l2mouto, .m0l3mouto, .m0l4mouto {
	background: #339966;
	border : 0px solid #DBEAF5;
	margin: 0px;
}
.m0l0movero {

	border : 0px solid #339966;
	margin: 0px;
}
.m0l1movero, .m0l2movero, .m0l3movero, .m0l4movero {
	background: #99cccc;
	border : 0px solid #DBEAF5;
	margin: 0px;
}
.m0l0mdowno, .m0l1mdowno, .m0l2mdowno, .m0l3mdowno, .m0l4mdowno {
	background: #99cccc;
	border : 0px solid #DBEAF5;
	margin: 0px;
}
.m0l0mouti{
	color: #ffffff;
	font-style: bold;
	font-family: Calibri,Verdana,arial;
	font-size: 10pt;
	padding: 2px;
}
.m0l0moveri{
	color: #99cccc;
	font-style: bold;
	font-family: calibri,verdana,arial;
	font-size: 10pt;
	padding: 2px;
}
.m0l0mdowni,
.m0l1mouti, .m0l1moveri, .m0l1mdowni,
.m0l2mouti, .m0l2moveri, .m0l2mdowni,
.m0l3mouti, .m0l3moveri, .m0l3mdowni,
.m0l4mouti, .m0l4moveri, .m0l4mdowni {
	color: #ffffff;
	font-style: bold;
	font-family: calibri,verdana,arial;
	font-size: 10pt;
	padding: 2px;
	
}