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

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 19px Candara,Arial,Verdana,sans-serif;
list-style-type: none;
border-bottom: 0px solid gray;
background: transparent url(blockdefault.gif) center center repeat-x; /*background of menu bar (default state)*/
overflow: hidden;
width: 100%;
}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 4px 31px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: rgb(31,73,125);
background: transparent url(blockdefault.gif) center center repeat-x; /*background of menu bar (default state)*/
border: 3px solid rgb(194,178,125);
}

.mattblackmenu li a:visited{
color: rgb(31,73,125);
}

.mattblackmenu li a:hover{
background: transparent url(blockactive.gif) center center repeat-x;  /*background of menu items during onmouseover (hover state)*/
border: 3px solid rgb(31,73,125);
}

.mattblackmenu a.selected{
background: transparent url(blockactive.gif) center center repeat-x;  /*background of tab with "selected" class assigned to its LI */
border: 3px solid rgb(31,73,125);
}