/* ######### WIRE FRAME Main Menu Bar CSS ######### */
.wireframemenu{
font-weight: bold;
width: 100%;
border: 1px solid gray;
border-width: 1px 0;
}

.wireframemenu ul{
padding: 6px 0 6px 0; /*1st and 3rd value should equal 1st and 3rd values of "padding" for link itself (see ul li a)*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.wireframemenu ul li{
display: inline;
}

.wireframemenu ul li a{
	background: #004069;
color: white;
padding: 6px 6px 6px 10px;
margin: 0;
text-decoration: none;
/*border-left: 1px solid gray;*/
}

.wireframemenu ul li a:hover, .wireframemenu ul li a.selected{
		color: black;
		background:#f0f0f0;
/*background: #004069;*/
/*color: black;*/
}

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

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

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

.mattblackmenu 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: #414141;
}

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

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

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