div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over, 
div.menu,
div.menu a.menuItem {
 font: 7pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 text-transform: uppercase;  
 color: #AAA;
 
}

div.menuBar {
 background: #000 url(images/nav-bg.gif) repeat-x;
 padding: 13px 0px 13px 0px;
 text-align: left;
 border-top: 1px solid #c0c0c0;
 border-left: 0px solid #c0c0c0;
 border-right: 0px solid #c0c0c0;
 border-bottom: 0px solid #c0c0c0;
 width: 10%;
}

div.emenuBar {
 background-color: #d8d8d8;
 border-top: 1px solid #E9E6EC;
 border-bottom: 0px solid #000;
 text-align: left;
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {

 background-color: transparent;
 border-top: 0px solid #eeedee;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 border-bottom: 0px solid #eeedee;
 
 color: #EEE;
 cursor: default;
 left: 0px;
 margin: 0px;
 padding: 5px 8px 8px 8px;
 /* 
 if using a link icon replace line above with this one
 padding: 5px 4px 5px 22px;
 */
 position: relative;
 text-decoration: none;
 top: 0px;
 z-index: 100;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
 background: transparent;
 border-color: #a5a5a5 #a5a5a5 #a5a5a5 #a5a5a5;
 color: #D1BBEA;
 padding: 3px 8px 8px 8px;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover {
 background: transparent;
 border-color: #a5a5a5 #E9E6EC #E9E6EC #a5a5a5;
 color: #3B1457;
 border-top: 0px;
}

div.menu {
 background-color: #000;
 border: 1px solid;
 border-color: #000 #a5a5a5 #a5a5a5 ##E9E6EC;
 left: 0px;
 padding: 0px 2px 2px 2px;
 position: absolute;
 visibility: hidden;
 z-index: 101;
}

div.menu a.menuItem {
 color: #EEE;
 text-align: left;
 cursor: default;
 display: block;
 padding: 2px 5px 3px 5px;
 text-decoration: none;
 white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
 color: #3B1457;
 background-color: #000;
}


div.menu a.menuItem span.menuItemArrow {
 margin-right: -.75em;
}

div.menu div.menuItemSep {
 border-top: 1px solid #a5a5a5;
 border-bottom: 1px solid #E9E6EC;
 margin: 4px 2px;
}

a.menuItem.header {
 border-bottom: 1px solid #b3b3b3;
}