/* 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: ml where: - zero based number of menu on the page (first has number 0, second - 1 and so on) - zero based number of menu level (root level has number 0, first sub level - 1 and so on) - the state of item to which style is applied. May have values mout, mover and mdown. - 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; }