#nav { width: 766px; text-align: left; list-style: none; line-height: 14px; padding: 0; margin: auto;}
/* This *html hack is used so that IE does not add a gap on the left of the menu becuase of the margin: auto Firefox fix */
*html #nav { width: 766px; text-align: left; list-style: none; line-height: 14px; padding: 0; margin: 0; }
/* End html hack */
#nav ul { float: left; list-style: none; line-height: 14px; background: #C3D5C8; font-weight: bold; padding: 0; margin: 0; }
/* Must use line-hieght to set height on menu items incase word wrap happens, firefox does not expand to fit height */
#nav a { display: block; color: #7C6240; text-decoration: none; padding: 0; line-height: 18px; color: black; font-weight: bold; font-family: Verdana, Helvetica, Tahoma, Arial, Sans-Serif; font-size: 12px; }
#nav li { float: left; padding: 0; }
#nav li a { text-align: center; }
#nav li ul { position: absolute; left: -999em; height: auto; font-weight: normal; margin: 0; width: 200px; }
#nav li ul a { width: 200px; border-left: 1px solid #699675; border-right: 1px solid #699675; border-bottom: 1px solid #699675; padding: 2px; margin: 0px; background: #C3D5C8; text-align:left; }
#nav li ul ul { margin: -1.75em 0 0 200px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover { color: white; }
#nav li ul li a:hover, #nav li ul li a.sfhover { color: white; }
#nav li ul li a.menudropdown { background-image: url('../images/en/tier.gif'); background-repeat: no-repeat; background-position: center right; }
#nav li ul a.topborder { border-top: 1px solid #699675; }