
/* NAV STYLES */

.nav, .nav *
{
	margin:					0;
	padding:				0;
	height:					2.5em;
	line-height:			1em;
	list-style:				none;
}

.nav
{
	height: 				47px;
	margin-bottom: 			12px;
	line-height:			1.0;
	float:					left;
	width: 					1112px;
	position: 				relative;
	bottom: 				0px;
}

#navBar
{
	border: 				0;
	position: 				absolute;
	bottom: 				0px;
	_top:					142px;
	height: 				47px;
	_z-index:				20;
}

#navBar .tp
{
	-ms-filter:				"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:					alpha(opacity=60);
	opacity: 				0.6;
	background: 			#000000;
	width: 					100%;
	height: 				21px;
	position:				absolute;  
	top:					3px;
	left:					0px;
	z-index: 				0;
	_z-index: 				-1;  /* IE6 Hack */
}

.nav ul
{
	position:				absolute;
	color: 					#E2E2E2;
	top:					-999em;
	width:					10em; /* left offset of submenus need to match (see below) */
	list-style-image: 		none;
}

.nav ul li
{
	width:					auto;
	float:					left;
	list-style-image: 		none;
}

.nav li:hover
{
	visibility:				inherit; /* fixes IE7 'sticky bug' */
}

.nav li
{
	float:					left;
	position:				static;
	list-style-image: 		none;
}

.nav a
{
	display:				block;
	position:				relative;
	border:					none;
}

.nav li:hover ul, .nav li.sfHover ul
{
	left:					0;
	top:					24px; /* match top ul list item height */
	z-index:				99;
	list-style-image: 		none;
}

.nav li.secondNav:hover ul, .nav li.secondNav.sfHover ul
{
    position:               absolute !important;
    left:                   -1073px;
	top:					16px !important;
	z-index:				99;
	list-style-image: 		none;
}

ul.nav li:hover li ul, ul.nav li.sfHover li ul
{
	top:					-999em;
}
ul.nav li li:hover ul, ul.nav li li.sfHover ul
{
	left:					10em; /* match ul width */
	top:					0;
	list-style-image: 		none;
}
ul.nav li li:hover li ul, ul.nav li li.sfHover li ul
{
	top:					-999em;
	list-style-image: 		none;
}

ul.nav li li li:hover ul, ul.nav li li li.sfHover ul
{
	left:					10em; /* match ul width */
	top:					0;
	list-style-image: 		none;
}

.nav li
{
	float: 					left;
}

