Menu Style change

Hi there!

I was force to change my old menus (Manual input in Master Page) to Sitemap Menus using Menu control with Sitemap DataSource.

I have this:
http://img12.imageshack.us/img12/8975/beforejg.jpg

Made by this code:

<ul class="sidemenu">
                    <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" 
                        StaticDisplayLevels="2" Font-Size="Smaller" ItemWrap="False"></asp:Menu>
                    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
                </ul>

and want this:
http://img7.imageshack.us/img7/9229/afterkh.jpg

Wich was my inicial style.
The CSS for that particular menu style is:

#sidebar
{
    float: left;
    width: 21%;
    margin: 0;
    padding: 0;
    display: inline;
}
#sidebar ul.sidemenu
{
    list-style: none;
    text-align: left;
    margin: 0 0 8px 0;
    padding-right: 0;
    text-decoration: none;
}
#sidebar ul.sidemenu li
{
    border-bottom: 1px solid #EFF0F1;
    background: url(../images/arrow.gif) no-repeat 2px 5px;
    padding: 2px 5px 2px 20px;
}

and HTML code was:

<ul class="sidemenu">
                    <li><a href="~/secure/Home.aspx">Home</a></li>
                    <li><a href="~/secure/ListarLivros.aspx">Listagem</a></li>
                </ul>

How can i convert to this style?

Thank u very much!