#text .menu-wrapper ul li {
 list-style-image:none;
}

.menu-wrapper {
 margin:0 auto;
 width:650px;
 height:50px;
}

.menu-wrapper .aria-menu, 
.menu-wrapper .aria-menu ul {
 padding:0;
 margin:0;
 list-style-type:none;
 list-style-image:none;
 position:absolute;
}

.menu-wrapper ul.horizontal li {
 float:left;
}

.menu-wrapper .aria-menu li {
 width:150px;
 list-style-type:none;
 list-style-image:none;
 border:1px solid #fff;
 background-color:#426425;
 text-align:center;
 position:relative;
}

.menu-wrapper .aria-menu li:hover,
.menu-wrapper .aria-menu li.active {
 background-color:#74a846;
}

.menu-wrapper .aria-menu li a {
 color:#fff;
 text-decoration:none;
 padding:3px;
}

.menu-wrapper .aria-menu li ul {
 display:none;
}

.menu-wrapper .aria-menu li ul li {
 background-color:#eef4e9;
}

.menu-wrapper .aria-menu li ul li:hover,
.menu-wrapper .aria-menu li ul li.active {
 background-color:#bcd7a4;
}

.menu-wrapper .aria-menu li ul li a {
 color:#000;
}

.menu-wrapper .aria-menu li:hover ul,
.menu-wrapper .aria-menu li.active ul {
 display:block;
 margin:0 -1px; /* the border is 1 so -1 is needed */
}

.menu-wrapper .aria-menu li:hover ul li,
.menu-wrapper .aria-menu li.active ul li {
 /* this helps IE out a bit, new rule goes overides in non IE browsers */
 margin:0 -1px;
}

.menu-wrapper .aria-menu li:hover ul > li,
.menu-wrapper .aria-menu li.active ul > li {
 margin:0;
}

.menu-wrapper ul.vertical li:hover ul,
.menu-wrapper ul.vertical li.active ul {
 position:absolute;
 top:0;
 margin:-1px 0; /* the border is 1 so -1 is needed */
 left:150px;
 z-index:10000;
}

.menu-wrapper ul.vertical li:hover ul.left-side,
.menu-wrapper ul.vertical li.active ul.left-side {
 left:-152px; /* the extra 2 because of the borders */
}

.menu-wrapper ul.vertical li:hover ul.move-up,
.menu-wrapper ul.vertical li.active ul.move-up {
 bottom:0;
 top:auto;
}