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



.mattblackmenu ul{

margin: 0;

padding: 0;

font-size:10px;

font-family:Arial, Helvetica, sans-serif;

list-style-type: none;

overflow: hidden;

width: 100%;

}



.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*/

border-left: 1px solid #666666; /*right divider between tabs*/

color: #ffffff;

background: #414141;

font-size:10px;

}



.mattblackmenu li a:visited{

color: #ffffff;

font-size:10px;

}



.mattblackmenu li a:hover{

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

font-size:10px;

}



.mattblackmenu a.selected{

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

font-size:10px;

}

















/* ######### Drop Down ULs CSS ######### */





.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/

font: normal 12px Verdana;

margin: 0;

padding: 0;

position: absolute;

left: 0;

top: 0;

list-style-type: none;

background: white;

border: 1px solid black;

border-bottom-width: 0;

visibility: hidden;

z-index: 100;

}



.ddsubmenustyle li a{

display: block;

width: 190px; /*width of menu (not including side paddings)*/

color: black;

background-color: lightyellow;

text-decoration: none;

padding: 8px 8px;

border-bottom: 1px solid black;

}



* html .ddsubmenustyle li{ /*IE6 CSS hack*/

display: inline-block;

width: 170px; /*width of menu (include side paddings of LI A*/

}



.ddsubmenustyle li a:hover{

background-color: black;

color: white;

}



/* ######### 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;

}