#sidenavspot {
   position:absolute;
   top:0px;
   z-index:2000;
   padding-top:27px;
   width:240px;
   }
   
#menu { 
   float:left;
   position: absolute;
   top:273px;
 }

#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: inline;
  height: 500px;
  float:left;
}

#menu ul li {
  list-style-type: none;
  display: inline;
  float:left;
  }

#menu ul li a {
  padding: 27px 0 0 0;
  height: 0;
  overflow: hidden;
  float: left;
  display: block;
}

#menu ul li a#nav-navi1 {
  background: url(../_img/roll1.gif) no-repeat top left;
  width:240px;
}
#menu ul li a#nav-navi1:hover, #menu ul li a#nav-navi1.on, #menu ul li a#nav-navi1.aon {
    background-position: 0 -27px;
  }

#menu ul li a#nav-navi2 {
  background: url(../_img/roll2.gif) no-repeat top left;
  width:240px;
}
#menu ul li a#nav-navi2:hover, #menu ul li a#nav-navi2.on, #menu ul li a#nav-navi2.aon {
    background-position: 0 -27px;
  }

#menu ul li a#nav-navi3 {
  background: url(../_img/roll3.gif) no-repeat top left;
  width:240px;
}
#menu ul li a#nav-navi3:hover, #menu ul li a#nav-navi3.on, #menu ul li a#nav-navi3.aon {
    background-position: 0 -27px;
  }

#menu ul li a#nav-navi4 {
  background: url(../_img/roll4.gif) no-repeat top left;
  width:240px;
}
#menu ul li a#nav-navi4:hover, #menu ul li a#nav-navi4.on, #menu ul li a#nav-navi4.aon {
    background-position: 0 -27px;
  }
  
#menu ul li a#nav-navi5 {
  background: url(../_img/roll5.gif) no-repeat top left;
  width:240px;
}
#menu ul li a#nav-navi5:hover, #menu ul li a#nav-navi5.on, #menu ul li a#nav-navi5.aon {
    background-position: 0 -27px;
  }

#menu ul li a#nav-navi6 {
  background: url(../_img/roll6.gif) no-repeat top left;
  width:240px;
}
#menu ul li a#nav-navi6:hover, #menu ul li a#nav-navi6.on, #menu ul li a#nav-navi6.aon {
    background-position: 0 -27px;
  }
  
#menu ul li a#nav-navi7 {
  background: url(../_img/roll7.gif) no-repeat top left;
  width:240px;
}
#menu ul li a#nav-navi7:hover, #menu ul li a#nav-navi7.on, #menu ul li a#nav-navi7.aon {
    background-position: 0 -27px;
  }
  
#menu ul li a#nav-navi8 {
  background: url(../_img/roll8.gif) no-repeat top left;
  width:240px;
}
#menu ul li a#nav-navi8:hover, #menu ul li a#nav-navi8.on, #menu ul li a#nav-navi8.aon{
    background-position: 0 -27px;
  }
  
#menu ul li a#nav-navi9 {
  background: url(../_img/roll9.gif) no-repeat top left;
  width:240px;
}
#menu ul li a#nav-navi9:hover, #menu ul li a#nav-navi9.on, #menu ul li a#nav-navi9.aon {
    background-position: 0 -27px;
  }


#menu ul ul li a, #menu ul ul ul li a {
  background-image: none !important;
} 

#menu ul ul, 
#menu ul ul ul {
  display: none;
}

#menu ul ul li, 
#menu ul ul ul li {
  display: none;
}


div.subnav {
  position: absolute;
  width:0px;
  margin: 0;
  margin-left:236px;
  display: none;
 }

div.subnav ul {
  list-style: none; 
  width: 176px;
  height: auto;
  padding:2px 2px 1px 2px;
  margin: 0;
  
}

div.subnav li, div.subnav a {
}

div.subnav ul li {
  cursor: pointer;
  padding:0 0 1px 0;
  margin:0;
  }

div.subnav ul li a {
  color: #454545;
  font-weight: bold;
  font-family: geneva,arial,helvetica,sans-serif;
  font-size:11px;
  text-decoration: none;
  display: block;
  width: 164px;
  padding:5px 6px 5px 6px;
  height:auto;
  background-color:#ffffff;
 }


div.subnav ul li.sub {
  cursor: default;
}

div.subnav ul li.on a {
  background-color: #ffffff;
}

div.subnav ul li.on a:hover {
  /* background-color:#ffffff !important; */
}

div.subnav ul li.on, li a {
  /* color: #000000; */
}

