Problems with asp menu control in charepoint 2013

I have an asp menu control, and I am applying css to it, now I have two problems:

1)I want to put a vertical space in bwtween each link in the menu, but all of the solutions i have found do not work. 2)I want to be able to also change the font color, but for the life of me cant figure out how.

Menu Code:

<!--SPM:<SharePoint:AspMenu 
            ID="TopNavigationMenu" 
            CssClass="TopNavigationMenu"

            Runat="server" 
            EnableViewState="false"
            DataSourceID="topSiteMap"
            AccessKey="&#60;%$Resources:wss,navigation_accesskey%&#62;"
            UseSimpleRendering="true"
            UseSeparateCss="false"
            Orientation="Horizontal"
            StaticDisplayLevels="2"
            AdjustForShowStartingNode="true"
            MaximumDynamicDisplayLevels="2"
            ForeColor="White"
            style="color:White;"

            SkipLinkText=""/>-->

CSS:

 .TopNavigationMenu  {


    color:white;
}

.TopNavigationMenu ul{
    list-style:none;
    margin:0;
    padding:0;
    margin-left:10px;
        color:white;
}

.TopNavigationMenu li{
    float:left;
    padding:10px 10px 10px 10px;
    background-color:fuchsia;
    color:White;
    margin-left:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;

}

.TopNavigationMenu a{
        color:white;
        font-size:16px;


}