/* 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;

 border: 1px outset #FFFFFF;

 /* Borders:     Top    Right  Bottom    Left   */

 border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;

 background-color:#FFFFFF;

 /* layer-background-color is non-standard and NS4 only. */

 layer-background-color: #E9FDAB;

 padding: 1px;

 font: 11px Verdana, Arial, Helvetica, sans-serif;

 font-weight: normal;

 /* Here's a cool effect, try uncommenting this, althought it's non-standard: */

 /* filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8 */

}





/* 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 .header {

 width: 100%;

 font-weight: bold;

 text-align: left;

 border-bottom: 1px dashed #999966;

 margin-bottom: 1px;

}



.menudiv a {

 text-align: left;

 display: block;

 /* I've specified borders for each side individually so NS4 ignores this setting */

 border-top: 1px solid #FFFFFF;

 border-right: 1px solid #FFFFFF;

 border-bottom: 1px solid #FFFFFF;

 border-left: 1px solid #FFFFFF;

 color: #333333;

 text-indent: 5px;

 text-decoration: none;

}



/* I'm using :hover and :active pseudo-classes for link mouse effects. */

.menudiv a:hover {

 border: 1px solid #336699;

 border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;

 background-color:#0099FF;

 color: #FFFFFF;

}

.menudiv a:active {

 border: 1px solid #003366;

 border-color: #000000 #3366CC #3366CC #000000;

 background-color: #003366;

 color: #FFFFFF;

}



/*

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:#0066FF;

 border-color: #336699;

 color: #FFFFFF;

}



/* The links in the upper-left that pop out 'divMenu' menus. */

.trigger a {

	text-decoration:none;

	/*padding:10px;*/

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #FFFFFF;

}



/* Likewise, style active trigger links */

.trigger a.highlighted {

	text-decoration:none;

	/*padding:10px;*/

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #FFFFFF;

	font-weight: bold;

}



.trigger a:hover {

	text-decoration:none;

	/*padding:10px;*/

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #FFFFFF;

	font-weight: bold;

}