* html .menu { margin-top: -2px; }
.menu {
  height: 33px;
  padding-left: 10px;
  background-image: url(/img/ceo/ceo_h_menu_back.gif);
}

.menu div { display: block; float: left; height: 100%; background-repeat: no-repeat; }
.menu a { display: block; height: 100%; width: 100%; }

.menu #link1 { width: 62px; background-image: url(/img/ceo/ceo_h_menu_b_off_1.gif); }
.menu #link2 { width: 72px; background-image: url(/img/ceo/ceo_h_menu_b_off_2.gif); }
.menu #link3 { width: 96px; background-image: url(/img/ceo/ceo_h_menu_b_off_3.gif); }
.menu #link4 { width: 126px; background-image: url(/img/ceo/ceo_h_menu_b_off_4.gif); }
.menu #link5 { width: 167px; background-image: url(/img/ceo/ceo_h_menu_b_off_5.gif); }
.menu #link6 { width: 121px; background-image: url(/img/ceo/ceo_h_menu_b_off_6.gif); }
.menu #link7 { width: 77px; background-image: url(/img/ceo/ceo_h_menu_b_off_7.gif); }
.menu #link8 { width: 106px; background-image: url(/img/ceo/ceo_h_menu_b_off_8.gif); }
.menu #link9 { width: 78px; background-image: url(/img/ceo/ceo_h_menu_b_off_9.gif); }
.menu #link10 { width: 59px; background-image: url(/img/ceo/ceo_h_menu_b_off_10.gif); }

.menu #link1 a:hover, .menu #link1 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_1.gif); }
.menu #link2 a:hover, .menu #link2 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_2.gif); }
.menu #link3 a:hover, .menu #link3 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_3.gif); }
.menu #link4 a:hover, .menu #link4 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_4.gif); }
.menu #link5 a:hover, .menu #link5 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_5.gif); }
.menu #link6 a:hover, .menu #link6 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_6.gif); }
.menu #link7 a:hover, .menu #link7 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_7.gif); }
.menu #link8 a:hover, .menu #link8 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_8.gif); }
.menu #link9 a:hover, .menu #link9 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_9.gif); }
.menu #link10 a:hover, .menu #link10 .on { background-image: url(/img/ceo/ceo_h_menu_b_on_10.gif); }

#dropmenudiv {
  margin-left: -2px;
  width: 200px;
  visibility: hidden;
  position: absolute;
  z-index: 500;

  background-image: url(/img/ceo/ceo_h_menu_dropTile.gif);  
  border-left: 2px #002340 solid;
  border-right: 2px #002340 solid;
  border-bottom: 2px #002340 solid;
  
  padding-top: 5px;
}

#dropmenudiv a { 
  display: block;
  height: 19px;
  padding-bottom: 5px;
  padding-left: 20px; 

  background-repeat: no-repeat;
  color: #ffffff;

  text-transform : uppercase;
  text-decoration: none;
  line-height: 19px;
  overflow: hidden;
}


/* the hash is a hack to prevent hovers in safari because they don't play well with flash */
#dropmenudiv a:hover {
  background-image: url(/img/ceo/ceo_h_menu_dropHover.gif); 
  color: #d6f505;
  #
}