.mh_wrapper{
  height:70px;
  line-height:70px;
  position:absolute;
  
  /* this top-value is distance down - bigger equals lower */
  top:0px;
  
  /* this left position, zero equals about 160px wide, so 100 equals about 80px wide */
  left:-110px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:13px;
  text-transform:uppercase;
}
.mh_itemMain{
  color:#f0f0f0;
  z-index:10;
    border:1px solid #444;
    background-color:#466e2d;
  cursor:pointer;
  text-align:center;
  font-weight:bold;
  
  /*the higher this ident, the more to the right the text */
  text-indent:120px;
  width:200px;
  position:absolute;
  top:0px;
  left:0px;
  text-shadow:1px 1px 1px #000;
}
.mh_itemMain:hover{
  color:#fff;
}
.mh_right1{
    width:24px;
    height:70px;
    position:absolute;
    left:160px;
    top:0px;
    cursor:pointer;
    border:1px solid #000;
    background:#222 url(right.png) no-repeat center center;
    z-index:9;
}
.mh_wrapper ul {
  position:absolute;
  left:202px;
  top:0px;
  width:900px;
  list-style:none;
  padding:0px;
  height:30px;
  z-index:10;
}
.mh_wrapper ul li a{
  text-decoration:none;
  cursor:pointer;
  display:block;
  float:left;
  margin:0px;
  text-indent:0px;
  padding:0px 10px 0px 3px;
  line-height:70px;
  /* this height is the height of the children */
  height:70px;
  text-indent:10px;
  letter-spacing:1px;
  color:#ddd;
  background-color:#525252;
  text-shadow:1px 1px 1px #000;
  border:1px solid #333;
  border-left:none;
}
.mh_wrapper ul li a.hover{
  background:#333;
  color:#fff;
  -moz-box-shadow:0px 0px 3px #000 inset;
  -webkit-box-shadow:0px 0px 3px #000 inset;
  box-shadow:0px 0px 3px #000 inset;
}













.mh_wrapper2{
  height:70px;
  line-height:70px;
  position:absolute;
  
  /* this top-value is distance down - bigger equals lower */
  top:80px;
  
  /* this left position, zero equals about 160px wide, so 100 equals about 80px wide */
  left:-110px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:13px;
  text-transform:uppercase;
}

.mh_wrapper2active{
  height:70px;
  line-height:70px;
  position:absolute;
  
  /* this top-value is distance down - bigger equals lower */
  top:80px;
  
  /* this left position, zero equals about 160px wide, so 100 equals about 80px wide */
  left:-77px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:13px;
  text-transform:uppercase;
}


.mh_itemMain2{
  color:#f0f0f0;
  z-index:10;
    border:1px solid #444;
    background-color:#d68700;
  cursor:pointer;
  text-align:center;
  font-weight:bold;
  
  /*the higher this ident, the more to the right the text */
  text-indent:120px;
  width:200px;
  position:absolute;
  top:0px;
  left:0px;
  text-shadow:1px 1px 1px #000;
}
.mh_itemMain2:hover{
  color:#fff;
}
.mh_right2{
    width:24px;
    height:70px;
    position:absolute;
    left:160px;
    top:0px;
    cursor:pointer;
    border:1px solid #000;
    background:#222 url(right.png) no-repeat center center;
    z-index:9;
}
.mh_wrapper2 ul {
  position:absolute;
  left:202px;
  top:0px;
  width:900px;
  list-style:none;
  padding:0px;
  height:30px;
  z-index:10;
}
.mh_wrapper2 ul li a{
  text-decoration:none;
  cursor:pointer;
  display:block;
  float:left;
  margin:0px;
  text-indent:0px;
  padding:0px 10px 0px 3px;
  line-height:70px;
  /* this height is the height of the children */
  height:70px;
  text-indent:10px;
  letter-spacing:1px;
  color:#ddd;
  background-color:#525252;
  text-shadow:1px 1px 1px #000;
  border:1px solid #333;
  border-left:none;
 
}
.mh_wrapper2 ul li a.hover{
  background:#333;
  color:#fff;
  -moz-box-shadow:0px 0px 3px #000 inset;
  -webkit-box-shadow:0px 0px 3px #000 inset;
  box-shadow:0px 0px 3px #000 inset;
  
}











.mh_wrapper3{
  height:70px;
  line-height:70px;
  position:absolute;
  
  /* this top-value is distance down - bigger equals lower */
  top:160px;
  
  /* this left position, zero equals about 160px wide, so 100 equals about 80px wide */
  left:-110px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:13px;
  text-transform:uppercase;
}

.mh_wrapper3active{
  height:70px;
  line-height:70px;
  position:absolute;
  
  /* this top-value is distance down - bigger equals lower */
  top:160px;
  
  /* this left position, zero equals about 160px wide, so 100 equals about 80px wide */
  left:-77px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:13px;
  text-transform:uppercase;
}

