.applemenu{ margin: 5px 0; padding: 0; width: 429px; /*width of menu*/ } .applemenu div.silverheader a{ border-left: 1px solid #C2CDCB; border-right: 1px solid #C2CDCB; background: white url('accordion-bkgd.jpg') repeat-x center left; width: 425px; height:36px; font: normal 13px Arial, verdana, sans-serif; color: #008DA4; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 0 0 0 8px; text-decoration: none; font-weight:bold; } .applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{ color: #669999; } .applemenu div.selected a, .applemenu div.silverheader a:hover{ background-image: url('accordion-bkgd.jpg'); color: #99CCCC; font-weight:bold; } .applemenu div.submenu{ /*DIV that contains each sub menu*/ border-left: 1px solid #C2CDCB; border-right: 1px solid #C2CDCB; background: white; padding: 5px; color:#333333; font: normal 11px Arial, verdana, sans-serif; line-height:140%; /*height: 300px;*/ /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/ } .applemenu div.submenu a:link, .applemenu div.submenu a:visited, .applemenu div.submenu a:hover, .applemenu div.submenu a:visited{ color:#B13135; } .applemenu div.submenu a:hover{ color:#000000; } .applemenu div.titleNudge{ padding-top:8px; }