#outer {
    text-align: left;
    position: relative;
  }
  
  ul#nav {
    height: 27px;
    margin: 0; padding: 0;
    list-style: none;
  }

  ul#nav li {
    float: left;
    margin: 0; padding: 0;
 }

  ul#nav li a {
    margin-right: 3px;
  }

  ul#nav li a{
    display:block;
  }

  ul#nav ul {
    position: absolute;
    margin: 0; padding: 6px 0;
    list-style: none;
    left: -1200em;
    z-index: 2;
    width: 740px;
    background: #00975C;
  }

  ul#nav ul li{
    position:relative;
    display:inline;
    width:auto;
    text-align:left;
    margin: 0; padding: 0 7px 0 11px;
    border-right: 1px solid white; 
  }

  #outer ul#nav ul li a{
    font: bold 8pt arial, sans-serif;
    color: white;
    display:inline;
  }

  #outer ul#nav ul li.final { border-right: 0 }/* Removes the border from the last sub menu item. */
  #outer ul#nav ul li a.onPage { color: #C1C1C1; }/* Current page in sub nav */


  ul#nav li.current ul { left: 0; z-index: 1; } /* Default sub menu, enter "style='current'" into the respective <li> tag of the main menu. */

  /* btb added bottom border to allow mouse hover to drop down below green w/o
     removing subnav */
  /* ssimmons - making this hack IE-only .... */
  ul#nav li:hover ul, ul#nav li.over ul {  !border-bottom: #FFFFFF solid 10px; left: 0; } /* Shazzam: Repositions the sub menu onscreen. */
  
  #nav a.practices            { width: 90px; height: 27px; background: url(../i/menu/menu_practice_off.png) no-repeat 0 0;}
  #nav a.practices:hover      { height: 27px; background: #00975C url(../i/menu/menu_practice_on.png) no-repeat 0 0;}
  #nav a.practicesOn          { width: 90px; height: 27px; background: url(../i/menu/menu_practice_active.png) no-repeat 0 0;}
  
  #nav a.attorneys           { width: 90px; height: 27px; background: url(../i/menu/menu_attorneys_off.png) no-repeat 0 0;}
  #nav a.attorneys:hover     { height: 27px; background: #00975C url(../i/menu/menu_attorneys_on.png) no-repeat 0 0;}
  #nav a.attorneysOn         { width: 90px; height: 27px; background: url(../i/menu/menu_attorneys_active.png) no-repeat 0 0;}

  #nav a.firm               { width: 90px; height: 27px; background: url(../i/menu/menu_about_off.png) no-repeat 0 0;}
  #nav a.firm:hover         { height: 27px; background: #00975C url(../i/menu/menu_about_on.png) no-repeat 0 0;}
  #nav a.firmOn             { width: 90px; height: 27px; background: url(../i/menu/menu_about_active.png) no-repeat 0 0;}

  #nav a.news                { width: 90px; height: 27px; background: url(../i/menu/menu_news_off.png) no-repeat 0 0;}
  #nav a.news:hover          { height: 27px; background: #00975C url(../i/menu/menu_news_on.png) no-repeat 0 0;}
  #nav a.newsOn              { width: 90px; height: 27px; background: url(../i/menu/menu_news_active.png) no-repeat 0 0;}

  #nav a.publications        { width: 90px; height: 27px; background: url(../i/menu/menu_publications_off.png) no-repeat 0 0;}
  #nav a.publications:hover  { height: 27px; background: #00975C url(../i/menu/menu_publications_on.png) no-repeat 0 0;}
  #nav a.publicationsOn      { width: 90px; height: 27px; background: url(../i/menu/menu_publications_active.png) no-repeat 0 0;}
  
  #nav a.offices             { width: 90px; height: 27px; background: url(../i/menu/menu_offices_off.png) no-repeat 0 0;}
  #nav a.offices:hover       { height: 27px; background: #00975C url(../i/menu/menu_offices_on.png) no-repeat 0 0;}
  #nav a.officesOn           { width: 90px; height: 27px; background: url(../i/menu/menu_offices_active.png) no-repeat 0 0;}
  
  #nav a.careers             { width: 90px; height: 27px; background: url(../i/menu/menu_careers_off.png) no-repeat 0 0;}
  #nav a.careers:hover       { height: 27px; background: #00975C url(../i/menu/menu_careers_on.png) no-repeat 0 0;}
  #nav a.careersOn           { width: 90px; height: 27px; background: url(../i/menu/menu_careers_active.png) no-repeat 0 0;}
  
  #nav a.contact             { margin-right: 0; width: 89px; height: 27px; background: url(../i/menu/menu_contact_off.png) no-repeat 0 0;}
  #nav a.contact:hover       { height: 27px; background: #00975C url(../i/menu/menu_contact_on.png) no-repeat 0 0;}
  #nav a.contactOn           { margin-right: 0; width: 89px; height: 27px; background: url(../i/menu/menu_contact_active.png) no-repeat 0 0;}

/* for green bar under main nav when page is not in navigation */
  .noNav {
    height: 27;
    background: #00975C;
  }