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

.mattblackmenu ul{
margin: 0; padding: 0; font: bold 12px Arial; list-style-type: none; overflow: hidden; width: 1000px; height:32px; }

.mattblackmenu li{
display: inline; margin: 0; float:left;  height:32px;}

.mattblackmenu li a{
float: left; display: block; text-decoration: none; margin: 0; padding:8px 17px; color: white ; text-transform:uppercase;}

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

.mattblackmenu li a:hover{
background: url(./../images/menu-bg-h.jpg) repeat-x; color:#FFF;}

.mattblackmenu a.selected{
background: url(./../images/menu-bg-h.jpg) repeat-x; color:#FFF;}

#index .mattblackmenu li.current1 a,
#about .mattblackmenu li.current2 a,
#pro .mattblackmenu li.current3 a,
#pc .mattblackmenu li.current4 a,
#eq .mattblackmenu li.current5 a,
#cu .mattblackmenu li.current6 a {
background: url(./../images/menu-bg-h.jpg) repeat-x; color:#FFF; }

.mattblackmenu li span a{
background:# url(./images/menu-bg.jpg) repeat-x;border-top-left-radius:5px;border-bottom-left-radius:6px;}
.mattblackmenu li span a:hover{ 
background-image:#98A6C0;background-repeat:repeat-x;color: #fff; border-top-left-radius:5px;border-bottom-left-radius:6px;}

.mattblackmenu span a.selected{
background-image:#98A6C0;background-repeat:repeat-x;color: #fff; border-top-left-radius:5px;border-bottom-left-radius:6px;}


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

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:0px auto; position: absolute; left: 0;  list-style-type: none; visibility: hidden; z-index: -100; }

.ddsubmenustyle li a{ width:180px; display: block; color: #fff; background-color: #243B59; text-decoration: none; padding: 5px 10px; border-bottom: 1px solid #9AA8C2;opacity: 0.9;}

* html .ddsubmenustyle li{ 
display: inline-block; width:100px; }

.ddsubmenustyle li a:hover{
background-color: 142D60; color: #FFCC00; }

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 5px; border: 0; }

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute; padding-top: 3px; left: 100px; border: 0; }

.ddiframeshim {
    background: none repeat scroll 0 0 transparent; border-width: 0; display: none; height: 0; position: absolute; width: 0; z-index: 500; }