/* MAIN NAVIGATION BAR */

#mainChannelMenu {
	margin-top: 5px; margin-bottom: 0; height: 20px; color: #CDC5AE; background: #054788 url(../images/MainNavBack.jpg) top left no-repeat;
	}
	
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav ul li { margin-top: 0; margin-bottom: 0; font-size: 1em; line-height: 1.3em; }
#nav ul li { border: 1px dotted #1B62A6; border-top-color: #226AB0; border-bottom-color: #034586; } /* IE spacing hack */
#nav .pipe { padding: 0 5px; font-size: 1em; line-height: 1.3em; }

#nav ul a { display: block; margin: 0; text-decoration: none; color: #fff; background: transparent; }
#nav ul a:hover {  }

/* second-level lists */
#nav ul ul { 
	position: absolute;
	margin: 0;
	margin-top: -1px;
	width: 11em;
	font-size: .9em;
	line-height: 1.3em;
	text-align: left;
	color: #000; 
	background: #E6E1D1;
	border-top: 1px solid #000;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
/* reset margin, height, padding values for nested lists */
#nav ul ul li { padding: 0; margin: 0; border: 1px solid #000; border-top-style: none; }
#nav ul ul a { padding: 0; margin: 0; }

#nav ul ul a { padding: .2em .5em; color: #000; }
#nav ul ul a:hover { color: #fff; background: #BA2455; }

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