/* Begin CSS Popout Menu */


.menuh-container
    {
    background-color:#ccff99;
    text-align: center;
    border:2px solid;
    }

#menuh
    {
    background-color:#ccff99;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    }
        
#menuh a
    {
    background-color:#ccff99;
    text-align: center;
    display:block;
    border: 1px solid #555;
    white-space:nowrap;
    margin:0;
    padding: 0.2em;
    }


#menuh a, #menuh a:visited  /* menu at rest */
    {
    color: black;
    background-color: royalblue;
    text-decoration:none;
    }
    
#menuh a:hover  /* menu at mouse-over  */
    {
    color: black;
    background-color: cornflowerblue;
    }   
            
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
    {
    background-image: url(navdown_white.gif);
    background-position: right center;
    background-repeat: no-repeat;

    }
    

#menuh a.parent, #menuh a.parent:hover  /* attaches side-arrow to all parents */
    {
    background-image: url(nav_white.gif);
    background-position: right center;
    background-repeat: no-repeat;
    }

#menuh a#tl, #menuh a#tl:hover  /* attaches side-arrow to all parents */
    {
    background-color: #ccff99;
    height: 15px;
    margin:0;
    padding:0;
    }

#menuh a#la  /* attaches side-arrow to all parents */
    {
    background-color: #ccff99;
    height: 15px;

    margin:0;
    padding:0;
    }

#menuh a#la:hover, #menuh a#tl:hover
    {
    background-color: #ffff00;
    height: 15px;
    color: black;
    margin:0;
    padding:0;
    }

#menuh a#lb  /* attaches side-arrow to all parents */
    {
    background-color: #ccff99;
    height: 15px;

    margin:0;
    padding:0;
    }

#menuh a#lb:hover
    {
    background-color: #ffff00;
    height: 15px;
    color: black;
    margin:0;
    padding:0;
    }


#menuh ul
    {
    list-style:none;
    padding:0;
    float:left;
    margin-left:1px;
    width:8em;  /* width of all menu boxes */
    }

#menuh li
    {
    position:relative;
    }

#menuh ul ul
    {
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
    padding: 1em;
    margin:-1em 0 0 -1em;
    }

#menuh ul ul ul
    {
    top:0;
    left:100%;
    }

div#menuh li:hover
    {
    cursor:pointer;
    z-index:100;
    }

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Popout Menu */