/* ================= DROP DOWN FUNCTIONALITY ================== */

#nav .navList, #nav .navList ul { padding: 0; margin: 0; list-style: none; text-align: left; }
 
#nav .navList a { display: block; }
#nav .navList li { border: 1px solid #FFFFCC; }

#nav .navList li ul { /* second-level lists */
	position: absolute;
    width: 140px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
#nav .navList li:hover ul, #nav .navList li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
    }

/* ===================== STYLE RULES (MAKE IT PRETTY )====================== */

/* static primary menu */
#bannerLinks { padding: 6px; background: #FFFFCC; text-align: left; border-top: 1px solid #0099FF; border-bottom: 1px solid #0099FF; }
#nav .listDivider { padding: 0 5px 0px 0px; padding-top: 1px; font-size: 12px; }

#nav .navList a { font: bold 12px verdana, arial, helvetica; color: #000; text-transform: uppercase; text-decoration: none; }
#nav .navList a:hover { text-decoration: underline; }

/* dropdown menus */
#nav .navList li ul { text-align: left; background: white; }
#nav .navList li ul li { border: 1px solid #0099FF; border-top-style: none; }
#nav .navList ul li a { font-size: 11px; font-weight: normal; padding: 5px 5px; text-transform: none;  }
#nav .navList ul li a:hover { text-decoration: none; background: #006699; color: white; }