/* TOP NAVIGATION MENU */
#mainChannelMenu {
	margin: 3px 0 5px 0;
	padding: 0 .5em; 
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif; 
	text-align: center; 
	color: #fff; 
	background: #628bcb url('/nada/images/nav-gradient-blue.jpg') center left repeat-x; 
}
table#nav { margin: 0 auto; }
table#nav td { padding: 0; text-align: center; }
table#nav td.navLink { padding: 0 2px; }
table#nav td.pipe { width: 1px; background: #fff; color: #fff;  }
	
#nav div { margin: 0; text-align: left; letter-spacing:0; font-family: Tahoma, arial, helvetica, sans-serif !important; }
#nav div a { display: block; margin: 0; padding: 6px 6px 10px 6px; text-align: center; color: #fff; text-decoration: none; }
#nav div.targetChannel a { color: #fff; }
#nav div a:hover { text-decoration: underline; }

/* second-level lists */
#nav div ul { 
	position: absolute;
	width: 150px;
	margin: 0;
	margin-top: -10px;
	padding: 0 !important;
	list-style: none;
	font-size: 11px;
	font-weight: normal;
	line-height: 130%; 
	text-align: left !important;
	text-transform: none; 
	color: #000099;
	background: #d6e0ed;
	border-top: 1px solid #628bcb;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 500;
	}

#nav div ul li { 
	margin: 0;
	padding: 0; 
	border: 1px solid #628bcb;
	border-top-style: none;
	}

#nav div ul a { display: block; color: #000099; margin: 0; padding: 4px 8px; text-align: left; text-decoration: none; }
#nav div.targetChannel ul a { color: #000; }
#nav div ul a:hover { color: #000; text-decoration: underline; }

/* hover reveal of list items */
#nav div:hover ul, #nav div.sfhover ul { left: auto; }