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

.mattblackmenu ul{

margin: 0 0px 0px 15px;
*margin: 0 0px 0px 1px;
padding: 0;
font: bold 11px Verdana;
list-style-type: none;
border-bottom: 1px solid DEEFFB;
background: #DEEFFB;
border:solid 0px #FF0000;

}

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

.mattblackmenu li.new a{
font: bold 11px Verdana;
background:url(welness.gif) no-repeat;
display: block;
margin:0px 0px 0px 0px;
padding: 6px 7px 6px 8.5px;
*padding: 6px 7px 6px 7.5px;
width:135px;
margin: 0;
color:#000000;
}
.mattblackmenu li.new a span{}

.mattblackmenu li.new a:hover{
font: bold 11px Verdana;
background:url(welness_over.gif) no-repeat;
display: block;
margin:0px 0px 0px 0px;
padding: 6px 7px 6px 8.5px;
*padding: 6px 7px 6px 7.5px;
width:135px;
margin: 0;
color:#000000;
}

.mattblackmenu li a{
float: left;
text-decoration: none;
margin: 0;
padding: 6px 6.8px;
 /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #000;
background:url(left.gif) repeat-x;
}

.mattblackmenu li a:visited{
color: #000;
}

.mattblackmenu li a:hover{
background:url(left_over.gif) repeat-x;/*tab link background during hover state*/
float: left;
text-decoration: none;
margin: 0;


/*background: black; background of tabs for hover state */
}

.mattblackmenu a.selected{
background: url(left_over.gif) repeat-x;/*tab link background during hover state*/


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