.mC {width:160px; min-height:40px; margin:20px; float:left; margin-bottom: 20px; padding-top: 20px;}
.mH {font:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:normal; font-size:18px; color:#C00; cursor:pointer;  font-weight:bold; border-top:0px solid #300; min-height:40px; line-height:20px;}
.mL {display:none; margin-bottom:10px;}
.mO {margin-left:7px; display:block; font:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:normal; font-size: 14px; color:#FFF; min-height:15px; }
a.mO {color: white;}
a.mO:active{color:white;}
a.mO:visited{color:white;}
a.mO:link{color:white;} 
a.mO:hover{color:yellow;}
a.mH {color: red;}
a.mH:active{color:red;}
a.mH:visited{color:red;}
a.mH:link{color:red;} 
a.mH:hover{color:yellow;}

.mmT {font:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:normal; font-size:20px; color:red; cursor:pointer;  font-weight:bold; border-top:0px solid #300; padding-top: 20px; min-height:20px; line-height:20px; margin:auto; text-align:center;}
.mmC {width:190px; min-height:30px; margin:5px; float:left; margin-bottom: 20px; padding-top: 10px; color: red;}
.mmH {font:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:normal; font-size:14px; color:red; cursor:pointer;  font-weight:bold; border-top:0px solid #300; min-height:30px; line-height:20px;}
.mmL {margin-bottom:10px;}
.mmO {margin-left:7px; display:block; font:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:normal; font-size: 12px; color:green; min-height:15px; }
a.mmH:active{color: darkmagenta; font-style:  italic;}
a.mmH:visited{}
a.mmH:link{} 
a.mmHO:hover{color:yellow;}
a.mmO:active{color: darkmagenta; font-style:  italic;}
a.mmO:visited{}
a.mmO:link{} 
a.mmO:hover{color:red;}
a.history:active{color: blue;}
a.history:visited{}
a.history:link{} 
a.history:hover{color:blue;}

.activeItem{
   /*background-color:#999; make some difference for the active item here */
}