/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv                                           /* position, size, and font of  menu */
        {
        top:19em;
        z-index: 0;                                                       /* [1] width of menu item (i.e., box) */
        text-align: left;
        font-weight: bold;
        float: left;
        
        }

#menuv a
        {
        width: 220px;
        display:block;          /* adds bottom border */
        white-space:normal;
        background: #FFFFFF;
        float: none;
        padding-top: 0.4em;
        margin-right: 5px;
        padding-bottom: 0.4em;
        padding-left: 0px;
        border-bottom-width: 1px;
        border-bottom-style: none;
        border-bottom-color: #5e0003;
        }

#menuv a, #menuv a:visited                              /* all menus at rest */
        {
        color: #FFFFFF;
        text-decoration:none;                                  /* removes underlines from links */
        background: #990000 url(../images/thirdcolumntitlebckgrnd.jpg) repeat;
        }

#menuv a.parent         /* attaches parent-arrow on all parents */
        {
        color: #FFFFFF;
        padding-left: 6px;
        background-color: #5e0003;
        background-image: url(../images/navbackground.jpg);
        background-repeat: repeat;
        }
        
#menuv a.parent:hover   /* attaches parent-arrow on all parents */
        {
        color: #000099;
        background-color: #FFFFFF;
        background-image: url(../images/thirdcolumncellbckgrnd.jpg);
        background-repeat: repeat-x;
        }       
        
#menuv a.parent2 {
        color: #FFFFFF;
        padding-left: 6px;
        background-color: #5e0003;
        background-image: url(../images/navbackground2.jpg);
        background-repeat: repeat;
        margin-left: -6px;
}

#menuv a.parent2:hover {
        color: #000099;
        background-color: #FFFFFF;
        background-image: url(../images/thirdcolumncellbckgrnd.jpg);
        background-repeat: repeat-x;
}

#menuv a:hover                                       /* all menus on mouse-over */
        {
        color: #000099;
        background-color: #FFFFFF;
        background-image: url(../images/thirdcolumncellbckgrnd.jpg);
        background-repeat: repeat-x;
        }
        
#menuv a.sub    /* controls the layout of the child fly-out */
        {
        color: #FFFFFF;
        background-color: #5e0003;
        background-image: url(../images/thirdcolumntitlebckgrnd.jpg);
        background-repeat: repeat-x;
        padding-left: 5px;
        padding-right: 5px;
        z-index:550;
        }
        
#menuv a.sub:hover      /* attaches parent-arrow on all children */
        {
        color: #000099;
        background-color: #FFFFFF;
        background-image: url(../images/thirdcolumncellbckgrnd.jpg);
        background-repeat: repeat-x;
        z-index:550;
        }       
        
#menuv li
        {
        list-style-type:none;                       /* removes bullets */
        }

#menuv ul li
        {
        position:relative;
        }

#menuv li ul
        {
        position: absolute;
        top: 0;
        left: 226px;                                             /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
        display: none;
        }

div#menuv ul, #menuv ul ul, div#menuv ul ul ul, div#menuv ul ul ul ul, div#menuv ul ul ul ul ul, div#menuv ul ul ul ul ul ul ul, div#menuv ul ul ul ul ul ul ul ul
        {
        margin:0;                                              /* keeps the menu parts together */
        padding:0;
        width: 215px;                                 /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
        }

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

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