/*
notes:
1. not all browsers render styles the same way so try out your style sheet
on different browsers before publishing
2. remove these instructions and save them in some file for future references
when you finished with setup. this is not to overload your visitors with
data they don't need
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 {
background: #FFFFFF;
border : 1px solid #FFFFFF;
margin: 0px;
}
.m0l0movero, .m0l0mdowno {
background: #99ccee;
border : 1px solid #99ccee;
margin: 0px;
}
.m0l1mouto {
background: #99ccee;
border : 1px solid #FFFFFF;
margin: 0px;
}
.m0l1movero, .m0l1mdowno {
background: #ffffff;
border : 1px solid #99ccee;
margin: 0px;
}

.m0l0mouti, .m0l0moveri, .m0l0mdowni {
color: black;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: right;
padding: 2px;
}
.m0l1mouti, .m0l1moveri, .m0l1mdowni {
color: black;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 2px;
}