The sample form main-menu.css for the menu

Body. menucontainer {Background: white; Border: 0px solid black; margin: 0 ;}

Table. Menu {position: absolute; visibility: hidden;
Background: RGB (227,227,249); font-family: verdana; font-size: 11px; Border: 1px solid RGB (, 81 );}

Table. Menu table. Menu {display: none; visibility: hidden ;}

. Menucontainer. Menu {visibility: visible ;}
. Menucontainer. Menu. Menu {visibility: hidden; display: block ;}

. Menu tr {}

/* Cell formattings */

Table. Menu TD. keyshortcut {font-family: tahoma; font-size: 12px; font-weight: bold ;}
Table. Menu tr. Disabled {color: RGB (117,117,117 );}

Table. Menu tr. Disabled TD. Icon IMG {filter: alpha (opacity = 50 );}

/* Highlighted cell formattings */

Table. Menu tr TD. Icon,
Table. Menu tr TD. Left {text-align: center; padding: 1px; padding-left: 10px ;}
Table. Menu tr. Highlight TD. Icon,
Table. Menu tr. Highlight TD. Left {Background: URL (".. \ PIC \ lefthighlight.gif") Repeat-x center left ;}

Table. Menu tr TD. Icon IMG {filter: Gray ();}
Table. Menu tr. Highlight TD. Icon IMG {filter: default ;}

Table. Menu tr TD. middle {font-family: tahoma; font-size: 11px;
Padding: 1px; padding-left: 3px; padding-Right: 3px ;}
Table. Menu tr. Highlight TD. middle {Background: URL ('.. \ PIC \ middle.gif') Repeat-x center left ;}

Table. Menu tr TD. More,
Table. Menu tr TD. Right {font-family: webdings; width: 20px; text-align: Right; padding: 1px ;}
Table. Menu tr. Highlight TD. More,
Table. Menu tr. Highlight TD. Right {Background: URL ('.. \ PIC \ right.gif') Repeat-x center right ;}

. Root {cursor: default ;}

. Roothighlight {cursor: default ;}

. Rootactive {cursor: default ;}

. Root. Left {Background: URL ('.. \ PIC \ left.gif'); width: 9px ;}
. Roothighlight. Left {Background: URL ('.. \ PIC \ lefthighlight.gif'); width: 9px ;}
. Rootactive. Left {Background: URL ('.. \ PIC \ leftactive.gif'); width: 9px ;}

. Root. middle {Background: URL ('.. \ PIC \ middle.gif'); text-align: center; font-family: tahoma; font-size: 11px;
Height: 19px; padding: 1px ;}
. Roothighlight. middle {Background: URL ('.. \ PIC \ middle.gif'); text-align: center; font-family: tahoma; font-size: 11px;
Height: 19px; padding: 1px ;}
. Rootactive. middle {Background: URL ('.. \ PIC \ middleactive.gif'); text-align: center; font-family: tahoma; font-size: 11px;
Height: 19px; padding-left: 2px; padding-top: 2px; padding-Right: 0; padding-bottom: 0 ;}

. Root. Right {Background: URL ('.. \ PIC \ right.gif') No-repeat center right; width: 9px ;}
. Roothighlight. Right {Background: URL ('.. \ PIC \ right.gif') center right; width: 9px ;}
. Rootactive. Right {Background: URL ('.. \ PIC \ rightactive.gif') center right; width: 9px ;}

. Root. Menu {visibility: hidden ;}
. Rootactive. Menu {visibility: hidden ;}
. Roothighlight. Menu {visibility: hidden ;}

. Menubartbl {Background: URL (".../../image/pg_A-menubnr.gif") No-repeat center left; width: 100%}
. Menubar {padding: 3px ;}

Body {font-size: 9pt;
Margin: 0px;
Font-family:, "Arial ";
Background-color: RGB (227,227,249 );
SCROLLBAR-FACE-COLOR: RGB (227,227,249 );
SCROLLBAR-HIGHLIGHT-COLOR: # ffffff;
SCROLLBAR-SHADOW-COLOR: # ffffff;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: # f1f1f1;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
TD
{
Font-size: 9pt;
Text-Decoration: none;
}
. Linka
{
Text-Decoration: none;
Color: black;
}

. Ifbody
{
Background: URL ("../image/pg_A-midptn.gif") Repeat-x center left;
}