#mainnav { position:relative; z-index:99; clear:both; margin:0; zoom:1; background-color:#fff; }
#mainnav_sleeve { padding:0; margin:0 20px; }

#mainnav ul { list-style:none; margin:0; padding:0; zoom:1; background: #00549F url(/magazine/graphics/main-nav-a-bg.gif) repeat-x top; } /* :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:.923em; text-transform:uppercase; font-weight:bold; border-right:1px solid #fff; }

#wrapper #mainnav li.last { margin-right:0; }
#mainnav li a { display:block; text-decoration:none; color:#fff; background: #00549F url(/magazine/graphics/main-nav-a-bg.gif) repeat-x top; padding: 0 10px; }
#mainnav li a:hover, 
#mainnav ul li.over a, 
#mainnav li.current a:hover { background-color:#E5E5E5; background-image:url(/magazine/graphics/mainnav-current-bg.gif); }
#mainnav li a span { position:relative; display:block; padding:10px 0 10px; text-align:center; line-height:16px; }

#mainnav li a:hover span, #mainnav li.last a:hover span { color:#333; }

#mainnav li.prev span { background:none; }
#mainnav li.current a { /*border-bottom:1px solid #E5E5E5;*/ color:#fff; position:relative; z-index:60; color:#333; background: #E5E5E5 url(/magazine/graphics/mainnav-current-bg.gif) repeat-x top; }
#mainnav li.last {  }

* html #mainnav li li li.last { width:100%; padding-bottom:0; }
* html #mainnav li li li a { margin-bottom:0; display:inline-block; width:100%; }

#mainnav li.rss a span { background:url(/magazine/graphics/icons/nav-rss.gif) no-repeat 6px 11px; padding-left: 30px }
#mainnav ul div { position:absolute; left:20px; width:956px; }
#mainnav ul div ul { height:35px; background: #E5E5E5 url(/magazine/graphics/navigation-ul-bg.gif) repeat-x bottom; margin-top: 1px; }
#wrapper #mainnav ul div ul ul { background-image:none; background-color:#FFF; height:auto; width:196px; }
#mainnav #mainnav_sleeve ul div li { float:left; border:0 none; background:url(/magazine/graphics/subnav_divider.gif) no-repeat right; text-transform:none; line-height:35px; font-size:1em; margin-right:0; padding-right:3px; width: auto; }
#mainnav #mainnav_sleeve ul div li.label { padding: 0 10px; }

#mainnav #mainnav_sleeve ul div li.rss a { background :url(/magazine/graphics/icons/nav-rss.gif) no-repeat 10px 55% ; float:left; padding-left:36px}
#mainnav #mainnav_sleeve ul div li.last { background-image:none; }
#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:none; background-color:#E5E5E5; }

#mainnav #mainnav_sleeve ul div li.current a { background:url(/magazine/graphics/primary-navigation-current.gif) no-repeat bottom; color:#00549F; }
#mainnav #mainnav_sleeve ul div li.current a:hover,
#wrapper #mainnav #mainnav_sleeve ul div li.over a,
#mainnav #mainnav_sleeve ul div li.current ul li a,
#mainnav #mainnav_sleeve ul div li ul li.current a { background-image:none; }

#mainnav ul ul div { position:absolute; top:30px; background:url(/magazine/graphics/faux-shadow.png) no-repeat 2px 2px; left:-9999px; padding:0; width:200px; padding-bottom:2px; float:left; clear:both; }

* html #mainnav ul ul div { padding-right:2px; background-image:url(/magazine/graphics/faux-shadow.gif); }
#mainnav ul ul { position:relative; }
#mainnav ul ul div ul { display:block; border-top:0 none; border:1px solid #B1B1B1; }
#mainnav li li a { padding:3px 12px 4px 12px; font-size:1em; }
#wrapper #mainnav li li li { background:none; float:none; padding:0 9px; padding:0; color:#49585B; font-size:1em; line-height:1.231em; font-weight:normal; width:auto; margin-bottom:1px; background-color:#E5E5E5; }
#wrapper #mainnav li li li.last { width:auto; margin-bottom:0; }
#wrapper #mainnav li li li a { text-decoration:none; font-size:1em; padding:0; color:#333; padding:4px 7px 4px 7px; }
#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 { margin:0; padding:0; height:auto; }

#wrapper #mainnav li li li a:hover { text-decoration:none; }
#mainnav li ul li.current { margin-top:0; }
#mainnav ul ul li:hover > div { left:auto; }

/* Main Navigation Styles - No Sub Navigation */
#mainnav.nosubnav #mainnav_sleeve { padding-bottom:0; }
#mainnav #mainnav_sleeve { padding-bottom:35px; }

#wrapper #mainnav #mainnav_sleeve ul div li a { height:35px; float:left; font-weight:normal; }
#wrapper #mainnav #mainnav_sleeve ul div li a:hover { background-color:#B1B1B1; }
#wrapper #mainnav #mainnav_sleeve ul div li.over > a { background-color:#B1B1B1; }
#wrapper #mainnav #mainnav_sleeve ul div li div a { height:auto !important; float:none; padding:8px 10px; }
