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


.mattblackmenu {
margin: 0;
padding: 0;
height:60px;
border-bottom: 1px solid #006600;
}

.mattblackmenu ul{
margin: 0;
padding: 0;
padding-top:10px;
font: normal 14px Verdana;
list-style-type: none;
border-bottom: 1px solid white;
background: white;
overflow: hidden;
width: 923px;
}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
/*border-right: 1px solid white;*/ /*right divider between tabs*/
color: #666666;
background: #white;
padding: 14px 10px 0px 10px; /*padding inside each tab*/
text-decoration: none;
/*background: white url(fileadmin/templates/main/images/menudivide.gif) top right repeat-y;*/
background-image:url(menudivide_20.gif); /*right divider between tabs*/
background-position: bottom right;
background-repeat: no-repeat;
}


.mattblackmenu li.selected a, .mattblackmenu li.selected a:hover{
float: left;
display: block;
text-decoration: none;
color: #006600;
font-size:30px;
font-weight: bold;
margin: 0;
padding:0px 6px 4px 12px;

/*background: white url(fileadmin/templates/main/images/menudivide.gif) top right repeat-y;*/
background-image:url(menudivide_20.gif);
background-position:center right;
background-repeat:no-repeat;
}

.mattblackmenu li a:visited{
color: #666666;
}
.mattblackmenu li.selected a:visited{
color: #006600;
}

.mattblackmenu li a:hover{
background: white; /*background of tabs for hover state */
color: #006600;
background-image:url(menudivide_20.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

.mattblackmenu a.selected{
background: white; /*background of tab with "selected" class assigned to its LI */
color: #006600;
background-image:url(menudivide_20.gif);
background-position:bottom right;
background-repeat:no-repeat;
}