#mainnav { border-top:1px solid #FFF; position:relative; z-index:99; clear:both; min-height:1px; }
#mainnav ul { list-style:none; background:#CCC; margin:0; padding:0; min-height:1px; }
#mainnav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#mainnav li { float:left; padding:0; margin:0; background:none; font:bold 1em/1 Arial, Helvetica, sans-serif; border-width:10px; }
#mainnav li a { color:#000; display:block; text-decoration:none; border-right:1px solid #FFF; text-transform:uppercase; }
#mainnav li a:hover, #mainnav ul li.over a, #mainnav li.current a:hover { text-decoration:underline; }
#mainnav li a span { position:relative; display:block; padding:8px 14px 9px; }
#mainnav li.prev span { background:none; }
#mainnav li.current a, #mainnav li div a { background-color:#000; color:#FFF; border-right:1px solid #FFF; position:relative; z-index:60; }
#mainnav li.current > a { text-decoration:underline; }
#mainnav li.current > a:hover { text-decoration:none; }
#mainnav li.last a { border-right:none; }
#mainnav li.last a span { background:none; }
#mainnav li.rss a { background-image:url(/magazine/graphics/icons/rss.gif); background-repeat:no-repeat; background-position:8px 6px; }
#mainnav li.rss a span { padding-left:30px; }

#mainnav ul div { position:absolute; width:100%; margin-top:-1px; left:0; }
#mainnav ul div ul { border-top:1px solid #FFF; background-color:#000; }
#mainnav #mainnav_sleeve ul div li { float:left; border:0; background:url(/magazine/graphics/subnav_divider.gif) no-repeat 100% 6px; }
#mainnav #mainnav_sleeve ul div li.last { background:none; }

#mainnav ul ul div { position:absolute; left:-9999px; padding:0; width:177px; margin:0; }
#mainnav ul ul div ul { background:#DADADA; display:block; border:1px solid #000; padding:2px 8px 4px; }
#wrapper #mainnav li li a { padding:5px 16px 8px 14px; text-transform:none; background-color:transparent; border:0; }
#wrapper #mainnav li li li { background:none; float:left; width:159px; border-right:0; font-weight:normal; }
#wrapper #mainnav li li li a { text-decoration:none; border-bottom:1px solid #BDBDBD; border-top:1px solid #E9E9E9; padding:7px 0 8px; color:#242424; }
#wrapper #mainnav li li li.first a { border-top:0; }
#wrapper #mainnav li li li.last a { border-bottom:0; }
#wrapper #mainnav li li li a:hover { text-decoration:underline; }
#mainnav li ul li.current { margin-top:0; }
#mainnav li ul li.current a { text-decoration:underline; }
#mainnav ul ul li:hover>div { left:auto; }

#mainnav.nosubnav #mainnav_sleeve { padding-bottom:0; }
#mainnav #mainnav_sleeve { padding-bottom:24px; }
#mainnav #mainnav_sleeve ul div li.rss a { background-position:14px 4px; float:left; padding-left:38px; }