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

.mattblackmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
width: 100%;
padding-top:0;
/*background: transparent url(../img/menuBG.gif);*/
background-color:#3C6AA9;
}

.mattblackmenu li{
font-family: Arial, Helvetica, sans-serif;
display: block;
background: #3C6AA9;
margin-right: 1px;
float: left;
}

.mattblackmenu li a{

	text-decoration: none;
	float: left;
	display: block;
	color:#fff;
	text-decoration: none;
	font-family: "Arial","Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size:12px;
	font-weight: bold;
	letter-spacing: 1px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	vertical-align:middle;
	margin-left:17px;
	margin-right:8px;
	/*padding:0 7px 0 6px;*/
    padding:0 1px 0 1px;
	background-color:#3C6AA9;
}

.mattblackmenu li a:visited{
/*color: #eb9855;
background: #393939;*/
}

.mattblackmenu li a:hover{
background: #1060A0; /*background of tabs for hover state */
color: #eb9855;
}

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


/*@media screen and (max-width: 800px) {*/
@media screen and (max-width: 1024px) {
.mattblackmenu li a { padding:0 5px 0 0px; }
}