#menu li a.arrow { background-image: url(../img/menu_arrow_right.png); }
#menu > li > a.arrow { background-image: url(../img/menu_arrow_down.png); }

ul#menu ,
ul#menu ul {
 list-style-type: none;
 list-style-image: none;
 margin: 0;
 padding: 0;
}

ul#menu li {
 position: relative;
 list-style-type: none;
 list-style-image: none;
 margin: 0;
 padding: 0;
 width: auto;
 float: left;
}

ul#menu li li {
 width: auto;
 float: none
}

#menu a {
 text-align: left;
 display: block;
 font-family: verdana;
 white-space: nowrap;
 font-size: 12px;
 text-decoration: none;
 border-bottom: black 1px solid;
 border-left: black 1px solid;
 border-top: black 1px solid;
 border-right: black 1px solid;
 padding: 5px 12px 5px 12px;
}

#menu a:focus {
 outline-style: none;
 outline-width: medium
}

#menu a.no-click {cursor: default}
#menu li a {margin: -1px -1px 0px 0px}
#menu li li a {margin: 0px 0px -1px}
#menu > li > a.arrow {padding-right: 20px}
#menu ul.arrow-pad > li > a {padding-right: 11px}
#menu li a.arrow ,
#menu > li > a.arrow {
 background-repeat: no-repeat;
 background-position: right 50%;
}

#menu li:hover > a {color: white}
#menu li ul ,
#menu li:hover ul ul ,
#menu li:hover ul ul ul ,
#menu li:hover ul ul ul ul ,
#menu li:hover ul ul ul ul ul ,
#menu li:hover ul ul ul ul ul ul ,
#menu li:hover ul ul ul ul ul ul ul ,
#menu li:hover ul ul ul ul ul ul ul ul {
 z-index: 999;
 position: absolute;
 display: none
}

#menu li:hover ul { display: block; }
#menu li li:hover ul ,
#menu li li li:hover ul ,
#menu li li li li:hover ul ,
#menu li li li li li:hover ul ,
#menu li li li li li li:hover ul ,
#menu li li li li li li li:hover ul {
 display: block;
 margin-left: 100%
}

#menu li:hover ul { margin-left: 0px; }
#menu a { background-color: #04773c; }
#menu a { color: #ffffff; }
#menu li:hover > a { background-color: #004080; }