@charset "UTF-8";
/* CSS Document */

ul#topnav { margin: 0;  width: 445px; padding-top: 17px; padding-left: 10px; float: left; list-style: none; position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ }

ul#topnav li { padding: 1px 15px; display: block; float: left; border-right: 1px solid #CCC; /*--Divider for each parent level links--*/ }

ul#topnav li a { color: #999898; text-decoration: none; }

ul#topnav li a:hover { color: #34673C; }

/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span { float: left; padding: 3px 0; position: absolute; display: inline; left: 169px; top:35px; display: none; /*--Hide by default--*/ color: #999898; }

ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/

ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

ul#topnav li span a:hover {color: #34673C;}