/*
// ---------------------------------------------
// STYLES FOR FURNTIURE [FOOTER, HEADER ETC]
// ---------------------------------------------
*/

/* Skip Links */
#skiplinks, #skiplinks li { list-style-type:none; padding:0; margin:0; display:inline; height:0; }
#skiplinks a { border:2px solid #D3CEC7; -moz-border-radius:13px; border-radius:13px; text-decoration:none; background:#FFF; padding:7px 5px; position:absolute; top:154px; left:-9999px; font-size:1.3em; z-index:10; outline:none; }
#skiplinks a:focus, #skiplinks a:active { left:250px; border-color:#D3CEC8; } /* :hack:IE requires a border-color change for this to work */
#skiplinks a:hover { text-decoration:underline; border-color:#9DCDEA; }

/* Mast Styles */
#logo { float:left; display:inline; padding-top:18px; }
#logo img { display:block; } /* :hack:for FF stop extra space at the bottom */

#wrapper #mastnav { position:absolute; top:17px; right:0; width:570px; }
#mastnav ul { margin:0; padding:0; list-style:none; color:#CFCDCA; float:right; }
#mastnav li { float:left; padding:15px 14px 4px 10px; font-weight:bold; color:#000; height:12px; border-right:1px solid #BAB9BF; margin:0; background:none; }
#mastnav li a { color:#000; }
#mastnav .welcome { border-right:1px solid #CFCDCA; }
#mastnav .myaccount { position:relative; }

#mastnav.loggedout .myaccount { padding:0; }
#mastnav.loggedout .myaccount a { background:none; }
* html #mastnav { width:26em; } /*ie6 only fix*/
* html #mastnav.loggedout { width:13em; } /*ie6 only fix - loggedout state*/

#mastbar { width:100%; position:absolute; bottom:0; _bottom:-1px; left:0; }
#mastdate { height:22px; border:solid #FFF; border-width:0 1px; background:#000; color:#FFF; padding-left:7px; padding-right:16px; line-height:1.667; float:left; }

#topnav { float:right; width:236px; border-left:1px solid #d1d0d5; padding-left:1px; }
#topnav ul { margin:0; padding:6px 0; list-style:none; background:#e8e8ea url(/magazine/graphics/topnav_bg.jpg) no-repeat top; min-height:78px; _height:78px; }
#topnav li { margin:0; padding:0; display:block; line-height:19px; background:none; }
#topnav a { display:block; padding:0 10px 0 22px; font-weight:bold; color:#000; background:url(/magazine/graphics/arrow.gif) no-repeat 8px 6px; }
* html #topnav a { width:204px; } /*gives ie6 full clickable area*/

#mastsearch { display:inline; float:right; clear:right; padding-top:51px; margin:0; }
#mastsearch form { padding:10px 0 0; border:none; background:none; }
#mastsearch label { position:absolute; left:-9999px; }
#mastsearch .formbox { margin:0; _width:315px; zoom:1; } /* :hack:fix bg image in IE disappearing, width set for ie6 only */
#mastsearch .formbox_sleeve { padding:0; background:none transparent; }
#mastsearch .text { float:left; width:234px; margin:0; padding:3px; #padding:5px 3px 1px; border-right:0 none; background:#FFF; }
#mastsearch .button { float:left; margin:0; }
* html #mastsearch { padding-top:55px; }
* html #mastsearch .text { width:228px; }
.registernow { white-space:nowrap; }


/* Main Navigation Styles */
#mainnav { width:980px; position:relative; z-index:99; clear:both; margin:0 auto; zoom:1; }
#mainnav ul { list-style:none; margin:0; padding:1px 0 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; }
#mainnav li a { display:block; text-decoration:none; color:#000; font-weight:bold; }
#mainnav li a:hover, #mainnav ul li.over a, #mainnav li.current a:hover { background:#cf171f; color:#FFF; }
#mainnav li a span { position:relative; display:block; padding:12px 23px 4px 9px; border-left:1px solid #D1D0D5; }
#mainnav li.prev span { background:none; }
#mainnav li.current a { background-color:#F5F5F7; position:relative; z-index:60; }
#mainnav li.current a span { background:none; }
#mainnav ul div { position:absolute; left:-9999px; width:149px; padding:0; border-top:1px solid #FFF; background:url(/magazine/graphics/mainnav_bg_shadow.png) no-repeat bottom right; }
#mainnav ul div ul { display:block; padding:0 8px 8px 0; background:url(/magazine/graphics/mainnav_bg_shadow_tr.png) no-repeat top right; }
#mainnav ul ul li { background:#D1D0D5; margin:0; float:none; padding:0; zoom:1; }
#wrapper #mainnav li li.first a { border:none; padding-top:5px; }
#wrapper #mainnav li li a { border-top:1px solid #FFF; color:#4E4D55; padding:4px 12px 6px; background:#D1D0D5; font-size:.917em; line-height:1.182; zoom:1; }
#mainnav li ul li a:hover, #mainnav li ul li a:active, #mainnav li ul li a:focus { text-decoration:underline; }
#mainnav li ul li.current { margin-top:0; }
#mainnav li ul li.current a { text-decoration:underline; }
#mainnav li:hover>div { left:auto; }
* html #mainnav ul div { background:none; }
* html #mainnav ul div ul { background:none; }

