/* ######### Main Menu Bar CSS FOR PAGES MENU ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: 13px Verdana, Arial, Helvetica, Geneva;
list-style-type: none;
overflow: hidden;
width: 100%;
height: 29px;
text-align: left;
vertical-align: middle;
position: relative;
z-index:100;
}

.mattblackmenu li{
display: inline;
margin: 0;
padding-top: 2px;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 14px; /*padding inside each tab*/
border-right: 1px solid #606163; /*right divider between tabs*/
color: white;
}

.mattblackmenu li a:visited{
color: white;
padding: 6px 14px; /*padding inside each tab*/
}

.mattblackmenu li a:hover{
color: white;
height: 29px;
padding: 6px 14px; /*padding inside each tab*/
background-color: #74afd1; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
color: white;
padding: 6px 14px; /*padding inside each tab*/
background-color: #74afd1; /*background of tab with "selected" class assigned to its LI */
}


/* ######### Main Menu Bar CSS FOR CAT MENU ######### */

.mattbluemenu ul{
margin: 0;
padding: 0;
font: 11px Verdana, Arial, Helvetica, Geneva;
list-style-type: none;
overflow: hidden;
width: 100%;
height: 29px;
text-align: left;
vertical-align: middle;
position: relative;
z-index:100;
}

.mattbluemenu li{
display: inline;
margin: 0;
padding-top: 2px;
}

.mattbluemenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 6px; /*padding inside each tab*/
/*border-right: 1px solid #606163; right divider between tabs*/
color: white;
}

.mattbluemenu li a:visited{
color: white;
padding: 7px 6px; /*padding inside each tab*/
}

.mattbluemenu li a:hover{
color: white;
height: 29px;
padding: 7px 6px; /*padding inside each tab*/
background-color: #606163; /*background of tabs for hover state */
}

.mattbluemenu a.selected{
color: white;
padding: 7px 6px; /*padding inside each tab*/
background-color: #606163; /*background of tab with "selected" class assigned to its LI */
}