/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul
{
    margin: 0;
    padding: 0;
    font: bold 14px Verdana;
    list-style-type: none;
    background: #FF6600;
    overflow: hidden;
    width: 932px;
    text-align:center;
}

.mattblackmenu li
{
    display: inline;
    margin: 0;
}

.mattblackmenu li a
{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 6px 8px; /*padding inside each tab*/
    color: white;
    background: #FF6600;
    width: 117px;
    text-align:center;
}

.mattblackmenu li a:visited
{
    color: #white;
}

.mattblackmenu li a:hover
{
    color: #333;
    background-image: url(/images/gradient-small.jpg);
    background-repeat: repeat-x;
}

.mattblackmenu a.selected
{
    color: #333;
    background: #FF6600; /*background of tab with "selected" class assigned to its LI */
    background-image: url(/images/gradient-small.jpg);
    background-repeat: repeat-x;
}

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul
{ /*topmost and sub ULs, respectively*/
    font: bold 10px Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: #FF6600;
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
    visibility: hidden;
    z-index: 100;
}

.ddsubmenustyle li a
{
    display: block;
    width: 125px; /*width of menu (not including side paddings)*/
    color: #white;
    background: #FF6600;
    text-decoration: none;
    padding: 4px 5px;
    color: white;
}

* html .ddsubmenustyle li
{ /*IE6 CSS hack*/
    display: inline-block;
    width: 120px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover
{
    color: #333;
    background-image: url(/images/gradient-small.jpg);
    background-repeat: repeat-x;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer
{ /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
}

.rightarrowpointer
{ /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
}

.ddiframeshim
{
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
}
