/* background - top right bottom left*/ /*.neon {margin:5px auto 5px 0;*/ /* padding:5px 0 5px 5px;*/ /* remove the margin and bullets, set the padding and margin for this demo only*/ .neon {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; background:#000; width:960px;} /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */ .neon li {display:inline; float:left; margin:2px; background:url(images/menu_on.gif);} /* style the links and place the background image to start from left edge */ .neon li a {display:block; height:25px; float:left; background:url(images/menu_off.gif); text-decoration:none; font-size:16px; font-family:arial, sans-serif; letter-spacing:1px; line-height:25px;} /* style the b element to position it to the right by 20 pixels and even out the text with 20 pixel right padding */ .neon li a b {margin:0 0 0 5px; display:inline; float:left; height:25px; background:url(images/menu_off.gif) right top; padding:0 5px 0 0; color:#8BF;} /* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */ .neon li a:hover, .neon li a:hover b {border:0; background-image:url(images/menu_on.gif); cursor:pointer; color:#008;} .neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(images/menu_on.gif); color:#EEF; cursor:default;} div.menubar { width:975px; height:45px; text-align:left; border-bottom-style:double; }