/* © 2008 HowStuffWorks, Inc. */
/* header styles */

	/* header ad*/
		#header .ad{
			text-align:center;
			background-color:#d2d2d2;
			padding:7px 0;
			border-bottom:1px solid white;
			position: relative !important;
			z-index: 90 !important;
		}
	
	/* header extras */
		#header .extras{
			background-image:url('bg_header_extras.gif');
			background-repeat:repeat-x;
			border-top:1px solid #d2d2d2;
			border-bottom:1px solid #e7e7e7;
			height:20px;
			font-size:8pt;
			font-weight:bold; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px
		}
		#header .extras span{
	padding-right:20px;
		}
		
		#header .extras h5{
	font-size:8pt;
	font-weight:bold;

		}
	
	/* logo bar styles */
		#header .logoBar{
			padding:0px;
		}
		#header .logoBar .logo{
			margin-right:100px;
		}
	/* search styles */
		.searchBar{
			float:right;			
			margin-right:50px;
		}
		.search1 input,
		.search1 img,
		.search1 form{
			vertical-align:middle;
		}
		.search1 .searchField{
			border-width:2px;
			border-top-color:#c5c5c5;
			border-left-color:#d8d8d8;
			border-bottom-color:#ececec;
			border-right-color:#d8d8d8;
			background-color:#ebf3f9;
			height:27px;
			padding:5px;
			width:326px;		
			font-size:15pt;	
		}
		.search1 label{
			display:block;
			color:#005288;
			font-weight:bold;
			font-size:8pt;
		}
		.search1 .button{
			margin:0 10px 0 5px;
		}
		#footer .search1{
			float:none;
			width:575px;
			margin:0 auto 17px auto;			
		}
	/* primary navigation styles */
		#header #nav1{
			height:20px;
			background-color:#0396d4;
			background-image:url('bg_tab_off.gif');
			background-repeat:repeat-x;
			font-size:8pt;
			position:relative;
			z-index:80
		}
		#header #nav1 ul{
			list-style:none;
			display:block;
		}
		#header #nav1 li{
			list-style:none;
			height:21px;
			padding:5px 5px 0 4px;
			position:relative;
			display:block;
			float:left;
			clear:none;
			white-space:nowrap;
		}
		#header #nav1 li.divider{
			background-image:url('bg_divider.gif');
			background-repeat:no-repeat;
			width:1px;
			padding:0
		}
		#header #nav1 li.divider:hover{
			border:none;
			padding:0;
		}
		
		#header #nav1 li a{
			color:#fff;
			font-weight:bold;
			display:block;
			height:19px;
		}
		#header #nav1 li a:hover{
			text-decoration:none;
		}
		
		/* nav with sub-categories */
			#header #nav1 li.on:hover,
			#header #nav1 li.on{
				background-color:#eef4f6;
				border:1px solid #0396d5;
				border-bottom:1px dotted #b1cada;
				height:19px;
				padding:5px 4px 0 3px;
			}
			#header #nav1 li.on a{
				color:#005288;
			}
		
		/*nav 1 home link*/
			#header #nav1 #nav1HomeLink{
				padding:5px 5px 0 5px;
			}
			
			#header #nav1 #nav1HomeLink.on,			
			#header #nav1 #nav1HomeLink:hover{
				background-image:url('bg_tab_home.gif');
				background-repeat:repeat-x;
				border:medium none;
				height:21px;
				padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:0
			}

			#header #nav1  #nav1HomeLink:hover a,
			#header #nav1  #nav1HomeLink a{
				color:#fff;
			}
		
		
		/* hover styles */
			#header #nav1 li:hover{
				background-color:#eef4f6;
				border:1px solid #0396d5;
				border-bottom:1px solid #eef4f6;
				padding:5px 4px 0 3px;
				height:19px;
			}
			#header.nosubs #nav1 li:hover,
			#header #nav1 li.nosub:hover{
				border-bottom:1px solid #0396d5;
			}
			#header #nav1 li.nosub.on:hover a,
			#header #nav1 li:hover a{
				color:#005288;
			}
			
		/* pop-up navs */
			#header #nav1 li .popNav{
				display:none;
				position:absolute;
				top:25px;
				left:-1px;
				background-color:#eef4f6;
				border:1px solid #0396d5;
				border-top:none;
				z-index:80;
				min-width:100px;
				_width:100px;/*ie6 fix*/
			}
			#header #nav1 li .popNav ul{
				list-style:none;
				margin:5px;
				
			}
			#header #nav1 li .popNav ul li:hover,
			#header #nav1 li .popNav ul li{
				list-style:none;
				float:none !important;
				margin-bottom:3px;
				white-space:nowrap;
				border:none !important;
				padding:0;
				height:auto;
			}
			#header #nav1 li:hover .popNav{
				display:block;
			}
			#header.nosubs #nav1 li:hover .popNav,
			#header #nav1 li.on:hover .popNav{
				display:none;
				
			}				
			#header #nav1 li .popNav ul li a:hover{
				color:#ff9c44;
			}
			#header #nav1 li#nav1LastNav .popNav{
				right:-1px;
				left:auto;
			}
			
	/* alternate nav styles common */
		#header #nav1.videos{
			background-image:url('bg_alt_videos_cats.gif');
		}
		#header #nav1.maps li,
		#header #nav1.videos li{
			background-image:url('bg_tab_off.gif');
		}
		#header #nav1.maps li,
		#header #nav1.videos li{
			background-image:url('none');
		}
		#header #nav1.videos ul ul li,
		#header #nav1.maps ul ul li{
			background-image:url('none');
		}
		#header #nav1.maps li.main:hover,
		#header #nav1.maps li:hover,
		#header #nav1.videos li.main:hover,
		#header #nav1.videos li:hover{
			background-image:url('none');
		}
	/* Map nav styles */
		#header #nav1.maps{
			background-image:url('bg_alt_maps_cats.gif');
		}
		#header #nav1.maps li#nav1HomeLink,
		#header #nav1.maps li.altGeo
		{
			background-image:url('bg_tab_off.gif');
		}
		#header #nav1.maps li#nav1HomeLink.on,
		#header #nav1.maps li#nav1HomeLink:hover
		{
			background-image:url('bg_tab_home.gif');
		}

		#header #nav1.maps li.altGeo.on,
		#header #nav1.maps li.altGeo:hover
		{
			background-image:url('none');
		}
		#header #nav1.maps li.main{
			background-image:url('bg_alt_maps_main.gif');
		}
		
		#header #nav1.maps li .popNav{
			border-color:#26d8c9;
		}
		#header #nav1.maps li.nosub:hover,
		#header #nav1.maps li:hover{
			border-color:#26d8c9;
			border-bottom-color:#eef4f6;
		}
		#header.nosubs #nav1.maps li:hover,
		#header #nav1.maps li.nosub:hover{
			border-bottom:1px solid #26d8c9;
		}
		#header #nav1.maps li.divider{
			background-image:url('bg_divider_maps.gif');
		}
		#header #nav1.maps li.on:hover,
		#header #nav1.maps li.on{
			border-color:#26d8c9;
			border-bottom-color:#b1cada;
		}
		
		
	/* Videos nav styles */
		#header #nav1.videos li#nav1HomeLink{
			background-image:url('bg_tab_off.gif');
		}
		#header #nav1.videos li.main{
			background-image:url('bg_alt_videos_main.gif');
		}
		#header #nav1.videos li .popNav{
			border-color:#912b35;
			background-color:#faf6f7 !important;
		}
		
				
		#header #nav1.videos li:hover{
			border-color:#912b35;
			border-bottom-color:#faf6f7;
			background-color:#faf6f7 !important;
		}
		#header.nosubs #nav1.videos li:hover,
		#header #nav1.videos li.nosub:hover{
			border-bottom:1px solid #912b35;
		}
		#header #nav1.videos li.divider{
			background-image:url('bg_divider_videos.gif');
		}
		#header #nav1.videos li.on:hover,
		#header #nav1.videos li.on{
			background-color:#faf6f7;
			border-color:#912b35;
			border-bottom:1px dotted #b1cada !important;				
		}
	
	/* secondary navigation styles */

		#header #nav2{
			visibility: hidden;
		}		
		#header #nav2 ul{
			margin-left:5px;
			border:1px solid #0397d6;
			border-top:none;
			height:20px;
			list-style:none;
			float:left;
		}
		#header #nav2 ul li{
			float:left;
			background-color:#eef4f6;
			position:relative;
			list-style:none;
			white-space:nowrap;
			z-index:80;
		}
		#header #nav2 ul li a{
			font-weight:bold;
			display:block;
			font-size:8pt;
			padding:3px 2px;
			
		}
		#header #nav2 ul li.on a,
		#header #nav2 ul li:hover a,
		#header #nav2 ul li a:hover,
		#header #nav2 ul li.on:hover a,
		#header #nav2 ul li.on a:hover{
			color:#333;
			background-color:#fff;
			text-decoration:none;
		}
		

		#header #nav2 ul li.divider:hover,
		#header #nav2 ul li.divider{
			width:1px;
			padding:0;
			margin:0;
			background-image:url('bg_nav2_divider.gif');
			background-repeat:no-repeat;
			height:20px
		}
		/* pop-up nav styles */			
			#header #nav2.videos li .popNav,
			#header #nav2 li .popNav{
				display:none;
				position:absolute;
				top:19px;
				left:-1px;
				background-color:#fff;
				border:1px solid #0396d5;
				border-top:none;
				z-index:80;
				min-width:100%;
			}
			
			#header #nav2 li:hover .popNav{
				display:block;
				border-top:none;
			}
			#header #nav2 .popNav ul{
				float:none;
				border:none;
				height:auto;
				position:relative;
				z-index:80;
			}
			#header #nav2 .popNav ul li{
				white-space:nowrap;
				float:none;
				position:relative;
				z-index:80;
			}
			#header #nav2 .popNav ul li a{
				color:#005288;
			}
			#header #nav2 .popNav ul li a:hover{
				color:#ff9c44;
				border-top:none;
			}
			
		/* nav 2 map styles */
			#header #nav2.maps li .popNav{
				border-color:#26d8c9;
			}
			#header #nav2.maps ul{
				border-color:#36d8c9;
			}
			
		
		/* nav 2 video styles */
			#header #nav2.videos li .popNav,
			#header #nav2.videos ul{
				border-color:#912b35;
			}
			#header #nav2.videos ul li{
				background-color:#faf6f7;
			}	

			#header #nav2 li#nav2LastNav .popNav{
				right:-1px;
				left:auto;
			}
			
			
	/* breadcrumb styles */
		.breadcrumb{
			color:#005288;
			font-size:8pt;
			font-weight:bold;
			margin:9px 9px 0 9px;
		}

			
/* footer Styles */
	/* nav3 - primary nav repeat */
		#footer #nav3{
	text-align:center;
	font-size:8pt;
	color:#005288;
	margin-bottom:3px;
	border-bottom:1px solid #e7e7e7;
	background-image: url('bg_header_extras.gif');padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
		}
	
	/* footer extras - legal links */
		#footer .extras{
			text-align:center;
			background-color:#eaeaea;
			color:#005288;
			padding:10px 0;	
				
		
		}
		
		#footer .ad{
			position: relative !important;
			z-index: 50 !important;
			text-align:center;
			margin:20px 0;
			
		}