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

#ddtopmenubar{
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
  width: 700px;
  padding-top: 5px;
  margin: 0px;
  height: 30px;
  background-color: transparent;
  text-transform: uppercase;
  z-index:100;
}


.mattblackmenu ul{
position: relative;
top: 0px;
margin: 0;
padding: 0;
list-style-type: none;
background: transparent;
overflow: hidden;
}

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

.mattblackmenu li a.link{
float: left;
display: block;
text-decoration: none;
vertical-align: middle;
margin: 0;
padding: 9px 7px; /*padding inside each tab*/
color: black;
}

.mattblackmenu li a.link:visited{
color: black;
}

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

.mattblackmenu li  a.section:visited{
  background-color: #666666; /*background of tab with "selected" class assigned to its LI */
  color: #fff;
}
.mattblackmenu li  a.section{
  float: left;
  display: block;
  text-decoration: none;
  vertical-align: middle;
  margin: 0;
  padding: 9px 7px; /*padding inside each tab*/
  background-color: #666666 ; /*background of tab with "selected" class assigned to its LI */
  color: #fff !important;
}
.mattblackmenu li  a.section:hover{
  background-color: #666666; /*background of tab with "selected" class assigned to its LI */
  color: white;
}