#mainnav { position:relative; z-index:99; clear:both; min-height:1px;  }
#mainnav ul { list-style:none; margin:0 -3px 0 -2px; min-height:66px; background:url(/magazine/graphics/bg.mainnav.ul.png) 0 0 no-repeat; }
#mainnav ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* float enclosing */
#mainnav li { float:left; margin:0; padding:1px 0 0; font-size:1em; line-height:1; font-weight:bold; color:#221E1F; text-transform:uppercase; background:none; }
#mainnav li.current { margin-bottom:-1px;  }
#mainnav li a { display:block; padding:8px 0 7px; text-decoration:none; color:#221E1F; }
#mainnav li a:hover, #mainnav ul li.over a, #mainnav li.current a:hover, #mainnav li.current a { background:url(/magazine/graphics/bg.mainnav.current.png) 0 0 repeat-x; color:#FFF; padding-right:1px; }
#mainnav li.first a:hover, #mainnav li.current.first a:hover, #mainnav li.current.first a { background:url(/magazine/graphics/bg.mainnav.current.first.png) 0 0 no-repeat; }
#mainnav li.current a { position:relative; z-index:60; }
#mainnav li a span { position:relative; display:block; padding:3px 25px 4px 20px; border-right:1px solid #CCC;  }
#mainnav li.current a span, #mainnav li a:hover span, #mainnav ul li.over a span, #mainnav li.current a:hover span, #mainnav li.current a span { border:0; }
#mainnav li.last a span { border-right:0; }
#mainnav li.rss a span { background:url(/magazine/graphics/icons/rss.gif) 7px 2px no-repeat; }
#mainnav li.rss a span { padding-left:30px; }

/* subnav */
#mainnav ul div { position:absolute; left:0; width:100%; }
#mainnav ul div ul { margin:0; padding:0; background:none; min-height:0; }
#mainnav ul div li { float:left; padding:5px 0; font-size:.917em; }
#mainnav ul div li.current { background:none; }
#mainnav ul div li.label { margin-right:10px; padding:8px 14px 9px 19px; color:#999; background:url(/magazine/graphics/bullet.arrow.png) no-repeat 100% 10px; }
#mainnav ul div li.first a { padding-left:18px; }
#mainnav ul div li.last { background:none; }
#mainnav ul div li.last a { border-right:0; }
#mainnav li.current li a { padding:3px 14px 4px; color:#333; background:none; }
#mainnav li.first li a { padding-left:9px; }
#mainnav ul div li a:hover, #mainnav ul div li.over a, #mainnav ul div li.current a:hover, #wrapper #mainnav ul div li.current a, #mainnav li.current div li a:hover { padding-right:14px; background:none; color:#A30515; }
#mainnav li.first li a:hover, #mainnav li.current.first li a:hover, #mainnav li.current.first li a { background:none; }

/* dropdown */
#mainnav ul ul div { position:absolute; left:-9999px; margin-left:-2px; width:174px; }
#mainnav ul ul div ul { display:block; margin:4px 0 0 5px; padding:4px 14px 14px; background:url(/magazine/graphics/bg.mainnav.dropdown.png) 0 100% no-repeat; }
#wrapper #mainnav li li li { float:none; padding:0 0 11px; width:100%; font-size:.909em; line-height:15px; background:none; }
#wrapper #mainnav li li li.last { border:0; padding-bottom:0; }
#wrapper #mainnav li li li a { padding:0; color:#A30515; text-decoration:none; border:0; background:none; }
#wrapper #mainnav li li li a:hover { text-decoration:underline; }
#mainnav ul ul li:hover>div { left:auto; }

/* no subnav */
#mainnav.nosubnav #mainnav_sleeve { padding-bottom:1px; }
#mainnav.nosubnav #mainnav_sleeve ul { border:0; min-height:39px; background:url(/magazine/graphics/bg.mainnav.nosubnav.ul.png) 0 0 no-repeat; }
#mainnav.nosubnav li.first a:hover, #mainnav.nosubnav ul li.over.first a, #mainnav.nosubnav li.current.first a:hover, #mainnav.nosubnav li.current.first a { background:url(/magazine/graphics/bg.mainnav.nosubnav.current.first.png) 0 0 no-repeat; }
#mainnav #mainnav_sleeve ul div li.rss a { background:url(/magazine/graphics/icons/rss.gif) no-repeat 8px 5px; float:left; padding-left:30px; }