/* ########################################### */
/* -------- HEADER STYLES STYLESHEET --------- */
/* ########################################### */

@media screen {

	#header {
		background:#FFF url(/_hbi_ui/_MTO/_images/bkg/bkgHeader.gif) repeat-x top left;
		margin:0 2px;
		overflow:hidden;
	}
	#bannerHeader {
		right:20px;
		position:absolute;
		top:20px;
		width:731px;
	}
	#siteLogo {
		margin:20px 0 12px 20px;
	}
		#siteLogo h1 span {
			text-indent:-99999px;
			position:absolute;
			overflow:hidden;
		}
	
/* specific styling for main navigation */
#mainNav {
	background: url(/_hbi_ui/_MTO/_images/bkg/bkgMainNav.gif) repeat-x 0 0;
	font-size:1.4em;
	font-family: Helvetica,Arial,Tahoma;
	font-weight:700;
	height:39px;
}
	#mainNav ul {
		padding-left: 3px;
	}
	#mainNav ul li {
		display:inline;
	}
	#mainNav ul li a {
		font-weight:700;
		padding: 10px 17px;
		float:left;
		color: #2c6e89;
		text-decoration: none;
	}
	#mainNav ul li a:hover {
		text-decoration: underline;
	}
		#mainNav ul li.selected a {
			text-decoration: none;
			color:#B40b1a;
		}
	#mainNav ul li.home a {
		/*background:#fff  url(/_hbi_ui/_MTO/_images/icon/iconHome.gif) no-repeat 5px 5px;
		padding-left:30px;
		margin-left:20px;
		border-left:1px solid #e6eced;
		border-right:1px solid #e6eced;*/
		height:19px;
	}
	
/* specific styling for sub navigation */
#subNav {
	background:#76797d url(/_hbi_ui/_MTO/_images/bkg/bkgSubnav.gif) repeat-x bottom left;
	height:30px;
	margin-top:1px;
}
	#subNav li {
		font-size: 1.2em;
		font-family: Helvetica,Arial,Tahoma;
		font-weight:700;
		display:inline;
	}
		#subNav li a {
			padding:7px 10px 8px 10px;
			color: #2c6e89;
			text-decoration: none;
			float:left;
		}
		#subNav li.first a {
			margin-left:10px;
		}
		#subNav li a:hover {
			text-decoration:underline;
		}
		#subNav li.selected a {
			background:#fff;
			text-decoration:none;
		}

/* specific styling for HOT TOPICS navigation */
#hotTopics {
	background:url("/_hbi_ui/_MTO/_images/bkg/bkgDotted.png") repeat-x left bottom;
	margin:10px 20px 0 20px;
	padding-bottom:10px;
}
	#hotTopics li {
		font-size: 1.2em;
		font-family: Helvetica,Arial,Tahoma;
		display:inline;
	}
	#hotTopics li a {
		padding:0 10px;
		color: #2c6e89;
		text-decoration: none;
	}
	#hotTopics li a:hover {
		text-decoration:underline;
	}
	#hotTopics li.first {
		font-family:Georgia;
		font-size:1.2em;
		font-weight:700;
	}

/* specific styling for top navigation from the footer */
#topNav {
	position: absolute;
	z-index: 50;
	top: 124px;
	right: 23px;
	}
	#topNav li {
		float:left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin-right:25px;
		background:no-repeat 0 0;
		height:18px;
	}
	#topNav li#rss {
		background-image:url(/_hbi_ui/_MTO/_images/icon/iconRSS.gif);
		padding-left:20px;
	}
	#topNav li#twitterTop {
		background-image:url(/_hbi_ui/_MTO/_images/icon/iconTwitter.gif);
		padding-left:20px;
		background-position:0 -1px;
	}
	#topNav li#newsEmail {
		background-image:url(/_hbi_ui/_MTO/_images/icon/iconNewsEmail.gif);
		padding-left:20px;
	}
	#topNav li#myMTO {
		background-image:url(/_hbi_ui/_MTO/_images/icon/iconMyMTO.gif);
		padding-left:20px;
	}
	#topNav li#last {
		margin-right:0;
		padding-right:0;
		border: 0;
	}
	#topNav li a {
		color: #2c6e89;
		text-decoration: none;
	}
	#topNav li a:hover {
		text-decoration: underline;
	}
}