I'm building a website and I want to skin my menu. I'm using the apollo mlmenu as a skinobject in my skins to displaying my MENU. There are some additional classes which I want to use to customise my Menu. So I have added these classes to my xml skin files:

<Object>
    <Token>[SOLPARTMENU]</Token>
    <Settings>
      <Setting>
        <Name>rootmenuitemactivecssclass</Name>
        <Value>MainMenu_RootMenuItemActive</Value>
      </Setting>
      <Setting>
        <Name>rootmenuitemcssclass</Name>
        <Value>MainMenu_RootMenuItem</Value>
      </Setting>
      <Setting>
        <Name>submenuitemactivecssclass</Name>
        <Value>MainMenu_SubMenuItemActive</Value>
      </Setting>
      <Setting>
        <Name>rootmenuitemselectedcssclass</Name>
        <Value>MainMenu_RootMenuItemSelected</Value>
      </Setting>
      <Setting>
        <Name>submenuitemselectedcssclass</Name>
        <Value>MainMenu_SubMenuItemSelected</Value>
      </Setting>
    </Settings>
  </Object>

I also used the same xml values by using the skinobject [MLMENU] in my skin xml and html files

<Object>
    <Token>[MLMENU]</Token>
    <Settings>
      <Setting>
        <Name>rootmenuitemactivecssclass</Name>
        <Value>MainMenu_RootMenuItemActive</Value>
      </Setting>
      <Setting>
        <Name>rootmenuitemcssclass</Name>
        <Value>MainMenu_RootMenuItem</Value>
      </Setting>
      <Setting>
        <Name>submenuitemactivecssclass</Name>
        <Value>MainMenu_SubMenuItemActive</Value>
      </Setting>
      <Setting>
        <Name>rootmenuitemselectedcssclass</Name>
        <Value>MainMenu_RootMenuItemSelected</Value>
      </Setting>
      <Setting>
        <Name>submenuitemselectedcssclass</Name>
        <Value>MainMenu_SubMenuItemSelected</Value>
      </Setting>
    </Settings>
  </Object>

I even copied the same code to my skin.xml file, but it doesn't effect my skins. I styled the classes in my default.css and also in my skin.css in my customised skin folder. It doesn't work. What have I done wrong?