/* RULES FOR THE "MENUDIV" OBJECT */


/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv {
position: absolute;
visibility: hidden;
z-index: 1000;
background-color: #1a1a1a;
/* layer-background-color is non-standard and NS4 only. */
layer-background-color: #ebebeb;
text-align: left;
border-left: 1px solid #3a3a3a;
border-right: 1px solid #3a3a3a;
border-bottom: 1px solid #3a3a3a;
border-top: 1px solid #1d1d1d;
}

/* Formatting to apply to the elements inside the "menudiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. */

.menudiv a {
display: block;
font-size: 11px;
color: #bebebe;
padding: 3px 10px 3px 10px;
text-decoration: none;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover {
color: #db0808;
background-color: #353535;
}
.menudiv a:active {
color: #f5f5f5;
background-color: #696969;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menudiv element.
*/
.menudiv .highlighted {
background-color: #336699;
border-color: #336699;
color: #FFFFFF;
}

/* The links in the upper-left that pop out 'divMenu' menus. */
.trigger a {
font: Bold 14px Arial, Helvetica, sans-serif;
color: #003366;
text-decoration: none;
}

/* Likewise, style active trigger links */
.trigger a.highlighted {
color: #CC9966;
}

/*NO BORDER*/

.menudiv_nob {
position: absolute;
visibility: hidden;
z-index: 1000;
background-color: #1a1a1a;
layer-background-color: #ebebeb;
text-align: left;
border-right: 1px solid #3a3a3a;
border-bottom: 1px solid #3a3a3a;
border-top: 1px solid #3a3a3a;
}

.menudiv_nob a {
display: block;
font-size: 11px;
color: #bebebe;
padding: 3px 10px 3px 10px;
text-decoration: none;
}

.menudiv_nob a:hover {
color: #db0808;
background-color: #353535;
}
.menudiv_nob a:active {
color: #f5f5f5;
background-color: #696969;
}

.menudiv_nob .highlighted {
background-color: #336699;
border-color: #336699;
color: #FFFFFF;
}
