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

.mattblackmenu ul
{
    margin:                 0;
    padding:                0;
    font:                   bold 12px Arial;
    list-style-type:        none;
    overflow:               hidden;
    width:                  100%;
    color:                  white;/*width of menu (not including side paddings)*/
}

.mattblackmenu li
{
    display:                inline;
    margin:                 0;
    margin-right:           12px;
    font:                   bold 12px Arial;
}

.mattblackmenu li a 
{
    float:                  left;
    display:                block;
    text-decoration:        none;
    margin:                 0;
    padding:                6px 8px; /*padding inside each tab*/
    color:                  white;
    margin-right:           12px;
    background-image:       url(../../DESIGN/DDMenuNotSelected.png);
    background-position:    right top;
    background-repeat:      no-repeat;
}

.mattblackmenu li a:visited
{
}

.mattblackmenu li a:hover
{
    background-image:       url(../../DESIGN/DDMenuSelected.png);
    background-position:    right top;
    background-repeat:      no-repeat;/*background of tabs for hover state */
    color:                  Black;
}

.mattblackmenu a.selected
{
    background-image:       url(../../DESIGN/DDMenuSelected.png);
    background-position:    right top;
    background-repeat:      no-repeat; /*background of tab with "selected" class assigned to its LI */
    color:                  Black;
}

.spn
{
    display:                inline;
    margin:                 0;
}

.spn a
{
    width:                  10px;
}