#mainnav { position:relative; z-index:99; clear:both; margin:0; zoom:1; background:#FFF url(/magazine/graphics/wrapper-bg.jpg) repeat-x left -264px; _background-position:0 -261px; width:996px; margin-left:auto; margin-right:auto; text-align:left; }
#mainnav_sleeve { padding:0; margin:0 20px; }

#mainnav ul { list-style:none; margin:0; padding:0; zoom:1; } /* :hack:float enclosing */
#mainnav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#mainnav li { float:left; padding:0; margin:0 3px 0 0; background:none; font-size:.923em; line-height:20px; font-family:Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; }
#mainnav li a { display:block; text-decoration:none; color:#fff; background:#093679 url(/magazine/graphics/main-nav-a-bg.gif) repeat-x; }
#mainnav li a:hover, #mainnav ul li.over a, #mainnav li.current a:hover { background:url(/magazine/graphics/li-current-left.gif) no-repeat left top; }
#mainnav li a:hover span { background:url(/magazine/graphics/li-current-right.gif) no-repeat right top; }
#mainnav li a span { position:relative; display:block; #display:inline-block; padding:0 10px; height:21px; }

* html #mainnav li a span { height:23px; }
* html #mainnav li { line-height:23px; }

#mainnav li a:hover span { color:#333; }
#mainnav li.current a { color:#fff; position:relative; z-index:60; color:#333; background:#CCC url(/magazine/graphics/li-current-left.gif) no-repeat left top; }
#mainnav li.current a span { background:url(/magazine/graphics/li-current-right.gif) no-repeat right top; }

#mainnav li.rss a span { padding-left:24px; background:url(/magazine/graphics/icons/cn-nav-rss.gif) no-repeat 6px 4px; #background-position:6px 5px; }
#mainnav li.rss a:hover span { background:url(/magazine/graphics/icons/cn-nav-rss.gif) no-repeat 6px 4px; #background-position:6px 5px; }

#mainnav ul div { position:absolute; left:20px; width:956px; }
#mainnav ul div ul { background:none transparent; height:24px; }
#mainnav #mainnav_sleeve ul div li { float:left; border:0 none; background:url(/magazine/graphics/subnav_divider.gif) no-repeat right; text-transform:lowercase; line-height:24px; font-size:1em; zoom:1; }
#mainnav #mainnav_sleeve ul div li.rss a { background:url(/magazine/graphics/icons/cn-nav-rss.gif) no-repeat 0 50%; float:left; padding-left:20px; }
#mainnav #mainnav_sleeve ul div li.last { background:none transparent; }
#mainnav #mainnav_sleeve ul div li a { background:none transparent; padding-top:0; padding-bottom:0; border-bottom:0 none; }
#mainnav #mainnav_sleeve ul div li a:hover { color:#333; text-decoration:underline; }
#mainnav #mainnav_sleeve ul div li.current a { color:#0B4599; }

#mainnav ul ul div { position:absolute; background:none transparent; left:-9999px; padding:0; width:200px; border:1px solid #ADADAD; border-top-width:0; background-color:#cbd0d1; }
#mainnav ul ul div ul { display:block; padding:0 6px; border-top:0 none; }
#mainnav li li { padding:0 11px 0 8px; }
#mainnav li li.first { padding-left:10px; }
#mainnav li li a { padding:3px 0 4px 0; font-size:1em; }
#wrapper #mainnav li li li { background-image:url(/magazine/graphics/navigation-faux-bg.gif); background-position:left bottom; background-repeat:repeat-x; float:none; margin:0 9px; padding:0; color:#49585B; font-size:1em; line-height:1.231em; font-weight:normal; }
#wrapper #mainnav li li li.last { border-bottom:0 none; }
#wrapper #mainnav li li li a { text-decoration:none; font-size:1em; font-family:Tahoma, Arial, Helvetica, sans-serif; padding:7px 0 9px; #padding-top:4px; color:#333; }
#wrapper #mainnav li li a { color:#333; }
#wrapper #mainnav li li li.current a,
#wrapper #mainnav li li.current li a,
#wrapper #mainnav li li li a:hover { color:#333; }
#wrapper #mainnav li li ul { background-color:#E9E9E9; padding:0; height:auto; background-image:url(/magazine/graphics/subnav-child-ul.gif); background-repeat:repeat-x; margin:0; }
#wrapper #mainnav li li li a:hover { text-decoration:underline; }
#mainnav li ul li.current { margin-top:0; }
#mainnav ul ul li:hover > div { left:auto; }

#wrapper #mainnav .label { background:url(/magazine/graphics/nav_label.gif) no-repeat 100% 9px; }

/* Main Navigation Styles - No Sub Navigation */
#mainnav.nosubnav #mainnav_sleeve { padding-bottom:32px; }
#mainnav #mainnav_sleeve { padding-bottom:35px; }