#mainnav { position:relative; z-index:99; clear:both; min-height:70px; background:#FFF url(/magazine/graphics/bg_mainnav.png) repeat-x 0 100%; border-top:2px solid #B8CBCA; }
#mainnav ul { list-style:none; margin:0; padding:0; min-height:1px; }
#mainnav ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* float enclosing */
#mainnav li { float:left; padding:1px 0 0; margin:0; font-family:Tahoma,Helvetica,Arial,sans-serif; background:url(/magazine/graphics/separator_vertical.png) no-repeat 0 6px; }
#mainnav li a { display:block; padding:0 0 0 15px; font-size:1.077em; line-height:1; color:#000; font-weight:bold; text-decoration:none; text-transform:uppercase; }
#mainnav li.current, #mainnav li.over, #mainnav li:hover { margin-right:-1px; }
#mainnav li a:hover, #mainnav ul li.over a { background:url(/magazine/graphics/bg_mainnav_lhs.png) no-repeat 0 0; }
#mainnav li a span { position:relative; display:block; padding:10px 17px 13px 0; }
#mainnav li a:hover span, #mainnav ul li.over a span { padding-right:18px; background:url(/magazine/graphics/bg_mainnav_rhs.png) no-repeat 100% 0; }
#mainnav li.current a { position:relative; z-index:60; text-decoration:underline; }
#mainnav li.current a, #mainnav li.current a:hover { background:url(/magazine/graphics/bg_mainnav_lhs.png) no-repeat 0 -43px; }
#mainnav li.current a span, #mainnav li.current a:hover span { padding-right:18px; background:url(/magazine/graphics/bg_mainnav_rhs.png) no-repeat 100% -43px; }
#mainnav li.current.first a span, #mainnav li.current.first a:hover span { margin-left:-1px; padding-left:1px; }

/* RightAligned */
#mainnav .RightAligned { float:right; margin:0 0 0 -1px; background-position:100% 6px; }
#mainnav .RightAligned:hover, #mainnav .RightAligned.over { background:none; }
#mainnav li.current.RightAligned, #mainnav li.over.RightAligned, #mainnav li.RightAligned:hover { margin-right:0; }
#mainnav .RightAligned a { padding:0 0 0 12px; text-transform:none; background:none; }
#mainnav .RightAligned a:hover span, #mainnav .RightAligned.over a span { background:url(/magazine/graphics/bg_mainnav_lhs.png) no-repeat 0 0; }
#mainnav .RightAligned.current a:hover span, #mainnav .RightAligned.current a span{ background:url(/magazine/graphics/bg_mainnav_lhs.png) no-repeat 0 -43px; }
#mainnav .RightAligned a span { padding-right:39px; border:0; }

#mainnav .events a span { background:url(/magazine/graphics/icons/events.png) no-repeat 100% 0; }
#mainnav .events a:hover span, #mainnav .events.over a span { padding-right:39px; background:url(/magazine/graphics/bg_mainnav_rhs.png) no-repeat 100% -86px; }
#mainnav .events.current a:hover span, #mainnav .events.current a span { padding-right:39px; background:url(/magazine/graphics/bg_mainnav_rhs.png) no-repeat 100% -129px; }

#mainnav .jobs a span { background:url(/magazine/graphics/icons/jobs.png) no-repeat 100% 0; }
#mainnav .jobs a:hover span, #mainnav .jobs.over a span { padding-right:39px; background:url(/magazine/graphics/bg_mainnav_rhs.png) no-repeat 100% -172px; }
#mainnav .jobs.current a:hover span, #mainnav .jobs.current a span { padding-right:39px; background:url(/magazine/graphics/bg_mainnav_rhs.png) no-repeat 100% -215px; }

#mainnav .network a span { background:url(/magazine/graphics/icons/network.png) no-repeat 100% 0; }
#mainnav .network a:hover span, #mainnav .network.over a span { padding-right:39px; background:url(/magazine/graphics/bg_mainnav_rhs.png) no-repeat 100% -258px; }
#mainnav .network.current a:hover span, #mainnav .network.current a span { padding-right:37px; background:url(/magazine/graphics/bg_mainnav_rhs.png) no-repeat 100% -301px; }

