#nav, #nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 14px verdana, sans-serif; font-style: bold; border:0px solid #ffffff;  background:#transparent; position:relative; z-index:920;}#nav {height:28px; padding:0;}#nav table {border-collapse:collapse;}#nav li {float:left; padding:0 14px 0 14px;}#nav li li {float:none;}/* a hack for IE5.x and IE6 */#nav li a li {float:left;}#nav li a {display:block; float:left; color:#30251e; height:28px; padding-right:5px; line-height:28px; text-decoration:none; white-space:nowrap;}#nav li li a {height:20px; line-height:20px; float:none;}#nav li:hover {position:relative; z-index:930; background:#transparent;}#nav a:hover {position:relative; z-index:930; text-decoration:none; color:#687b2a;}#nav :hover ul {left:0; top:24px;}/* another hack for IE5.5 and IE6 */#nav a:hover ul {left:-10px;}#nav ul {position:absolute; left:-9999px; top:-9999px;}/* it could have been this simple if all browsers understood *//* show next level */#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}/* keep further levels hidden */#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}/* show path followed */#nav li:hover > a {text-decoration:none; color:#ffffff;}/* but IE5.x and IE6 need this lot to style the flyouts*//* show next level */#nav a:hover a:hover ul,#nav a:hover a:hover a:hover ul,#nav a:hover a:hover a:hover a:hover ul,#nav a:hover a:hover a:hover a:hover a:hover ul{left:100%; top:-1px;}/* keep further levels hidden */#nav a:hover ul ul,#nav a:hover a:hover ul ul,#nav a:hover a:hover a:hover ul ul,#nav a:hover a:hover a:hover a:hover ul ul{position:absolute; left:-9999px; top:-9999px;}.himenu-top{color: #ffffff;}.himenu-side{color: #687b2a;}