/* Main Navigation Styles - No Sub Navigation */
#mainnav.nosubnav #mainnav_sleeve { background:#C9BFB4; padding-bottom:10px; }
#mainnav.nosubnav { margin-bottom:0; }

/* Sub nav Styles */
.subnav { margin-bottom:15px; zoom:1; } /* :hack:fix background in IE6 */
.subnav h2 { background:#4E4D55; margin:0; color:#FFF; text-transform:uppercase; font-size:1em; line-height:1.333; padding:3px 7px; border-bottom:1px solid #FFF; }
.subnav ul { list-style:none; margin:5px 0 0 0; padding:0 0 7px; }
.subnav li { margin:0; padding:0; background:none; } /* :hack:fix margin error in IE */
.subnav li.current { font-weight:bold; }
.subnav li.open { background:#FFF5CE; padding-top:2px; border:solid #FFF; border-width:1px 0; }
.subnav li a { background:url(/magazine/graphics/subnav_arrow.gif) 8px 7px no-repeat; display:block; padding:3px 7px 5px 24px; color:#666; zoom:1; }
#subnav1 li a:hover, #subnav0 li a:hover, #subnav1 li a:active, #subnav0 li a:active, #subnav1 li a:focus, #subnav0 li a:focus { background-color:#FFEDA6; text-decoration:none; color:#000; }
.subnav li ul { padding:0 2px 2px; margin-top:0; background-repeat:no-repeat; background-position:bottom; }
.subnav li.open ul a { padding-left:30px; background:url(/magazine/graphics/bullet_blue.gif) no-repeat 14px 8px; }
.subnav li.open ul a:visited { color:#666; }
#subnav0 { background:#F4F5EE; }
.subnav li.rss a { background:url(graphics/icons/rss_small.gif) 8px 5px no-repeat; }
.subnav li.open li.rss a { background:url(graphics/icons/rss_small.gif) 11px 5px no-repeat; }
.subnav .current ul li a { font-weight:normal; }

/* Crumb Trail */
#crumbtrail { padding:0; zoom:1; } /* :hack:float enclosing */
#crumbtrail:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#crumbtrail ul { margin:0; padding:2px 0 13px 2px; }
#crumbtrail li { list-style:none; display:inline; margin-right:5px; padding-left:17px; background-image:url(/magazine/graphics/subnav_arrow.gif); }
#crumbtrail li a { font-weight:normal; color:#666; }
#crumbtrail li.current { font-weight:bold; }

/* Footer Styles */
#footer { width:980px; margin:0 auto; padding-top:10px; color:#454545; clear:both; zoom:1; } /* :hack:float enclosing */
#footer:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#footer_sleeve p { margin:6px 0; padding:0; line-height:1.333; clear:left; color:#666; }
#footer_sleeve p.copyright { float:right; }
#footer_sleeve p a { color:#666; }
#footer_sleeve .footertext p, #footer .webvision { font:.917em/1.273 Tahoma, Arial, Helvetica, sans-serif; color:#999; }
#footer .webvision { text-align:right; float:right; width:140px; }
#footer .webvision a { text-decoration:underline; color:#999; }
#footer .webvision a:hover { text-decoration:none; } 

#footernav { padding:0 0 9px; }
#footernav .rss a { padding:0 0 2px 22px; background:url(graphics/icons/rss_on_black.gif) no-repeat 0 0; position:relative; }
#footernav ul { list-style:none; margin:0; padding:5px 4px 6px; background:#000; zoom:1; } /* :hack:float enclosing */
#footernav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#footernav li { float:left; font-size:1em; line-height:1; border-right:1px solid #FFF; padding:0 4px 0 0; margin-right:5px; color:#FFF; background:none; }
#footernav li a { color:#FFF; font-weight:normal; text-decoration:none; }
#footernav li a:hover { text-decoration:underline; }
#footernav li.first { #padding-left:0; }
#footernav li.last { border-right:0 none; margin-right:0; padding-right:0; }

#footernav .seo_nav { background:none; padding:0; margin:6px 0; width:700px; float:left; }
#footernav .seo_nav li { border-color:#E5E5E5; line-height:1; padding-bottom:1px; }
#footernav .seo_nav li a { color:#999; font-size:.917em; line-height:1; vertical-align:top; }

.footertext { padding:2px 10px 3px; margin-bottom:11px; border-bottom:1px solid #E5E5E5; }
#footerend { border-top:1px solid #E5E5E5; padding:12px 0 0; margin:0 -15px; zoom:1; } /* :hack:float enclosing */
#footerend:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
