/* Basic code - don't modify */
 
 .nav { float: left; margin: 0 0 0 5px; padding: 10px 0 5px 0; position: relative; z-index: 999; }
  .nav li { float: left; list-style: none; height: auto; margin: 0 2px; padding: 0; float: left; position: relative; }
  .nav a { float: left; }
  .nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html .nav ul { line-height: 0; } /* IE6 "fix" */
  	.nav ul a { zoom: 1; } /* IE6/7 fix */
    .nav ul ul { top: 0; }
    
/* Essentials - configure this */

.nav ul { width: auto; }
.nav ul ul { left: 114px; }

/* Everything else is theming */
 
.nav { height: 28px; }
.nav a {background: url('../../graphics/flags/bg-flags.gif') bottom left no-repeat; color: #FEFEFE; font-size: 11px; height: 20px; padding: 5px 0 0 7px; width: 198px; }
.nav a:hover {background-image: url('../../graphics/flags/bg-flags.gif'); background-position: top left; text-decoration: none;}
.nav a.first {background-image: url('../../graphics/flags/bg-first.gif'); height: 21px;}
.nav a.first:hover {background-image: url('../../graphics/flags/bg-first-hover.gif');}
.nav a.last {background-image: url('../../graphics/flags/bg-last.gif'); height: 24px;}
.nav a.last:hover {background-image: url('../../graphics/flags/bg-last-hover.gif');}
  .nav a.main { background-image: url('../../graphics/flags/lagnuage.gif'); height: 20px; padding-top: 8px; }
.nav a img {float: left; margin: 0 5px 0 0;}
  .nav a.main:hover { background-image: url('../../graphics/flags/language-mo.gif');}
  .nav ul { top: 28px; }
/*   .nav ul a { opacity: 0.9; filter: alpha(opacity=90); }*/
/* .nav ul a { border-bottom: none; } - I also needed this for IE6/7 */