div.subnav ul li.on li a:hover {
  background-color:#ffffff !important;
  color:#898989;
}

div.subnav ul ul {
  width: 176px;
  height: auto;
  padding:2px 2px 1px 2px;
  margin: 0;
  z-index: 14;
  position: absolute;
  top: -2px;
  right: -180px;
  display:none;
}

div.subnav ul ul li {
  /* border-bottom: solid thin #e1ffa5; */
}

div.subnav ul li.sub {
  position: relative;
}

div#navi1 { top: 273px;  }
div#navi2 { top: 300px;  }
div#navi3 { top: 327px;  }
div#navi4 { top: 354px;  }
div#navi5 { top: 381px;  }
div#navi6 { top: 408px;  }
div#navi7 { top: 435px;  }
div#navi8 { top: 462px;  }
div#navi9 { top: 489px;  }

div#navi1 ul { background-color:#6897be; }
div#navi2 ul { background-color:#cc6633; }
div#navi3 ul { background-color:#ffcc00; }
div#navi4 ul { background-color:#04910b; }
div#navi5 ul { background-color:#996600; }
div#navi6 ul { background-color:#723e86; }
div#navi7 ul { background-color:#abcc00; }
div#navi8 ul { background-color:#0ed16f; }
div#navi9 ul { background-color:#990000; }

div#navi1 ul li.on a { color:#ffffff; background-color:#6897be !important; }
div#navi2 ul li.on a { color:#ffffff; background-color:#cc6633 !important; }
div#navi3 ul li.on a { color:#222222; background-color:#ffcc00 !important;  }
div#navi4 ul li.on a { color:#ffffff; background-color:#04910b !important; }
div#navi5 ul li.on a { color:#ffffff; background-color:#996600 !important; }
div#navi6 ul li.on a { color:#ffffff; background-color:#723e86 !important; }
div#navi7 ul li.on a { color:#111111; background-color:#abcc00 !important; }
div#navi8 ul li.on a { color:#ffffff; background-color:#0ed16f !important; }
div#navi9 ul li.on a { color:#ffffff; background-color:#990000 !important; }

div#navi1 ul li.on a:hover { color:#ffffff; background-color:#6897be !important; }
div#navi2 ul li.on a:hover { color:#ffffff; background-color:#cc6633 !important; }
div#navi3 ul li.on a:hover { color:#222222; background-color:#ffcc00 !important;  }
div#navi4 ul li.on a:hover { color:#ffffff; background-color:#04910b !important; }
div#navi5 ul li.on a:hover { color:#ffffff; background-color:#996600 !important; }
div#navi6 ul li.on a:hover { color:#ffffff; background-color:#723e86 !important; }
div#navi7 ul li.on a:hover { color:#111111; background-color:#abcc00 !important; }
div#navi8 ul li.on a:hover { color:#ffffff; background-color:#0ed16f !important; }
div#navi9 ul li.on a:hover { color:#ffffff; background-color:#990000 !important; }

div#navi1 ul li.on li a { color:#454545; background-color:#ffffff !important; }
div#navi2 ul li.on li a { color:#454545; background-color:#ffffff !important; }
div#navi3 ul li.on li a { color:#454545; background-color:#ffffff !important;  }
div#navi4 ul li.on li a { color:#454545; background-color:#ffffff !important;  }
div#navi5 ul li.on li a { color:#454545; background-color:#ffffff !important;  }
div#navi6 ul li.on li a { color:#454545; background-color:#ffffff !important;  }
div#navi7 ul li.on li a { color:#454545; background-color:#ffffff !important;  }
div#navi8 ul li.on li a { color:#454545; background-color:#ffffff !important;  }
div#navi9 ul li.on li a { color:#454545; background-color:#ffffff !important;  }

div#navi1 ul li.on li a:hover { color:#ffffff; background-color:#6897be !important; }
div#navi2 ul li.on li a:hover { color:#ffffff; background-color:#cc6633 !important; }
div#navi3 ul li.on li a:hover { color:#222222; background-color:#ffcc00 !important;  }
div#navi5 ul li.on li a:hover { color:#ffffff; background-color:#996600 !important; }
div#navi6 ul li.on li a:hover { color:#ffffff; background-color:#723e86 !important; }
div#navi7 ul li.on li a:hover { color:#111111; background-color:#abcc00 !important; }
div#navi8 ul li.on li a:hover { color:#ffffff; background-color:#0ed16f !important; }
div#navi9 ul li.on li a:hover { color:#ffffff; background-color:#990000 !important; }