.cpmenu{font-family:Arial,Helvetica,sans-serif;position:relative;top:133px;left:945px;padding:0;margin:0;z-index:1000;width:150px;}
/* remove all the bullets, borders and padding from the default list styling */
.cpmenu ul{padding:0;margin:0;list-style-type:none !important;}
/* hack for IE5.5 */
* html .cpmenu ul {}
/* position relative so that you can position the sub levels */
.cpmenu li{position:relative;height:100%;}
.cpmenu li ul{width:130px;border:1px solid #4D7DC2;background-color:#ffffff;padding:2px;}
/* get rid of the table */
.cpmenu table{position:absolute;border-collapse:collapse;bottom:0;left:0;z-index:100;font-size:1em;}
/* style the links */
.cpmenu a, .cpmenu a:visited{height:130%;display:block;}
/* hack for IE5.5 */
* html .cpmenu a, * html .cpmenu a:visited{width:130px;}
.cpmenu ul li a, .cpmenu ul li a:visited{color:#ffffff;}
.cpmenu ul ul li a, .cpmenu ul ul li a:visited{color:#4D7DC2;}
/* style the link hover */
* html .cpmenu a:hover{text-decoration:underline;background-color:#ffffff;}
.cpmenu :hover > a{text-decoration:underline;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.cpmenu ul ul{visibility:hidden;position:absolute;top:11px;left:0px;}
/* make the second level visible when hover on first level list OR link */
.cpmenu ul :hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.cpmenu ul :hover ul ul{visibility:hidden;position:absolute;top:-3px;left:130px;}
/* keep the fourth level hidden when you hover on second level list OR link */
.cpmenu ul :hover ul :hover ul ul{visibility:hidden;position:absolute;top:-3px;left:130px;}
/* make the third level visible when you hover over second level list OR link */
.cpmenu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.cpmenu ul :hover ul :hover ul :hover ul{visibility:visible;}