/* ---( menu )------------------------------- */

  #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9 {
    position: absolute;
    visibility: hidden;
    width: 128px;
  }

  #navbar {
    width: 768px; height: 34px;
    position : relative;
    z-index: 99;
    background: #fff;
  }

  #navbar ul {
    margin: 0; padding: 0;
    list-style: none;
    text-align: left;
  }

  #navbar ul li {
    display: inline;
  }
  
  #navbar a { height: 34px; float: left; text-indent: -9000px; background-position: top right; }

  #navbar a.about       { width: 128px; background: url(../i/menu/menu_about_off.png) no-repeat; }
  #navbar a.about_on    { width: 128px; background: url(../i/menu/menu_about_on.png) no-repeat ; }
/* Just in case. - #navbar a.about:hover { background: url(../i/menu/menu_about_on.png) no-repeat; } */

  #navbar a.members     { width: 128px; background: url(../i/menu/menu_members_off.png) no-repeat; }
  #navbar a.members_on  { width: 128px; background: url(../i/menu/menu_members_on.png) no-repeat; }
  
  #navbar a.news        { width: 128px; background: url(../i/menu/menu_news_off.png) no-repeat; }
  #navbar a.news_on     { width: 128px; background: url(../i/menu/menu_news_on.png) no-repeat; }
  
  #navbar a.events      { width: 128px; background: url(../i/menu/menu_events_off.png) no-repeat; }
  #navbar a.events_on   { width: 128px; background: url(../i/menu/menu_events_on.png) no-repeat; }
  
  #navbar a.scholarship         { width: 128px; background: url(../i/menu/menu_jac_off.png) no-repeat; }
  #navbar a.scholarship_on      { width: 128px; background: url(../i/menu/menu_jac_on.png) no-repeat; }
  
  #navbar a.extranet_index       { width: 128px; background: url(../i/menu/menu_extranet_index_off.png) no-repeat; }
  #navbar a.extranet_index_on    { width: 128px; background: url(../i/menu/menu_extranet_index_on.png) no-repeat; }

/* ---( sub menu )------------------------------- */  
  
  ul.submenu {
    margin: 0; padding: 0;
    list-style: none url(../i/blank.png);
    position: relative;
    background: #fff;
    border-bottom: 1px solid #fff;
    top: -3px;
  }
  
  ul.submenu li {
    margin: 1px 1px 0 1px; padding: 0;
  }

  ul.submenu li a {
    width: 118px; _width: 126px;
    margin: 0; padding: 4px;
    display: block;
    background: #993333;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
  }

  ul.submenu.about li a              { background: #993333; }
  ul.submenu.about li a:hover        { color: #993333; }

  ul.submenu.members li a            { background: #996633; }
  ul.submenu.members li a:hover      { color: #996633; }

  ul.submenu.news li a               { background: #C2B163; }
  ul.submenu.news li a:hover         { color: #C2B163; }
  
  ul.submenu.events li a             { background: #999966; }
  ul.submenu.events li a:hover       { color: #999966; }
  
  ul.submenu.scholarship li a        { background: #D28648; }
  ul.submenu.scholarship li a:hover  { color: #D28648; }

  ul.submenu.extranet_index li a              { background: #809EC0; }
  ul.submenu.extranet_index li a:hover        { color: #809EC0; }  

  ul.submenu li a:hover {
    background: #fff;
    text-decoration: none;
  }