/* ######### Main (top-level) Menu Bar CSS ######### */

 /* background is color of menu bar to the right which has no words in it */
 /* border top and bottom are thickness and color of the line above and the 
    line below the menu bar which goes all the way across the page */
.mattblackmenu ul{
background: #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 4px solid #ffffff;
font: bold 12px Verdana;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}

 /* background is color of menu bar, but only those with words in them */
.mattblackmenu li a{
background: #3366ff;
color: #ffffff;
display: block;
float: left;
margin: 0;
text-decoration: none;
/* padding inside each tab */
padding: 6px 8px;
/* right divider between tabs */
border-right: 4px solid white;
}

/* color of the text in the menu bar top level */
.mattblackmenu li a:visited{
color: #ffffff;
}

 /* background is color of menu bar on mouse hover */
.mattblackmenu li a:hover{
background: #0099ff;
}

 /* background of tab with "selected" class assigned to its LI, but only shows when you drop into a submenu. Best set to same color as on hover  */
.mattblackmenu a.selected{
background: #ffcc33;
}