#dropdown {padding:0; margin:0; list-style:none; height:25px; position:relative; z-index:200; width:108px;}
#dropdown li.top {display:block; float:left;}

/* the following line controls the dimensions of the main button */
#dropdown li a {display:block; float:left; height:25px; width:108px;  padding:0; cursor:pointer;}

#dropdown li a b {margin-left:-999px;}

#dropdown li a.MenuRed {background:url("images/redtababout.gif");}
#dropdown li a.MenuYellow {background:url("images/yellowtabpractice.gif");}
#dropdown li a.MenuBlue {background:url("images/bluetabpeople.gif");}
#dropdown li a.MenuOrange {background:url("images/orangetabnews.gif");}
#dropdown li a.MenuBrown {background:url("images/browntabjoin.gif");}
#dropdown li a.MenuGreen {background:url("images/greentabhire.gif");}

#dropdown li:hover a,
#dropdown a:hover
{background-position: 0 40px;}

#dropdown table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#dropdown .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#dropdown li:hover {position:relative; z-index:200;}
#dropdown a:hover {position:relative; white-space:normal; z-index:200;}

#dropdown :hover ul.sub
{left:0; top:0px; width:108px; height:auto; z-index:300;} /* this controls the position/style of the dropdown portion of the menu*/

#dropdown :hover ul.sub li
{display:block; height:25px; position:relative; float:left; width:108px;} /* this controls dimensions of menu items */

#dropdown :hover ul.sub li a
{display:block; height:25px; width:108px; padding:0;}

#dropdown :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

/* classes for the various menu options */
#dropdown :hover ul li a.about {background:url("images/redbuttonabout.gif");}
#dropdown :hover ul li a.ourstory {background:url("images/redbuttonstory.gif");}
#dropdown :hover ul li a.attyben {background:url("images/redtabattyben.gif");}
#dropdown :hover ul li a.clientben {background:url("images/redbuttonclient.gif");}
#dropdown :hover ul li a.ourfirm {background:url("images/redbuttonfirm.gif");}


#dropdown :hover ul li a.ourpracticeblank {background:url("images/yellowbutton.gif");}
#dropdown :hover ul li a.ourpractice {background:url("images/yellowtabblank.gif");}

#dropdown :hover ul li a.ourpartners {background:url("images/bluebuttonpartners.gif");}
#dropdown :hover ul li a.legalspecs {background:url("images/bluebuttonlegalspec.gif");}
#dropdown :hover ul li a.staff {background:url("images/bluebuttonstaff.gif");}
#dropdown :hover ul li a.ourpeople {background:url("images/bluebuttonpeople.gif");}

#dropdown :hover ul li a.newsblank {background:url("images/orangebutton.gif");}
#dropdown :hover ul li a.news {background:url("images/orangetabblank.gif");}
#dropdown :hover ul li a.newsletter {background:url("images/orangebuttonletter.gif");}

#dropdown :hover ul li a.joinusblank {background:url("images/brownbuttonjoin.gif");}
#dropdown :hover ul li a.joinuscontact {background:url("images/brownbuttoncontact2.gif");}
#dropdown :hover ul li a.joinus {background:url("images/browntabatty.gif");}

#dropdown :hover ul li a.hireusblank {background:url("images/greenbuttonhire2.gif");}
#dropdown :hover ul li a.hireuscontact {background:url("images/greenbuttoncontact.gif");}
#dropdown :hover ul li a.hireus {background:url("images/greentabclient.gif");}




#dropdown :hover ul.sub li a:hover 
{background-position: 0 25px; position:relative;}