/* Common Styling for CSS Menu */

.menu {
    z-index:10;
    font:.85em 'Copperplate Gothic Light',Verdana,Arial,Helvetica;
    font-weight: bold;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
    width:120px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}

/* position relative so that you can position the sub levels */
.menu li {
    position:relative;
}

#menuitem_current A {color:#ffffff; background-color:#000000; }

/* style the links */
.menu a, .menu a:visited {
    display:block; 
    text-decoration:none;
    height:30px;
    line-height:25px;
    width:149px;
    color:#ffffff;
    background:#000000;
    text-indent:5px;
    border:1px solid #fff;
    border-width:0 1px 1px 0;
}


.menu table {position:absolute; top:0; left:0; z-index:10;}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:150px; w\idth:149px;}
/* style the link hover */
.menu a:hover {
    color:#ffffff; 
    background:#000000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
    visibility:hidden;
    position:absolute;
    top:0;
    left:150px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
    visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
    visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
    visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
    visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
    visibility:visible;
} 

a.drop:link, a.drop:visited {
    background:#406E9B url(glmenu/images/white_arrow.gif) center right no-repeat;
}

a.drop:hover {
    background:#000000 url(glmenu/images/white_arrow.gif) center right no-repeat;
}

 /* common styling */
.headermenu {
    width:100%; 
    z-index:100;
    background:#000000;
    position:relative;
    font-size:0.95em;
}

.headermenu ul {
    padding:0; 
    margin:0;
    list-style-type: none;

}
.headermenu ul li {
    float:left;
    position:relative;
}

.headermenu ul li a, .headermenu ul li a:link, .headermenu ul li a:visited {
    display:block; 
    text-decoration:none; 
    width:105px; 
    height:2em; 
    border:0px; 
    border-width:0px 0px 0px 1px; 
    color:#fff;
    background:#000000; 
    padding-left:7px; 
    line-height:2em;
}

* html .headermenu ul li a, .headermenu ul li a:visited {
    width:105px;
    w\idth:107px;
}

.headermenu ul li ul {
    display: none;
}

.headermenu table {position:absolute; top:0; left:0; z-index:100;}



/* specific to non IE browsers */
    .headermenu ul li:hover a,
    .headermenu ul li a:hover {
    color:#fff; 
    background:#000000;
}

.headermenu ul li:hover ul,
.headermenu ul li a:hover ul {
    display:block; 
    position:absolute; 
    top:2em;
    margin:0px;
    left:0; 
    width:120px;
    font-size:.95em;
}

* html .headermenu ul li a:hover ul {
    margin-top:0;
    marg\in-top:1px;
}

.headermenu ul li:hover ul li ul,
.headermenu ul li a:hover ul li a ul {
    visibility:hidden; 
    position:absolute; 
    height:0; 
    width:0;
}

.headermenu ul li:hover ul li a,
.headermenu ul li a:hover ul li a {
    display:block; 
    background:#1e1e1e; 
    color:#FFF; 
    height:auto; 
    line-height:1em; 
    padding:5px 10px; 
    border:1px solid #EEE; 
    border-width:1px 1px 0px 1px;
    width:120px;    
}

* html .headermenu ul li a:hover ul li a {
    width:210px;
    w\idth:215px;
}

.headermenu ul li:hover ul li a.drop,
.headermenu ul li a:hover ul li a.drop {
    background:#406E9B url(glmenu/images/white_arrow.gif) center right no-repeat;
    color:#fff;
}

.headermenu ul li:hover ul li a:hover,
.headermenu ul li a:hover ul li a:hover {
    background:#000000;
    color:#fff;
    padding-right:10px;
}

.headermenu ul li:hover ul li:hover ul,
.headermenu ul li a:hover ul li a:hover ul {
    visibility:visible; 
    background:#000000;
    position:absolute; 
    left:210px; 
    top:0;
    width:215px;
}

.treeMenuDisabled  { color: green;  font-style: italic;    }
