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

.mattblackmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	background-color: #FFF;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}

.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: #000;
	background-color: #FFF;
}

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

.mattblackmenu li a:hover{
	background-color: #CCC;
}

.mattblackmenu a.selected{
	background-color: #CCC;
}

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

.mattbluemenu ul{
	margin: 0;
	padding: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	background: #0000FF;
	overflow: hidden;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.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-color: #FFF;
}

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

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

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