/* Basic code - don't modify */
  .navigation { display: block; margin: 0; padding: 0; position: relative; }
  .navigation li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  .navigation a { display: block; }
  .navigation ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;}
  * html .navigation ul { line-height: 0; } /* IE6 "fix" */
  	.navigation ul a { zoom: 1; } /* IE6/7 fix */
    .navigation ul li { float: none; background:#f3f6f9;position:relative;left:-4px;}
    .navigation ul li a{position:relative;left:3px;}
    .navigation ul ul { top: 0; }
    
/* Essentials - configure this */

.navigation ul { width: 95px; }
.navigation ul ul { left: 96px;}

/* Everything else is theming */
 
.navigation {   height:34px;   float:left; padding-left:10px; background: url(../images/nav.gif) repeat-x; }
.navigation li { height:34px;  }
.navigation li a { border-right: 0px solid #333; color: #000; font-size: 14px;   line-height:34px; width:87px; height:34px; margin-right:5px; font-weight:bold;  }
  .navigation li a:hover { width:87px;height:34px;  color:#fff; font-size: 14px; background:url(../images/nav_hover.gif) no-repeat center;
  .navigation ul { top: 35px; }
    .navigation ul li a { background: #7b541b;  }
      .navigation ul li a:hover { background: #8e4f1d;   }
   .navigation ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* .navigation ul a { border-bottom: none; } - I also needed this for IE6/7 */

