/* Main Navigation Styles */
#mainnav { position:relative; z-index:99; clear:both; margin:0; zoom:1; }
#mainnav_sleeve { padding:0; margin:0 16px; }

#mainnav ul { background:#DADADA url(/magazine/graphics/mainnav-ul-faux-line.gif) repeat-x left 100%; 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.077em;  text-transform:uppercase; }
#mainnav li a { display:block; text-decoration:none; color:#000; }
#mainnav li a:hover, #mainnav ul li.over a, #mainnav li.current a:hover { text-decoration:underline; }
#mainnav li a span { font-weight: bold; position:relative; display:block; padding:2px 8px 3px 6px; background:url(/magazine/graphics/mainnav_separator.gif) repeat-y right top; font-size: .928em; }
#mainnav li.prev span { background:none; }
#mainnav li.current a, #mainnav ul li.over a, #mainnav li a:hover { background: #073870 url(/magazine/graphics/mainnav-current-a-bg.png) no-repeat right top; color:#fff; position:relative; z-index:60; }
#mainnav li.current a span { background:none; font-weight:bold; padding:2px 12px 3px 9px; font-size: 1em; }
#mainnav li.last a span { background:none transparent; }
#mainnav li.rss a { background-image:url(/magazine/graphics/icons/nav-rss.png); background-repeat:no-repeat; background-position:7px 4px; zoom:1; } /* :hack:zoom to fix background disappearing in IE */
* html #mainnav li.rss a { float: left;}
* html #mainnav li.rss a:hover span{background:url(/magazine/graphics/icons/nav-rss.gif) no-repeat 9px 5px;}
#mainnav li.rss a span { padding-left:30px; }

#mainnav ul div { position:absolute; left:16px; background-color:#073871; width:964px; }
#mainnav ul div ul { background:none transparent; }
#mainnav #mainnav_sleeve ul div li { float:left; border:0 none; background:url(/magazine/graphics/subnav_divider.gif) repeat-y right top; }
#mainnav #mainnav_sleeve ul div li.last { background:none transparent; }
#mainnav #mainnav_sleeve ul div li a { background:none transparent; }

#mainnav ul ul div { position:absolute; background:transparent url(/magazine/graphics/nav-tertiary-div-bg.gif) repeat-x left top; left:-9999px; padding:0; width:200px; border:1px solid #073871; border-top-width:0; background-color:#DADADA; }
#mainnav ul ul div ul { display:block; padding:0 9px; border-top:0 none; }
#wrapper #mainnav li li a { color:#FFF; padding:3px 10px 2px 7px; font-size:.796em; font-weight: bold; }
#wrapper #mainnav li li li { background: url(/magazine/graphics/nav-tertiary-li-bg.gif) repeat-x left bottom; float:none; margin:0; padding:0; color:#49585B; width:100%;  }
#wrapper #mainnav li li li.last { border-bottom:0 none; }
#wrapper #mainnav li li li a { color:#242424; text-decoration:none; text-transform: none; font-size:.738em; line-height: 13px; padding:7px 0 9px; }
#wrapper #mainnav li li li a:hover { text-decoration:underline; }
#mainnav li ul li.current { margin-top:0; }
#mainnav li ul li.current a { text-decoration:underline; }
#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:25px; }

#mainnav #mainnav_sleeve ul div li.rss a { background:url(/magazine/graphics/icons/nav-rss.png) no-repeat 7px 4px; float:left; padding-left:30px; }
* html #mainnav #mainnav_sleeve ul div li.rss a { background-image:url(/magazine/graphics/icons/nav-rss.gif) }

#mainnav ul .label { background:url(/magazine/graphics/mainnav_separator.gif) repeat-y right top; display:block; padding:2px 8px 3px 6px; font-size:1em; font-weight:bold; }
#mainnav ul ul .label { color:#FFF; font-size:.857em; padding:3px 10px 2px 7px; }
