/* ######### Main Menu Bar CSS ######### */

.mainmenu ul{
margin: 0;
padding: 0;
font: bold 10px Verdana;
list-style-type: none;
border-bottom: 1px solid blue;
background: lightgreen;
overflow: hidden;
width: 100%;
text-align: center;
}

.mainmenu li{
display: inline;
margin: 0;
}

.mainmenu li a{
display: inline-block;
text-decoration: none;
margin: 0;
padding: 4px 4px; /*padding inside each tab*/
border-right: 1px solid blue; /*right divider between tabs*/
color: blue;
background: lightgreen;
}

.maimenu li a:visited{
color: blue;
}

.mainmenu li a:hover{
background: #E0FFE0; /*background of tabs for hover state */
}

.mainmenu a.selected{
background: lightgreen; /*background of tab with "selected" class assigned to its LI */
}