/* ######### Matt Blue Strip Main Menu Bar CSS ######### */

div.mattbluemenu {height:32px; overflow:hidden;}

.mattbluemenu ul{
margin: 0;
padding: 0;
font: bold 12px Arial;
list-style-type: none;
border-bottom: 1px solid gray;
background: #225db7;
overflow: hidden;
width: 100%;
line-height:20px;
white-space:nowrap;
}

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

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

.mattbluemenu li a:visited{
color: white;
}

.mattbluemenu li a:hover{
background: #6c94d1; /*background of tabs for hover state */
}

.mattbluemenu a.selected{
background: #6c94d1; /*background of tab with "selected" class assigned to its LI */
}

/*Menu 2*/

div.mattbluemenu2 { margin-top:10px;}

.mattbluemenu2 ul{
margin: 0;
padding: 0;
font: bold 12px Arial;
list-style-type: none;
overflow: hidden;
width:auto;
line-height:20px;
}

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

.mattbluemenu2 li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border: 1px solid  #6c94d1; 
color: white;
background: #225db7;
}

.mattbluemenu2 li a:visited{
color: white;
}

.mattbluemenu2 li a:hover{
background: #6c94d1; /*background of tabs for hover state */
}

.mattbluemenu2 a.selected{
background: #6c94d1; /*background of tab with "selected" class assigned to its LI */
}