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

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12pt arial;
list-style-type: none;
border-bottom: 1px solid gray;
background: #d1eeff;
overflow: hidden;
width: 100%;
}

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

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

.mattblackmenu li a:visited{

}

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

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

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

.mattbluemenu ul{
	margin: 0;
	padding: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	border-bottom: 1px solid gray;
	background: #CDF2FE;
	overflow: hidden;
	width: 100%;
}

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

.mattbluemenu li a{
float: right;
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: #2188bd;
}

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

.mattbluemenu li a:hover{
	background: #dfeffa; /*background of tabs for hover state */
}
.mattblackmenu a.selected{
	background: #dfeffa; /*background of tab with "selected" class assigned to its LI */
}