/*
// -------------------------------------------------------------------------------------------
// This stylesheet is used to style the site furniture.
// -------------------------------------------------------------------------------------------
*/

/* 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; } /* :fix: IE requires a border-color change for this to work */
#skiplinks a:hover { text-decoration:underline; border-color:#9DCDEA; }

/* Mast Styles */
#logo { clear: both; float:left; padding-top: 29px; padding-left: 8px; }
#logo img { display:block; } /* :fix: for FF stop extra space at the bottom */

#mastnav { float: right; }
#mastnav ul { margin:0; padding:0; list-style:none; min-height: 0; }
#mastnav ul:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
#mastnav li { float:left; border-right: 1px solid #000; margin:0; padding: 0 5px; background:none; }
#mastnav .welcome { border-right:1px solid #000; }
#mastnav .myaccount { padding-right:0; border-right:0; }

#mastnav.loggedout .myaccount { padding:0; }
#mastnav.loggedout .myaccount a { background:none; }

#mastbar { float:left;}

.mast_subsleeve:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}

/* Pages where we do not have a right hand column */
.drop_rc #search_ad_container { float: right; margin-bottom: 15px; position: relative; }
.drop_rc #crumbtrail { float: left; margin-bottom: 10px; width: 482px; }
.drop_rc h1 { margin: 0 0 10px; clear: both; }

#search_ad_container { margin-bottom: 15px; padding-bottom: 8px; background-color: #BD2C39; }
	#search_ad_container .ad img { display: block; }
#section2 #content #search_ad_container .ad { margin-bottom: 0; }

#mastsearch .formbox { margin:0; padding: 4px 8px 0; }
#mastsearch form { padding: 0; border: none; background: none; min-height: 0; }
#mastsearch label { display: block; padding-bottom: 5px; font-weight: bold; font-size: 1.25em; color: #fff; text-transform: uppercase; }
#mastsearch .text { float:left; width:247px; padding:4px; border-color: #000; border-width: 2px; }
#mastsearch .text:focus {background-color: #FFFFB7; }
#mastsearch .button { float:left; margin:0; }
#mastsearch a {font-size: 1.083em; color: #fff; text-transform: capitalize; position: absolute; top: 4px; right: 7px; }

.mast_subsleeve { min-height: 0; }

/* Main Navigation Styles */
#mainnav { border-top: 1px solid #fff; width:980px; position:relative; z-index:99; margin:0 auto; font-size: 1.333em; background-color: #E0E7E3; }
#mainnav ul { list-style:none; margin:0; padding:0 0 4px; min-height: 0; background: url(/magazine/graphics/mainnav_divider.gif) repeat-x bottom; }
#mainnav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
#mainnav li { float:left; padding:0; margin:0; }
#mainnav li a { display:block; font-weight:bold; color: #000; text-decoration:none; text-transform: uppercase; background-color: #E0E7E3; }
#mainnav li a span { position:relative; display:block; padding: 3px 12px 1px; }
#mainnav ul li.over a, #mainnav li.current a:hover { color: #fff; }
#mainnav ul li.over a { background-color: #BF2F38; }
#mainnav li.prev span { background:none; }
#mainnav li.current a { position:relative; z-index:60; color: #fff; background-color: #fff; }
#mainnav li.current a span { background-color: #BF2F38; }
#mainnav li.current div ul { border-top: 0; }
#mainnav ul div { position:absolute; left:-9999px; width:170px; padding:0; }

#mainnav ul li.over li a { background-color: #D8E8E9; color: #000; }
#mainnav ul li.over .current a:hover, #mainnav ul li.over li a:hover { color: #BD2C39;  }

#mainnav ul li li.first { border-top: 10px solid #D8E8E9; }
#mainnav ul li li.last { border-bottom: 10px solid #D8E8E9; }

#mainnav ul div ul { display:block; padding-top: 7px; padding-left:0; background-image: none; }
#mainnav ul ul li { float:none; border-right: 0; margin:0; padding:0; font-size: .75em; }
#mainnav ul ul a { font-weight: normal; text-decoration: none; text-transform: none; padding: 5px 13px; min-height: 0; background-color: transparent; }
#mainnav ul ul li.current a { text-decoration:underline;}
#mainnav ul ul li a:hover, #mainnav ul ul li a:active, #mainnav ul ul li a:focus { text-decoration:underline;}

#mainnav li:hover>div { left:auto; }

