/* base menu styles, adapted from http://www.tanfa.co.uk */
#vmenu li, #hmenu li, #hhmenu li { list-style: none; }

#vmenu { width: auto; }
#vmenu ul { list-style: none; margin: 0; padding: 0; }

#hmenu { width: 100%; background: #fff; float: left; }
#hmenu ul { list-style: none; margin: 0; padding: 0; width: auto; float: left; }

#hhmenu { width: 100%; background: #fff; float: left; }
#hhmenu ul { list-style: none; margin: 0; padding: 0; width: auto; float: left; }

#vmenu, #hmenu, #hmenu a, #hmenu h2, #vmenu a, #vmenu h2, #hhmenu, #hhmenu a, #hhmenu h2 {
    text-align: left;
    font-size: .95em;
    font-weight: bold;
    display: block;
    border-width: 0px;
    border-style: solid;
    border-color: #000;
    margin: 0;
    padding: 2px 3px;
}
#hmenu h2, #vmenu h2, #hhmenu h2 { color: #000; background: #fff; text-transform: uppercase; }
#hmenu a, #vmenu a, #hhmenu a { color: #000; background: #fff; text-decoration: none; }
#hmenu a:hover, #vmenu a:hover, #hhmenu a:hover { color: #a00; background: #fff; }
#hmenu li, #vmenu li, #hhmenu li { position: relative; }


/* position drop down lists */
#hmenu ul ul ul { position: absolute; top: 0px; left: 100%; z-index: 501; }
#hmenu ul ul { position: absolute; z-index: 501; }

/* hide and display drop down lists */
div#hmenu ul ul { display: none; }
div#hmenu ul li:hover ul { display: block; }
div#hmenu ul ul, div#hmenu ul li:hover ul ul, div#hmenu ul ul li:hover ul ul { display: none; }
div#hmenu ul li:hover ul, div#hmenu ul ul li:hover ul, div#hmenu ul ul ul li:hover ul { display: block; }


/* position drop down row */
#hhmenu ul ul { position: absolute; left: 0px; z-index: 501; }
#hhmenu ul ul ul { position: absolute; top: 0px; left: 100%; z-index: 501; }

/* hide and display the drop down rows */
div#hhmenu ul ul { display: none; }
div#hhmenu ul li:hover ul { display: block; float: left; }
div#hhmenu ul ul, div#hhmenu ul li:hover ul ul, div#hhmenu ul ul li:hover ul ul { display: none; }
div#hhmenu ul li:hover ul, div#hhmenu ul ul li:hover ul, div#hhmenu ul ul ul li:hover ul { display: inline; }


/* position pop out lists */
#vmenu ul ul { position: absolute; left: 100%; top: 0px; z-index: 500; }
#vmenu ul ul ul { position: absolute; left: 100%; top: 0px; z-index: 500; }

/* hide and display the pop out lists */
div#vmenu ul ul { display: none; }
div#vmenu ul ul ul { display: none; }
div#vmenu ul li:hover ul ul { display: none; }
div#vmenu ul ul li:hover ul ul { display: none; }
div#vmenu ul li:hover ul { display: block; }
div#vmenu ul ul li:hover ul { display: block; }
div#vmenu ul ul ul li:hover ul { display: block; }

/* end base menu styles */
