/* 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:url(../images/mainmenu_dropdown_bg.png) no-repeat bottom;
 border: none;
 width:213px;
 overflow:hidden;
 padding:20px 0px 20px 0px;
}

.newsletterdiv {
 position: absolute;
 visibility: hidden;
 z-index: 1000;
 background:url(../images/home-newsletter-download-bg.png) no-repeat;
 border: none;
 width:264px;
 height:127px;
 overflow:hidden;
 padding:15px;
}

.menudiv a {
 display:block;
 padding:0px 5px 5px 5px;
 border-bottom:1px solid #ebebeb;
 margin:5px 20px 0px 20px;
 color: #3550a0;
 font-size:12px;
}

.menudiv a.last {
 border-bottom:none;
}

.menudiv a.new {
 background:url(../images/new-icon.png) 142px 4px no-repeat;
}

.menudiv a:visited {
 color: #3550a0;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover {
 color: #d17c10;
}
.menudiv a:active {
 color: #3550a0;
}

/*
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 {
 color: #ff0000;
}