/* 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:9px; }
	.subnav h2 { border-bottom: 2px solid #fff; font-weight: bold; font-size: 1em; padding: 4px 6px 1px; margin:0; color: #fff; text-transform: uppercase; }
	.subnav ul { list-style:none; border-top: 2px solid #747474; margin:0; padding:0 0 10px; }
		.subnav li { margin:0; padding:0; background:none; }
			
		.subnav ul ul { border-top: 0; }
		.subnav li a { display:block; padding:6px 7px; line-height: 15px; color:#000; }
			.subnav li li a { padding-left: 17px; }
		.subnav li a:hover, .subnav li a:active, .subnav li a:focus, .subnav li.open ul a:hover, .subnav li.open ul a:active, .subnav li.open ul a:focus { text-decoration:underline; }

		.subnav li.rss a, .subnav li.rss .rss a {background: url(/magazine/graphics/icons/sidenav_rss.gif) no-repeat 94% 7px; padding-right: 22px; }
			.subnav li.rss li a { background: none; padding-right: 10px;  }
	
		.subnav .open a, .subnav .open .current a, .subnav .current a {  }
			.subnav .open li a {  }


#subnav0 h2 { background-color: #BF2F38; }
#subnav0 ul { background-color: #EBF3F4; }
#subnav0 .open a, #subnav0 .current a, #subnav0 .open li.current a { color: #BF2F38; }
#subnav0 .open li a { color: #000; }

#subnav1 a { font-weight: bold; }
#subnav1 h2 { background-color: #000; }
#subnav1 ul { border: solid #747474; border-width: 0 1px 1px; border-top: 2px solid #747474; }
	#subnav1 ul ul { border: 0; }

#subnav2 h2 { background-color: #747474; }
#subnav2 ul { border: solid #747474; border-width: 0 1px 1px; border-top: 2px solid #747474; }
	#subnav2 ul ul { border: 0; }

/* RSS */
#subnav1 li.open li.rss a, #subnav2 li.rss a { background: url(/magazine/graphics/icons/sidenav_rss.gif) no-repeat 96% 7px;}

/* Crumb Trail */
#crumbtrail { margin-bottom: 15px; padding:0; min-height: 0; }
#crumbtrail:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#crumbtrail ul { border-bottom: 2px solid #747474; margin:0; padding: 0; }
#crumbtrail li { list-style:none; display:inline; margin-right:3px; padding-left: 0; background: none; font-weight:bold; line-height: 25px; }
#crumbtrail li a { border-right: 1px solid #000; padding-right: 5px; }

.currentissue { margin-bottom:9px; }
.currentissue_sleeve { background-color: #D8E8E9; min-height: 0; padding-bottom: 10px; }
.currentissue_sleeve:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
.currentissue p { margin:7px 0 0; padding:0 7px; }
.currentissue h2 { margin:0 0 8px; padding: 4px 6px 5px; font-weight: bold; font-size:1em; text-transform: uppercase; color:#fff; background: url(/magazine/graphics/current_issue_bg.gif) repeat-x top;  }
.currentissue .picture { margin:0 auto; }

/* Footer Styles */
#footer { width:980px; margin:0 auto; padding-top:20px; clear:both; min-height: 0; }
#footer:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }

.footertext p { margin:6px 0; padding:0; clear:left; color:#747474; }

/* Company branding */
	#footer .webvision { margin-top: 0; padding-top: 1px; font-size:.833em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#999; text-align:right; float:right; }
		#footer .webvision a { text-decoration:underline; color:#999; }
		#footer .webvision a:hover { text-decoration:none; } 

/* Footer navigation */
#footernav { padding:0 0 9px; min-height: 0; }
#footernav:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
	#footernav ul { margin:0 0 2px; padding: 0; background-color: #000; min-height: 0; list-style: none; }
	#footernav ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
		#footernav li { float:left; font-size:1em; border-right:1px solid #FFF; padding:0; margin:6px 0 4px; color:#FFF; background:none; }
			#footernav li a { float: left; text-decoration:none; line-height: 14px; color:#FFF; padding: 1px 5px;}
			#footernav li a:hover { text-decoration:underline; }
			#footernav li.first a { padding-left: 8px; }
			#footernav li.last { border-right:0 none; margin-right:0; padding-right:0; }

/* Footer seo links */
#footernav .seo_nav { background:none; padding:0; margin:0 0 6px; width:700px; float:left; font-size: 1.167em; }
	#footernav .seo_nav li { margin-top: 4px; border-color: #7c7c7c; }
		#footernav .seo_nav li a { color:#000; font-size:1em; text-transform: capitalize; padding:0 7px; }
		#footernav .seo_nav li.first a { padding-left: 2px; }

.footertext { padding:2px 0 3px; border-bottom:2px solid #747474; font-size: .917em; line-height: 14px; }