.nav a
{
	padding: 				9px .45em;
	text-decoration:		none;
	color: 					#FFFFFF;
	font-family:			Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	text-transform:			uppercase;
	font-size: 				0.75em;
    letter-spacing:         -0.3px;
	height:					auto;
	position: 				relative;
	top: 					-6px;
	background:				url(http://media.bclocalnews.com/designimages/bc09_mainNavBk.gif);
}

.nav ul.subNav a
{
	color: 					#E2E2E2;
	background: 			none;
}

.nav a.navBreak
{
	margin-left:			75px;
}

.nav li ul.subNav
{
	width:					950px; /* IE6 Bug Fix */
	height: 				17px;
	padding-top: 			10px;
}

.nav li li
{
	position:				relative;
}

.nav li li ul
{
	width:					13em;
}

.nav li li li
{
	width:					100%;
}

.nav li.current a
{
	color:					#E2E2E2;
}

.nav li.sfHover a, .nav a:focus, .nav a:hover, .nav a:active
{
	color: 					#FFFFFF;
	background: 			url(http://media.bclocalnews.com/designimages/bc09_mainActvNavBk.gif) repeat-x #272727;
}

.nav a:hover, .nav li.sfHover a
{
	color: 					#FFFFFF;
	background: 			url(http://media.bclocalnews.com/designimages/bc09_mainActvNavBk.gif) repeat-x #272727;
}

.nav li.news a:hover
{
	color:					#45C2E7;
}

.nav li.sports a:hover
{
	color:					#61E20C;
}

.nav li.business a:hover
{
	color:					#CC3333;
}

.nav li.entertainment a:hover
{
	color:					#F6D707;
}

.nav li.lifestyles a:hover
{
	color:					#FF52B0;
}

.nav li.community a:hover
{
	color:					#FF6600;
}

.nav li.opinion a:hover
{
	color:					#336699;
}

.nav li.secondNav
{
	float: 					right;
	position: 				relative;
	top: 					9px;
}

.nav li.secondNav a
{
	text-transform:			none;
	background: 			none;
	border-bottom:			0;
    font-size:              0.69em;
	font-weight:			normal;
	padding: 				4px .45em 6px;
}

.nav li.secondNav a:hover, .nav li.secondNav.sfHover a
{
	color: 					#45C2E7;
	text-transform:			none;
	text-decoration:		underline;
	font-weight: 			normal;
	background: 			#1F1F1F;
}

.nav li.sfHover .subNav a
{
	background:	 			none;
	color:					#E2E2E2;
	border-right: 			1px solid #CC0000;
	font-weight: 			normal;
	height: 				auto;
	padding: 				0 .4em;
}

.nav li.sfHover .subNav a:hover
{
	text-decoration:		underline;
	color:					#CC0000;
}

.nav li.sfHover .subNav a.noBorder
{
	border: 				0;
}

a.partOf
{
	position: 				absolute; 
	right: 					7px; 
	height:					auto; 
	bottom: 				3px; 
	padding: 				0; 
	color: 					#E2E2E2; 
	text-transform:			none;
	text-decoration:	 	none;
	font-family:			Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				0.69em;
	font-weight:			normal;
	z-index: 				100;
}

a.partOf:hover
{
	background: 			none;
	text-decoration: 		underline;
}
ul.nav .current ul, ul.nav ul li:hover ul, ul.nav ul li.sfHover ul
{
	left:					0;
	top:					2.5em; /* match top ul list item height */
}
ul.nav .current ul ul
{
	top: 					-999em;
}

.nav li li.current > a
{
	font-weight:			bold;
}

.fader p
{
	width: 					100%;
	display:				inline;
	position:				relative;
	margin: 				0 .4em;
}

.fader
{
	position: 				absolute; 
	left: 					0px; 
	height: 				auto; 
	top:	 				27px; 
	padding: 				0; 
	color: 					#E2E2E2;
	width:					940px;
	text-transform:			none;
	font-size: 				0.75em;
	font-weight: 			normal; 
	z-index: 				90;
	display:				none;
}

.fader p a
{
	position: 				inherit; 
	display: 				inline; 
	background: 			none; 
	text-transform: 		none; 
	text-decoration:		underline; 
	text-align: 			left; 
	padding: 				0;
	color:					#E2E2E2;
}

.fader p a:hover
{
	background: 			none;
	color: 					#CC0000;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{
	background-position: 	-10px -100px; /* arrow hovers for modern browsers*/
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.nav ul .sf-sub-indicator
{
	background-position: 	-10px -100px;
}

.nav ul a > .sf-sub-indicator
{
	background-position: 	0 -100px;
}

/* apply hovers to modern browsers */
.nav ul a:focus > .sf-sub-indicator, .nav ul a:hover > .sf-sub-indicator, .nav ul a:active > .sf-sub-indicator, .nav ul li:hover > a > .sf-sub-indicator, .nav ul li.sfHover > a > .sf-sub-indicator
{
	background-position: 	-10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.nav > li > ul
{
	background: 			transparent;
	padding: 				0;
	-moz-border-radius-bottomleft:	 	0;
	-moz-border-radius-topright: 		0;
	-webkit-border-top-right-radius: 	0;
	-webkit-border-bottom-left-radius: 	0;
}
