/* GLOBALS: definitions used by main menu  */

div.menuBar {
     background-color: transparent;
     text-align: left;
}

div.menuBar a.menuButton {
     position: relative;
     left: 0px;
     top: 0px;
     margin: 0 51px 0 0;
     border: 0 0 0 0;
     padding: 0 0 0 0;
     background-color: transparent;
     cursor: default;
     z-index: 100;
}

div.menuBar a.menuButton:hover {
     border: 0 0 0 0;
     background-color: transparent;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
     background-color: transparent;
     color: transparent;
}
.menubutton img {
     vertical-align: bottom;
}

* html div.menu {             /* hack for IE moves menu up to bottom of button */
     margin-top: 3px;
}
div.menu {
     position: absolute;
     margin-top: -3px;
     left: 0px;
     top: 0px;
     border-top: 3px solid #688AFD;
     border-right: 3px solid #0000BD;
     border-left: 3px solid #688AFD;
     border-bottom: 3px solid #0000BD;
     background-color: #FFFFFF;
     visibility: hidden;
     z-index: 101;
}

div.menu,
div.menu a.menuItem {
     font-style: normal;
     font-size: 15px;
     color: #FFFFFF;
}

div.menu a.menuItem {
     font-size: 14px;
     font-weight: bold;
     color: #000077;
     cursor: default;
     display: block;
     padding: 2px 5px 2px 5px;
     text-decoration: none;
     white-space: nowrap;
     text-align: left;
}

div.menu a.menuTitle {
     font-size: 14px;
     font-weight: bold;
     color: #FFFF00;
     background-color: #0000BD;
     cursor: default;
     display: block;
     padding: 2px 5px 2px 5px;
     text-decoration: none;
     white-space: nowrap;
     text-align: left;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
     background-color: #0000BD;
     color: #FFFF00;
     font-weight: bold;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
     margin-right: -9px;
}

div.menu div.menuItemSep {
     border: 1px inset #FFFFFF;
     margin: 4px 2px;
}