ul.mainMenu,
ul.mainMenu li {
  text-align: left;
  height: 39px;
}
ul.mainMenu li ul li {
  width: 118px;
  height: auto;
}
ul.mainMenu,
ul.mainMenu li,
ul.mainMenu li ul,
ul.mainMenu li ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#menuDiv { /* Safari and Netscape 7.0 were having problems 
  with position:relative on #example */

  margin: 20px 0px 20px 0;  
  width: 915px;
  height: auto;
}

ul.mainMenu {
  width: 915px;
  min-height: 39px;
  height: auto;
}
/* \*/
* html ul.mainMenu {
  height: 39px;
}
/* */

ul.mainMenu li {
  float:left;
  width: 120px;
}
li div.parent {
  position: relative;
}


ul.mainMenu li ul li {
  float:none;
  display:block;
  width: 118px;
}
ul.mainMenu li a { /* floating this can trigger an IE6 bug */
  text-align: center;
  display: block;
  width: 120px;
  height: 39px;
  line-height: 39px;
  text-decoration: none;
  background-color: #aeb;
  background-position: 0 0;
}

ul.mainMenu li ul li a,
ul.mainMenu li:hover ul li a,
ul.mainMenu li.sfhover ul li a {
  text-align: left;
  width: 100%;
  line-height: 2em;
  height: auto;
  text-indent: 1em;
  background-color: #f7f7f7;
  color: #2a3c8a;
}

ul.mainMenu li a:hover,
ul.mainMenu li:hover a,
ul.mainMenu li.sfhover a,
ul.mainMenu li:hover ul li a:hover,
ul.mainMenu li.sfhover ul li a:hover {
  background-color: #adcef5;
  color: #2a3c8a;
}

ul.mainMenu li a span {
  display: block;
  width: 120px;
  height: 39px;
  cursor: pointer;
  cursor: hand; /* for IE5.x/Win */
  background-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

ul.mainMenu li,
ul.mainMenu li:hover a span,
ul.mainMenu li.sfhover a span {
  background-position: 0 -39px;
/* the second number should be the negative height of the link. */
}

/*
   needed to use IDs on the <li>s for IE6 compatibility
*/

ul.mainMenu li,
ul.mainMenu li a,
ul.mainMenu li a span {
  background-image: url(../images/menu.png);
}

ul.mainMenu li#link1m a,
ul.mainMenu li#link1m a span {
  width: 149px;
  background-position: 0px 0;  
}
ul.mainMenu li#link1m,
ul.mainMenu li#link1m:hover a span,
ul.mainMenu li#link1m.sfhover a span {
  width: 149px;
  background-position: 0px -39px;
}

ul.mainMenu li#link2m a,
ul.mainMenu li#link2m a span {
  width: 176px;
  background-position: -149px 0;
}
ul.mainMenu li#link2m,
ul.mainMenu li#link2m:hover a span,
ul.mainMenu li#link2m.sfhover a span {
  width: 176px;
  background-position: -149px -39px;
}

ul.mainMenu li#link3m a,
ul.mainMenu li#link3m a span {
  width: 174px;
  background-position: -325px 0;
}
ul.mainMenu li#link3m,
ul.mainMenu li#link3m:hover a span,
ul.mainMenu li#link3m.sfhover a span {
  width: 174px;
  background-position: -325px -39px;
}

ul.mainMenu li#link4m a,
ul.mainMenu li#link4m a span {
  width: 174px;
  background-position: -499px 0;
}
ul.mainMenu li#link4m,
ul.mainMenu li#link4m:hover a span,
ul.mainMenu li#link4m.sfhover a span {
  width: 144px;
  background-position: -499px -39px;
}

ul.mainMenu li#link5m a,
ul.mainMenu li#link5m a span {
  width: 149px;
  background-position: -643px 0;
}
ul.mainMenu li#link5m,
ul.mainMenu li#link5m:hover a span,
ul.mainMenu li#link5m.sfhover a span {
  width: 149px;
  background-position: -643px -39px;
}

ul.mainMenu li#link6m a,
ul.mainMenu li#link6m a span {
  width: 123px;
  background-position: -792px 0;
}
ul.mainMenu li#link6m,
ul.mainMenu li#link6m:hover a span,
ul.mainMenu li#link6m.sfhover a span {
  width: 123px;
  background-position: -792px -39px;
}

ul.mainMenu li ul li,
ul.mainMenu li ul li a {
  background-image: none;
}


div.dropdown {
  position: absolute;
  top: 39px;
  left: -9000px;
  width: 178px;
}

/*change submenu width */
ul.mainMenu li div.dropdown ul {
  width: 174px;
  color: #000;
  background-color: #aeb;
  border: 1px solid #07d;
  margin: 0 30px 30px;
}

ul.mainMenu li:hover div.dropdown,
ul.mainMenu li.sfhover div.dropdown {
  left: -30px;
}

ul.mainMenu li div.dropdown ul li {
  position: relative;
}


/* IE/Win bug fix \*/
* html div.parent,
* html ul.mainMenu li ul,
* html ul.mainMenu li ul li a {
  height: 1px;
}
* html ul.mainMenu li ul li {
  margin-left: -16px;
  mar\gin-left: 0;
  height: 1%;
}
* html ul.mainMenu li ul li a {
  width: 100%; /* IE 5.0/win bug fix \*/
}
/* end bug fix */