Hi ,
I am trying to change 1st and last link background color.
CSS for last link is working fine. But how can i get it for 1st link.

please see this css


.ux-menu-init-hidden{visibility:hidden;position:absolute;}
.ux-menu-container{position:relative;}
.ux-menu,.ux-menu ul{ list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;line-height:1;}
.ux-menu li {position:relative;float:left;}
.ux-menu ul{position:absolute;top:0;left:0;}
.ext-border-box .ux-menu-ie-iframe,.ext-ie7
.ux-menu-ie-iframe{padding:0;margin:0;position:absolute;top:0;left:0;display:none;z-index:-1;}
.ux-menu-vertical .ux-menu-item-main{clear:left;}
.ux-menu a{display:block;position:relative;text-decoration:none;color:#432;border-left:1px solid #e3dad1;border-top:1px solid #e3dad1;border-bottom:1px solid #e3dad1;background:#f3efec url(images/menu-item-bg.png) repeat;font-size:12px;line-height:12px;padding:10px 14px;}
.ux-menu a.ux-menu-link-last{border-right:1px solid #e3dad1; }
ux.menu ul a{width:100%;}.ux-menu a:focus,.ux-menu a:hover,.ux-menu a.ux-menu-link-hover{border-color:#d2e3f4;background:url(images/menu-item-bg-over.png) repeat;outline:0;}
.ux-menu-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ux-menu a.ux-menu-link-parent{padding-right:24px;min-width:1px;}
.ux-menu ul a,.ux-menu.ux-menu-vertical a{border-bottom:0;border-right:1px solid #e3dad1;}


.ux-menu ul a.ux-menu-link-last,.ux-menu.ux-menu-vertical a.ux-menu-link-last{background:#000; border-bottom:1px solid #e3dad1;}


.ux-menu-arrow{display:block;width:8px;height:6px;right:10px;top:14px;position:absolute;background:url(images/menu-arrow-down.png) no-repeat;font-size:0;}
.ux-menu.ux-menu-vertical .ux-menu-arrow,.ux-menu ul .ux-menu-arrow{width:6px;height:8px;top:13px;background:url(images/menu-arrow-right.png) no-repeat;}
.ext-border-box .ux-menu-arrow{top:17px;}
.ext-border-box .ux-menu.ux-menu-vertical .ux-menu-arrow,.ext-border-box .ux-menu ul .ux-menu-arrow{top:16px;}
.ux-menu ul.ux-menu-hidden{display:none;}
.ux-menu a.current{background-image:url('images/menu-item-bg-current.png');border-color:#cbc0b7;}

Hello,

Provide a link to a page where we can see a menu.

Regards,
ARI Soft

here is the link
(www)uwcm.org/main/index.php/about-us.html

I can change "Privacy Policy" background color via css, but cant change background for very first link "About Us"
If I change its color, every single(except last column) changes.

Use the next CSS rule:



Regards,
ARI Soft

Nice.. Thank you very much

Last thing. how to change hover text color only for 1st menu item ?

Use the next CSS rule:



Regards,
ARI Soft