.subnav         { font-size: 14px; padding-top: 16px }
.subnav img     { float: right; margin: 4px 4px 0px 0px; padding: 0px; display: inline }
.subnav ul       { text-align: left; list-style-type: none; margin: 0px; padding: 0px; height: auto; }
.subnav li     { list-style-type: none; margin: 0px; padding: 0px; display: inline !important }
/*

To make the links active for the full width of the DIV, I made them display: block;.
This works for everything but IE/Windows. If you give the block an explicit width of 
100%, then IE/Windows plays along. But doing this creates problems with IE5/Mac and 
Netscape/Mozilla. So I used the child selectorÒ>Ó to redefine the width to auto. 
Since IE/Windows doesnÕt understand child selectors, it ignores the rule. IE5/Mac, 
Opera and Netscape/Mozilla follow the rule, and everyone is happy.

*/
.subnav li a         { color: #1677bc; text-decoration: none; list-style-type: none; margin: 0px; padding: 4px 4px 4px 10px; width: auto; display: block }
html>body .subnav li a { width: auto; }
.subnav li a:hover        { color: #ed43a5; text-decoration: none; background: white url(../images/pixel_white.gif) !important; list-style-type: none; margin: 0px; display: block }
.subnav a:visited   { color: #1677bc; text-decoration: none; margin: 0px }