﻿
/* MAIN NAVIGATION BAR */

#navBar {
	padding: .5em 0; 
	font: bold .9em Verdana, Arial, Helvetica, sans-serif; 
	text-align: left; 
	background: #f0f6ff;
	margin-bottom: 10px;
	border-bottom: 1px solid #013e7f;
	}
#navBar a { font-weight: bold; color: #013e7f; text-decoration: none; }

table#nav { margin: 0 auto; }
table#nav td { padding: 0; }
table#nav td.navLink { }
table#nav td.navPipe {padding: 0 2px; }
	
#nav ul { list-style: none; margin: 0; padding: 0; font-size: 1em; line-height: 120%; }
#nav ul li { margin-top: 0; margin-bottom: 0; font-weight: bold; }
#nav ul li { border: 1px solid #f0f6ff; } /* IE spacing hack */

#nav ul a { display: block; margin: 0; padding: 3px 2px;  }
#nav ul a:hover { text-decoration: underline; }

/* second-level lists */
#nav ul ul { 
	position: absolute;
	margin: 0;
	margin-top: -1px;
	width: 150px;
	font-size: 1em;
	line-height: 130%; 
	text-align: left;
	text-transform: none; 
	color: #000; 
	background: #ffffdd;
	border-top: 1px solid #013e7f;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 500; 
	}
	
/* reset margin, height, padding values for nested lists */
#nav ul ul li { padding: 0; margin: 0; border: 1px solid #013e7f; border-top-style: none; }
#nav ul ul a { padding: 0; margin: 0; font-weight: normal !important; background-image: none; }

#nav ul ul a { padding: .5em; color: #013e7f; }
#nav ul ul a:hover { color: #013e7f; background: #cdeffb; text-decoration: none; }

/* hover reveal of list items */
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; }

/* Limit to 2 levels of reveal */
#nav ul ul ul { display: none; }

/* IE7 Hack for sticky drop menu */
#menu li:hover, #menu li.hover { position: static; }
