#nav { float: left; width: 771px; clear: both; margin-top: 30px; font-family: verdana, sans-serif; position: relative; background: #d6e3d3 url(../img/page_elements/nav_dots.gif) left bottom repeat-x; padding-bottom: 1px; }

ul#topnav { margin: 0; padding: 0; list-style: none; float: left; width: 771px; background: #d6e3d3 url(../img/page_elements/nav_dots.gif) left top repeat-x; padding-top: 1px; }

#nav li { float: left; background: url(../img/page_elements/nav_vdots.gif) right top repeat-y; padding-right: 1px; }

/* Doesn't work: */
/* #nav li:hover { background-image: url(../img/page_elements/nav_vdots_ON.gif); } */
/* #nav ul.subnav li:hover { background: none; } */

#nav a { float: left; display: block; padding: 0px 10px 0px 7px; height: 20px; line-height: 20px; font-size: 11px; font-weight: normal; color: #333; text-decoration: none; }
* html #nav a { line-height: 18px; }
#nav a#nav_about { padding-left: 21px; }

/* Presentation for top level navigation */
#nav a { background: url(../img/page_elements/nav_arrow.gif) right bottom no-repeat; }
#nav a:hover, #nav a.current { background: #3f7b31 url(../img/page_elements/nav_arrow_ON.gif) right bottom no-repeat; color: #f6f9f4; }

ul.subnav { margin: 0; padding: 0; list-style: none; position: absolute; left: 14px; top: 21px; width: 771px; }
ul.subnav { display: none; }

#nav ul.subnav li { background: none; padding-right: 0; }
#nav ul.subnav a { padding-right: 7px; font-size: 10px; color: #535353; }
#nav ul.subnav a { background: url(../img/page_elements/subnav_dot.gif) 0% 60% no-repeat; }
#nav ul.subnav a:hover, #nav ul.subnav a.current { background: url(../img/page_elements/subnav_dot.gif) 0% 60% no-repeat; }
* html #nav ul.subnav a, * html #nav ul.subnav a:hover, * html #nav ul.subnav a.current { background-position: 0% 55%; }
#nav ul.subnav li.first a, #nav ul.subnav li.first a:hover { background: none; }

#nav ul.subnav a:hover { color: #3f7b31; }
#nav ul.subnav a.current, #nav ul.subnav a.current:hover { color: #535353; font-weight: bold; }