Thanks for that

I will bee merry if i cn get this chnage implemented :)

Here's an example of the menu styling for a skin I am working on. It has comments to show what styles what so maybe it will help you.

Good luck! ~Bee

/* SOLPART MENU */

.menu { /* container for menu object */
    clear: both;
 background-color: Transparent;
 height: 30px;
 width: 50%;
 position: relative;
 float: left;
 text-align: left;
 margin-top: 8px;
}
.MainMenu_MenuContainer {
    background-color: transparent;
}
.MainMenu_MenuBar {
    cursor: pointer;
    height: 19px;
    background-color: Transparent;
    padding:3px 2px 3px 2px;
}
.MainMenu_MenuItem { /* menu bar and menu bar text */
    border-color: transparent;
    cursor: pointer;
    color: #B4C2F9; /* text color for all non-active menu item text on menu bar */
    font-family: arial, helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    height: 19px;
}
.MainMenu_MenuIcon { /* icons on the drop-down menu */
 display: none;
}
/* The styling of the drop-down menus
   Padding has to be the same as the hover class
   or you will get flickering */
.MainMenu_SubMenu { /*normal state text colors inherited from menu bar */
    color: white; /*This is the hover state for the drop-down menu text */
    background-color: #36439b; /*full background for drop-down menu */
    /* opacity for IE range is 0 to 100 */
    filter: alpha(opacity=80);
    /* opacity for CSS3 standard range is 0.0 to 1.0 */
    opacity: 0.8;
    margin: 0;
    border: 0px;
    cursor: pointer;
    display: inline;
    z-index: 150;
 padding:2px 3px 4px 3px;
}
.MainMenu_MenuItemSel { /* drop-down menu hover style */
    background-color: #ea2229; /*background hover state for all menu items */
    cursor: pointer;
    color: white; /*color of text in hover state for all menu items*/
    font-family: arial, helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    border: 0;
 height: 13px;
    padding:3px 3px 4px 5px;
}
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow {
 display: none;
}
/* This styles the active item on the menu.
   Make sure you are registering the SOLPART MENU.
   Use this line of code in your html to activate this class:
   <dnn:SolPartMenu runat="server" id="dnnSolPartMenu" rootmenuitemactivecssclass="rootmenuitemactivecssclass"/> */
.rootmenuitemactivecssclass {
    color: white;
}
/* END SOLPART MENU */