/*rollover navigation*/
#nav, #nav ul { /* all lists */
	font-family: Times New Roman, Times, Serif; font-size: 14pt; 
	text-align: center; 
	background: url(../images/navbkgrnd.gif) repeat-y 0px 0px;
	padding: 0; margin: 0; list-style: none; }

#nav a { text-decoration: none; }
#nav li   { float: left; display: block; margin: 10px 0 0 0;}
#nav li a { color: #000000; display: block; width: 122px;}
#nav li a:hover  {color: #db0924; display: block;}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #556a68;
	margin: -15pt 0 0 115px;
	*margin: -20pt 0 0 110px;
	width: 80pt;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { float: left; display: block; margin: 4;}

#nav li ul a { color: #ffffff; display: block; width: 100px; font-size: 12pt;}

#nav li ul a:hover { color: #000000; display: block;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {     left: -999em; } 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {     left: auto; }