TD,P,B,INPUT,DIV{font-family:arial,helvetica; font-size:12px}
.clCMEvent{position:absolute; z-index:300; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:hidden}
.clCMAbs{position:absolute; width:10; height:10; left:0; top:0; visibility:hidden}

.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; overflow:hidden; width:50; height:20; cursor:pointer; cursor:hand}
.clT,.clTover{padding:0px; font-size:12px;}
.clT{color:#ffffff; }   
.clTover{color:#ffffff;text-decoration: underline;}
.clS,.clSover{padding:3px;font-size:12px;color:#ffffff;}
.clS2,.clS2over{padding:3px;font-size:12px;color:#ffffff;}
.clS,.clS2{color:#0000000; background-color:#000000; layer-background-color:#ffffff;}
.clSover,.clS2over{color:#ffffff;}
.clSover,.clS2over,{color:#0000000;layer-background-color:#cc0000; background-color:#cc0000; layer-background-color:#cc0000}
.clTover,.clB,.clBar{layer-background-color:#bbbbbb; background-color:transparent;}
.clB{position:absolute; visibility:hidden; z-index:300}
.clBar{position:absolute; width:10; height:10; visibility:hidden; }



This new version of the coolMenus uses CSS classes to control the look of the menu. More info will come around this subject, for now look at the examples for info. 

Just remember to keep these classes in the CSS file:

/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible} 
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

And remember that all classes used by the menu have to have "position:absolute" in them. 

Other quick tips:
When using background-color remember to add layer-background-color with the same value for NS4
On the classes used for mouseover (overClass) set cursor:pointer; cursor:hand to get hand cursor in all browsers.