.mh_itemMain3{
  color:#f0f0f0;
  z-index:10;
    border:1px solid #444;
    background-color:#A3391C;
  cursor:pointer;
  text-align:center;
  font-weight:bold;
  
  /*the higher this ident, the more to the right the text */
  text-indent:120px;
  width:200px;
  position:absolute;
  top:0px;
  left:0px;
  text-shadow:1px 1px 1px #000;
}
.mh_itemMain3:hover{
  color:#fff;
}
.mh_right3{
    width:24px;
    height:70px;
    position:absolute;
    left:160px;
    top:0px;
    cursor:pointer;
    border:1px solid #000;
    background:#222 url(right.png) no-repeat center center;
    z-index:9;
}
.mh_wrapper3 ul {
  position:absolute;
  left:202px;
  top:0px;
  width:900px;
  list-style:none;
  padding:0px;
  height:30px;
  z-index:10;
}
.mh_wrapper3 ul li a{
  text-decoration:none;
  cursor:pointer;
  display:block;
  float:left;
  margin:0px;
  text-indent:0px;
  padding:0px 10px 0px 3px;
  line-height:70px;
  /* this height is the height of the children */
  height:70px;
  text-indent:10px;
  letter-spacing:1px;
  color:#ddd;
  background-color:#525252;
  text-shadow:1px 1px 1px #000;
  border:1px solid #333;
  border-left:none;
}
.mh_wrapper3 ul li a.hover{
  background:#333;
  color:#fff;
  -moz-box-shadow:0px 0px 3px #000 inset;
  -webkit-box-shadow:0px 0px 3px #000 inset;
  box-shadow:0px 0px 3px #000 inset;
}















.mh_wrapper4{
  height:70px;
  line-height:70px;
  position:absolute;
  
  /* this top-value is distance down - bigger equals lower */
  top:240px;
  
  /* this left position, zero equals about 160px wide, so 100 equals about 80px wide */
  left:-110px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:13px;
  text-transform:uppercase;
}


.mh_wrapper4active{
  height:70px;
  line-height:70px;
  position:absolute;
  
  /* this top-value is distance down - bigger equals lower */
  top:240px;
  
  /* this left position, zero equals about 160px wide, so 100 equals about 80px wide */
  left:-77px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:13px;
  text-transform:uppercase;
}


.mh_itemMain4{
  color:#f0f0f0;
  z-index:10;
    border:1px solid #444;
    background-color:#89336e;
  cursor:pointer;
  text-align:center;
  font-weight:bold;
  
  /*the higher this ident, the more to the right the text */
  text-indent:120px;
  width:200px;
  position:absolute;
  top:0px;
  left:0px;
  text-shadow:1px 1px 1px #000;
}

.mh_itemMain4:hover{
  color:#fff;
}

.mh_right4{
    width:24px;
    height:70px;
    position:absolute;
    left:160px;
    top:0px;
    cursor:pointer;
    border:1px solid #000;
    background:#222 url(right.png) no-repeat center center;
    z-index:9;
}
.mh_wrapper4 ul {
  position:absolute;
  left:202px;
  top:0px;
  width:900px;
  list-style:none;
  padding:0px;
  height:30px;
  z-index:10;
}
.mh_wrapper4 ul li a{
  text-decoration:none;
  cursor:pointer;
  display:block;
  float:left;
  margin:0px;
  text-indent:0px;
  padding:0px 10px 0px 3px;
  line-height:70px;
  /* this height is the height of the children */
  height:70px;
  text-indent:10px;
  letter-spacing:1px;
  color:#ddd;
  background-color:#525252;
  text-shadow:1px 1px 1px #000;
  border:1px solid #333;
  border-left:none;
}
.mh_wrapper4 ul li a.hover{
  background:#333;
  color:#fff;
  -moz-box-shadow:0px 0px 3px #000 inset;
  -webkit-box-shadow:0px 0px 3px #000 inset;
  box-shadow:0px 0px 3px #000 inset;
}
















.mh_wrapper5{
  height:70px;
  line-height:70px;
  position:absolute;
  
  /* this top-value is distance down - bigger equals lower */
  top:320px;
  
  /* this left position, zero equals about 160px wide, so 100 equals about 80px wide */
  left:-110px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:13px;
  text-transform:uppercase;
}

.mh_wrapper5active{
  height:70px;
  line-height:70px;
  position:absolute;
  
  /* this top-value is distance down - bigger equals lower */
  top:320px;
  
  /* this left position, zero equals about 160px wide, so 100 equals about 80px wide */
  left:-77px;
  font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
  font-size:13px;
  text-transform:uppercase;
}

.mh_itemMain5{
  color:#f0f0f0;
  z-index:10;
    border:1px solid #444;
    background-color:#1A7FA9;
  cursor:pointer;
  text-align:center;
  font-weight:bold;
  
  /*the higher this ident, the more to the right the text */
  text-indent:120px;
  width:200px;
  position:absolute;
  top:0px;
  left:0px;
  text-shadow:1px 1px 1px #000;
}
.mh_itemMain5:hover{
  color:#fff;
}
.mh_right5{
    width:24px;
    height:70px;
    position:absolute;
    left:160px;
    top:0px;
    cursor:pointer;
    border:1px solid #000;
    background:#222 url(right.png) no-repeat center center;
    z-index:9;
}
.mh_wrapper5 ul {
  position:absolute;
  left:202px;
  top:0px;
  width:900px;
  list-style:none;
  padding:0px;
  height:30px;
  z-index:10;
}
.mh_wrapper5 ul li a{
  text-decoration:none;
  cursor:pointer;
  display:block;
  float:left;
  margin:0px;
  text-indent:0px;
  padding:0px 10px 0px 3px;
  line-height:70px;
  /* this height is the height of the children */
  height:70px;
  text-indent:10px;
  letter-spacing:1px;
  color:#ddd;
  background-color:#525252;
  text-shadow:1px 1px 1px #000;
  border:1px solid #333;
  border-left:none;
}
.mh_wrapper5 ul li a.hover{
  background:#333;
  color:#fff;
  -moz-box-shadow:0px 0px 3px #000 inset;
  -webkit-box-shadow:0px 0px 3px #000 inset;
  box-shadow:0px 0px 3px #000 inset;
}