/* subnav */
#mainnav ul div { position:absolute; width:100%; min-height:32px; left:-9999px; }
#mainnav_sleeve ul li.current > div { left:0; }
#mainnav_sleeve ul li.current:hover > div { background:none; }
#mainnav ul li:hover > div, #mainnav ul li.over > div { left:0; z-index:70; background:url(/magazine/graphics/bg_mainnav_hover_div.png) 0 100% repeat-x; }
#mainnav ul div li.current, #mainnav ul div li.over, #mainnav ul div li:hover { margin-right:0; }
#mainnav ul div li { padding-right:3px; background:url(/magazine/graphics/separator_vertical_subnav.png) no-repeat 100% 7px; }
#mainnav ul li.over > div > ul > li, #mainnav ul li:hover > div > ul > li { background-image:url(/magazine/graphics/separator_vertical_subnav_hover.png); }
#mainnav ul div li.dropdown { padding-right:16px; }
#mainnav ul div li a { padding:8px 13px 6px 15px; font-weight:normal; text-transform:none; }
#mainnav ul div li a:hover, #mainnav ul div li.current a:hover { background:none; text-decoration:underline; }
#mainnav ul li.current div a, #mainnav ul li.current div a:hover, #mainnav ul li:hover div a, #mainnav ul .over div a { background:none; }
#mainnav ul li.current div a { text-decoration:none; }
#mainnav ul li.current div a:hover { text-decoration:underline; }
#mainnav ul div .label { padding:9px 16px 6px 15px; font-size:1.077em; line-height:14px; color:#696758; }
#mainnav ul li div li.dropdown a, #mainnav ul li div li.dropdown a:hover { background:url(/magazine/graphics/nav_arrow_dropdown.png) no-repeat 100% 11px; }

/* RightAligned subnav */
#mainnav .RightAligned div li a { padding:8px 13px 6px 15px; }
#mainnav .RightAligned:hover div li a, #mainnav .RightAligned.over div li a, #mainnav .RightAligned.current div li a, #mainnav .RightAligned.current div li a:hover { background:none; }
#mainnav .RightAligned.over div li.dropdown a, #mainnav .RightAligned.current div li.dropdown a { background:url(/magazine/graphics/nav_arrow_dropdown.png) no-repeat 100% 11px; }

/* dropdown */
#mainnav ul ul div, #mainnav ul li.current ul div, #mainnav ul li:hover ul div { position:absolute; left:-9999px; width:234px; margin-left:-9px; }
#wrapper #mainnav li li li { float:none; padding:0 10px 2px; background:none; }
#wrapper #mainnav li li li a { padding:1px 13px 12px; text-decoration:none; background:none; }
#wrapper #mainnav li li li a:hover { text-decoration:underline; }
#mainnav li ul li.current a { text-decoration:underline; }
#mainnav ul ul li:hover > div, #mainnav ul ul li.over > div { left:auto; background:none; /* background:#D1CFCB; */ }
/* style dropdown depending on whether primary nav item is CURRENT item or not */
#mainnav ul ul li.dropdown.current div { background:none; }
#mainnav ul ul li.dropdown div, #mainnav ul ul li.current div { background:none; }
#mainnav ul ul li.dropdown div ul, #mainnav ul ul li.current div ul { display:block; margin:3px 0 0; padding:7px 0 12px; width:234px; background:url(/magazine/graphics/bg_mainnav_hover_dropdown.png) no-repeat 0 100%; }
#mainnav ul li.current ul div ul, #mainnav ul li ul div ul { background-image:url(/magazine/graphics/bg_mainnav_current_dropdown.png); }
/* 1st LI in the subnav has dropdown - don't want glow to extend beyond LHS of site wrapper */
#mainnav ul div ul > li.dropdown:first-child div { margin-left:0; }
#mainnav ul div ul > li.dropdown:first-child ul { background-position:-10px 0; }
#wrapper #mainnav ul div ul > li.dropdown:first-child ul li { padding-left:0; }

/* no subnav */
#mainnav.nosubnav #mainnav_sleeve {  }