#mainnav { position:relative; z-index:99; clear:both; border:solid #CCC; border-width:1px; border-top-color:#E0DFE3; min-height:1px; }
#mainnav ul { list-style:none; 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-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;  border-width:10px; line-height:1; }
#mainnav li a { display:block; text-decoration:none; color:#133542; border-right:1px solid #E1E1E1; }
#mainnav li a:hover, #mainnav ul li.over a, #mainnav li.current a:hover { text-decoration:underline; }
#mainnav li a:hover { color:#3D143E; }
#mainnav li a span { position:relative; display:block; padding:9px 11px; }
#mainnav li.prev span { background:none; }
#mainnav li.current a { background-color:#E0DFE3; position:relative; z-index:60; }
#mainnav li.last a span { background:none; }
#mainnav li.rss a { background:url(/magazine/graphics/icons/rss.gif) 9px 7px no-repeat; }
#mainnav li.rss a span { padding-left:30px; }
#mainnav #mainnav_sleeve ul div li.label { padding:6px 13px; color:#133542; background:url(/magazine/graphics/nav_label.gif) no-repeat 100% 8px }

#mainnav ul div { position:absolute; background-color:#E0DFE3; width:100%; }
#mainnav ul div ul { background:none; }
#mainnav #mainnav_sleeve ul div li { float:left; border:0; background:url(/magazine/graphics/subnav_divider.gif) no-repeat 100% 8px; }
#mainnav #mainnav_sleeve ul div li.last { background:none; }
#mainnav #mainnav_sleeve ul div li a { background:none; }

#mainnav ul ul div { position:absolute; left:-9999px; padding:0; width:200px; border:1px solid #CCC; border-top-width:0; margin-left:-1px; }
#mainnav ul ul div ul { display:block; border-top:0; }
#wrapper #mainnav li li a { padding:6px 11px; }
#wrapper #mainnav li li li { background:none; float:none; border-right:0; width:100%; border-bottom:1px solid #CCC; }
#wrapper #mainnav li li li.last { border:0; }
#wrapper #mainnav li li li a { text-decoration:none; border-right:0; padding:8px 11px; }
#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:url(/magazine/graphics/icons/rss.gif) no-repeat 8px 5px; float:left; padding-left:30px; }
