﻿/* ================= DROP DOWN FUNCTIONALITY ================== */

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	}

#nav a { display: block; }

#nav li ul { /* second-level lists */
	position: absolute;
	width: 120px;
	top: 28px;
	border-top: 2px solid #fdb304;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
/* Don't display the 3rd level lists */
#nav ul ul ul { display: none; }
	
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* IE7 HACK TO STOP STICKY MENUS */
#menu li:hover, #menu li.hover { position: static; }


/* ===================== STYLE RULES (MAKE IT PRETTY )====================== */


/* static primary menu */
#navBar { padding-top: 2px; padding-bottom: 1px; color: #fff; background: #000; }
#nav { width: 780px; margin: auto; padding: 0; height: 23px; }
#nav .navLink { padding: 0; padding-right: 15px; font: .95em/120% "Trebuchet MS", Arial, Helvetica, sans-serif;  }
#nav .navIcon { padding-bottom: 3px; width: 6px; }

#nav a { padding-bottom: 3px; color: white; text-decoration: none; }
/* #nav a:hover { background: url(../images/NavAccent.gif) bottom left repeat-x; } */

/* IE SPACING HACK */
#nav li { border: 1px solid #000; } /* removes extra line space from 1st level items */

/* dropdown menus */
#nav ul li ul { margin-top: -1px; padding: 0; padding-bottom: 5px; color: #fff; background: #000; }
#nav ul ul li { }
#nav ul ul li a { margin: 0 5px; padding: 5px; color: #fff; background: #000; border-bottom: 1px solid #fff; }
#nav ul ul li a:hover { color: #000; background: #fff; }




