#mainnav { position:relative; z-index:99; clear:both; margin:0; zoom:1; }
#mainnav_sleeve { padding:0; margin:0 20px; }

#mainnav ul { background:#CBCBC5; 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; background:none; font-size:1.154em; font-family:"Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif; text-transform:lowercase; font-weight:bold; white-space:nowrap; }
#mainnav li a { display:block; text-decoration:none; color:#000; }
#mainnav li a:hover, #mainnav ul li.over a, #mainnav li.current a:hover { background-color:#000; color:#FFE600; }
#mainnav li a span { position:relative; display:block; padding:2px 15px 4px 11px; background-image:url(../magazine/graphics/mainnav_separator.gif); background-position:right top; background-repeat:no-repeat; }

#mainnav li a:hover span,
#mainnav li.last a:hover span { background-image:url(../magazine/graphics/mainnav_separator_hover.gif); background-repeat:no-repeat; background-position:right top; }

#mainnav li.prev span { background:none; }
#mainnav li.current a { background-color:#000; color:#fff; position:relative; z-index:60; color:#FFE600; background-image:url(../magazine/graphics/mainnav_separator_hover.gif); background-position:right top; background-repeat:no-repeat; }
#mainnav li.current a span { background:none; padding-top:2px; }
#mainnav li.last a span { background:none transparent; }
* html #mainnav li.last { width:120px; }
#mainnav li.rss a { background-image:url(../magazine/graphics/icons/cn-nav-rss.gif); background-repeat:no-repeat; background-position:8px; zoom:1; }
#mainnav li.rss a:hover { background-image:url(../magazine/graphics/icons/cn-nav-rss-hover.gif); } /* :hack:zoom to fix background disappearing in IE */
#mainnav li.rss a span { padding-left:24px; background-position:right top; }

#mainnav ul div { position:absolute; left:20px; background-color:#000; width:956px; }
#mainnav ul div ul { background:none transparent; border-top:1px solid #fff; }
#mainnav #mainnav_sleeve ul div li { float:left; border:0 none; background:url(../magazine/graphics/subnav_divider.gif) no-repeat right; font-size:0.846em; #font-size:0.9em; }

#mainnav #mainnav_sleeve ul div li.rss a { background-image:url(../magazine/graphics/icons/cn-nav-rss.gif); background-position:8px 50%; background-repeat:no-repeat; float:left; padding-left:24px }
#mainnav #mainnav_sleeve ul div li.last { background:none transparent; }
#mainnav #mainnav_sleeve ul div li a { background:none transparent; color:#fff; }

#mainnav #mainnav_sleeve ul div li.current a,
#mainnav #mainnav_sleeve ul div li a:hover { color:#FFE600; }

#wrapper #mainnav #mainnav_sleeve ul div li li a { color:#000; }

#mainnav ul ul div { position:absolute; background:none transparent; left:-9999px; padding:0; width:200px; border:1px solid #000; border-top-width:0; background-color:#cbd0d1; }
#mainnav ul ul div ul { display:block; padding:0 6px; border-top:0 none; }
#mainnav li li a { padding:3px 11px 4px 8px; font-size:1em; }
#wrapper #mainnav li li li { background:none; float:none; margin:0; padding:0; color:#49585B; width:100%; border-bottom:1px solid #fff; font-size:1.231em; font-weight:normal; }
#wrapper #mainnav li li li.last { border-bottom:0 none; }
#wrapper #mainnav li li li a { color:#000; text-decoration:none; font-size:.846em; font-family:"Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif; }

#wrapper #mainnav li li ul { background-color:#DDD; padding:0; border:1px solid #fff; }

#wrapper #mainnav li li li a:hover { text-decoration:underline; }
#mainnav li ul li.current { margin-top:0; }
#mainnav li ul li.current a { color:#FFE600; }
#mainnav ul ul li:hover > div { left:auto; }

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