div.primarynavigation {margin-left: 10px; width: 900px; background-color: #ECEDEF; height: 30px; }

div.accountinfo {float:right;margin-right:10px;margin-top:9px;}
div.accountinfo a {font-family:Arial;font-size:10px;color:#646464;text-decoration:none;text-transform:uppercase;}
div.accountinfo a:hover {color:#FF91DF;}

#nav li.boarder { border-right: 1px solid #AEABAB; }
#nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; z-index:100;}

#nav a { display: block; font-family: Arial; font-size: 10px; color: #7C7C7C; text-decoration: none; margin-right: 10px; text-transform: uppercase; }

#nav li:hover { background-color: #C3E8F1; }
#nav li { /* all list items */ float: left; padding: 5px 0 5px 10px; background-color: #ECEDEF; margin-top: 5px; margin-bottom: 5px; }
#nav li ul li { /* all list items */ float: left; padding: 0 0 0 0; margin: 0 0 0 0; /* width needed or else Opera goes nuts */ }
#nav li ul li a { /* all list items */ float: left; width: 120px; /* width needed or else Opera goes nuts */ padding: 5px 5px 5px 5px; margin-right: 20px; }
#nav li ul { /* second-level lists */ margin-top: 5px; position: absolute; background: #ECEDEF; width: 100px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin-left: -10px; /* reset the padding*/ }
#nav li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 10em; }

#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 { /* lists nested under hovered list items */ left: auto; }