How do I align asp:Menu items?

[Mark B]

I have an asp:Menu control in vertical drop-down mode, a portion as displayed:




Can anyone tell me how to get Community correctly aligned with Support? Also how do I put a bit of a gap between Community and its gray border? I have the following CSS which I purchased as part of a theme from www.aspthemes.net ...)


/*-- ASP Menu --*/

/*-- Vertical Orientation --*/

..aspMenu

{

background-color: #eeeeee !important;

background-image: url(./Images/menu_headerbg.j pg) !important;

background-repeat: repeat-x !important;

}

..aspMenuDynami cHover

{

height: 25px !important;

}

..aspMenuDynami cHover tr td a:Hover

{

color: #000000 !important;

font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;

font-size: 9pt !important;

font-weight: bold !important;

}

..aspMenuDynami cMenuItem

{

background-color: #eeeeee !important;

height: 25px !important;

}

..aspMenuDynami cMenuItem tr td a

{

color: #686872 !important;

font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;

font-size: 9pt !important;

font-weight: bold !important;

height: 25px !important;

}

..aspMenuStatic MenuItem

{

padding: 5px 10px;

border-bottom-color: #cccccc !important;

border-bottom-style: solid !important;

border-bottom-width: 1px !important;

}

..aspMenuStatic MenuItem tr td a

{

color: #686872 !important;

font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;

font-size: 9pt !important;

font-weight: bold !important;

text-decoration: none !important;

}

..aspMenuStatic MenuItem tr td a:Hover

{

color: #000000 !important;

font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;

font-size: 9pt !important;

font-weight: bold !important;

}



/*-- ASP Menu --*/

/*-- Horizontal Orientation --*/

..aspMenu1

{

background-image: url(./Images/shared_headerbg .gif) !important;

background: url(./Images/shared_headerbg .gif) !important;

background-repeat: repeat-x !important;

height: 34px !important;

padding-left: 5px !important;

padding-right: 5px !important;

}

..aspMenuDynami cHover1

{

}

..aspMenuDynami cMenuItem1

{

background-color: #eeeeee !important;

}

..aspMenuDynami cMenuItem1 tr td a

{

color: #686872 !important;

font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;

font-size: 9pt !important;

font-weight: bold !important;

}

..aspMenuDynami cMenuItem1 tr td a:Hover

{

color: #000000 !important;

font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;

font-size: 9pt !important;

font-weight: bold !important;

}

..aspMenuDynami cMenuLevel3

{

margin-left: 16px !important;

}

..aspMenuStatic Hover1

{

}

..aspMenuStatic MenuItem1

{

}

..aspMenuStatic MenuItem1 tr td a

{

color: #686872 !important;

font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;

font-size: 9pt !important;

font-weight: bold !important;

}

..aspMenuStatic MenuItem1 tr td a:Hover

{

color: #000000 !important;

font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;

font-size: 9pt !important;

font-weight: bold !important;

}