/* Here's the stylesheet rules used to format the menus and their content.
Feel free to alter the menu layout however you want. All you have to do is ensure the script
has the correct CSS property name (like 'visibility' or 'display') that you want it to change,
and that your submenus are set as hidden by default.
*/


/* ROOT MENU */

/* how the root menu will appear */
.main {
	color: #FFFFFF;

	font: 12pt/16pt arial, helvetica, sans-serif;
	text-decoration: underline;
	font-weight: normal;
	menu-bottom : 17px;
}

.main a.highlighted {
 text-decoration: underline;
}

/* how the root menu will appear */
a.trigger {
	color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
}

/* how the links in the root menu appear when the mouse hovers over it */
a.trigger:hover {
 text-decoration: underline;
}


/* RULES FOR THE "MENUDIV" OBJECT */

/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv {
	visibility: hidden;
	position: absolute;
	line-height : 17px;
}

/* Formatting to apply to the elements inside the "menudiv" class elements. */

.menudiv .header {
 width: 100%;
 font-weight: bold;
 text-align: center;
}

/* how the submenus will appear */
.menudiv a {
 display: block;
 background-color: #FFFFFF; layer-background-color: #FFFFFF;
 /* I've specified borders for each side individually so NS4 ignores this setting */
 /* Borders:     Top    Right  Bottom    Left   */
 border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
  border: 1px solid #003366;
 color: #003366;
 font-family: arial, helvetica, sans-serif; 
 font-size: 12px; 
 text-decoration: none; 
 font-weight: normal; 
}

/* how the submenu link will appear when the mouse hovers over it. */
.menudiv a:hover {
 text-decoration: underline;
}

/* how the submenu link will apear when the link is active */
.menudiv a:active {
 text-decoration: underline;
}

/* how the active highlighted submenus will appear when a submenu's link is hovered over */
.menudiv .highlighted {
 text-decoration: underline;
}


/* Just a random style, needed for NS4 */
b, strong {
 font-weight: bold;
}