#mainnav { position:relative; z-index:99; clear:both; margin-bottom:20px; min-height:1px; }
#mainnav ul { margin:0; list-style:none; min-height:80px; background:url(/magazine/graphics/bg.mainnav.ul.png) 0 8px no-repeat; }
#mainnav ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* float enclosing */
#mainnav li { float:left; margin:0; padding:8px 0 0; font:bold 1.167em/14px Georgia, "Times New Roman", Times, serif; background:none; }
#mainnav li.first { padding-left:0; }
#mainnav li a { display:block; padding:10px 0; text-decoration:none; color:#4FADD6; }
#mainnav li a:hover, #mainnav li.current a:hover, #mainnav li.current a { color:#FFF; background:url(/magazine/graphics/bg.mainnav.current.png) 0 0 repeat-x; }
#mainnav li.first a:hover, #mainnav li.current.first a:hover, #mainnav li.current.first a { color:#FFF; 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 16px 4px; }
#mainnav li.rss a { background:url(/magazine/graphics/icons/rss.gif) 9px 7px no-repeat; }
#mainnav li.rss a span { padding-left:30px; }

/* Subnav */
#mainnav ul div { position:absolute; left:0; width:100%; background:url(/magazine/graphics/bg.mainnav.subnav.png) 0 0 no-repeat; }
#mainnav ul div ul { margin:0; padding:0; min-height:0; background:none; }
#mainnav li li { float:left; padding:0; font-size:1em; font-weight:normal; }
#mainnav li li.label { margin-right:9px; padding:8px 16px 9px; color:#FFF; background:url(/magazine/graphics/bullet.arrow.white.png) no-repeat 100% 13px; }
#mainnav li.current li a, #mainnav li.current.first li a, #mainnav li li a { padding:8px 16px 9px; color:#FFF; font-weight:normal; background:none; }
#wrapper #mainnav li li.first a:hover, #mainnav li li.current.first a { background-image:url(/magazine/graphics/bg.mainnav.subnav.current.first.png); }
#mainnav li li a:hover, #wrapper #mainnav li.current li.over a, #mainnav li li.current a:hover, #mainnav li li.current a { background:url(/magazine/graphics/bg.mainnav.subnav.current.png) 0 0 repeat-x; }

/* Dropdown */
#mainnav ul ul div { position:absolute; left:-9999px; width:200px; }
#mainnav ul ul div ul { display:block; margin:0; padding:8px 18px 19px; background:url(/magazine/graphics/bg.mainnav.dropdown.png) 0 100% no-repeat; }
#wrapper #mainnav li li li { float:none; padding:0 0 13px; width:100%; font-size:.929em; line-height:17px; background:none; }
#wrapper #mainnav li li li.last { border:0; padding-bottom:0; }
#wrapper #mainnav li li.current li a, #wrapper #mainnav li li.over li a { padding:0; color:#FFF; text-decoration:none; border:0; }
#wrapper #mainnav li li li a:hover { background:none; 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; height:41px; background:url(/magazine/graphics/bg.mainnav.nosubnav.ul.png) 0 8px no-repeat; }
#mainnav.nosubnav li.first a:hover, #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; }

/* Specific shows */
#mainnav li.show { float:right; padding:0 0 0 16px; }
#mainnav li.show a { padding:8px 16px 8px 0; color:#FFF; }
#mainnav li.show a:hover { text-decoration:underline; }
#mainnav li.show a span { padding:0; }
#mainnav li.show a span span { padding:3px 0 2px; }
#mainnav li.show1  { margin-right:8px; background:url(/magazine/graphics/bg.mainnav.show1.left.png) 0 0 no-repeat; }
#mainnav li.show1 a, #mainnav li.show1 a:hover { background:url(/magazine/graphics/bg.mainnav.show1.right.png) 100% 0 no-repeat; }
#mainnav li.show2  { margin-right:20px; background:url(/magazine/graphics/bg.mainnav.show2.left.png) 0 0 no-repeat; }
#mainnav li.show2 a, #mainnav li.show2 a:hover { background:url(/magazine/graphics/bg.mainnav.show2.right.png) 100% 0 no-repeat; }

#mainnav li.show div a:hover { text-decoration:none; }
#mainnav li.show1 div a, #mainnav li.show2 div a { padding-left:16px; background:none; }
#mainnav li.show1 div { background:url(/magazine/graphics/bg.mainnav.subnav.show1.png) 0 0 no-repeat; }
#mainnav li.show2 div { background:url(/magazine/graphics/bg.mainnav.subnav.show2.png) 0 0 no-repeat; }

#mainnav li.show1 li a:hover, #mainnav li.show1 li.current a:hover, #wrapper #mainnav li.show1 li.over a, #mainnav li.current.show1 li.current a { background-image:url(/magazine/graphics/bg.mainnav.subnav.current.show1.png); }
#mainnav li.show1 li.first a:hover, #wrapper #mainnav li.show1 li.first.over a, #wrapper #mainnav li.current.show1 li.current.first a { background-image:url(/magazine/graphics/bg.mainnav.subnav.current.show1.first.png); }
#wrapper #mainnav li.current.show1 li.first.current.over a { background-image:url(/magazine/graphics/bg.mainnav.subnav.current.show1.png); }
#mainnav li.show1 ul div ul { background-image:url(/magazine/graphics/bg.mainnav.dropdown.show1.png); }

#mainnav li.show2 li a:hover, #mainnav li.show2 li.current a:hover, #wrapper #mainnav li.show2 li.over a, #mainnav li.current.show2 li.current a { background-image:url(/magazine/graphics/bg.mainnav.subnav.current.show2.png); }
#mainnav li.show2 li.first a:hover, #wrapper #mainnav li.show2 li.first.over a, #wrapper #mainnav li.current.show2 li.current.first a { background-image:url(/magazine/graphics/bg.mainnav.subnav.current.show2.first.png); }
#wrapper #mainnav li.current.show2 li.first.current.over a { background-image:url(/magazine/graphics/bg.mainnav.subnav.current.show2.png); }
#mainnav li.show2 ul div ul { background-image:url(/magazine/graphics/bg.mainnav.dropdown.show2.png); }