<html>
<head>
	<title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
<style>
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#0099CC; layer-background-color:#0099CC; visibility:hidden}

/*Styles for level 0*/
.clLevel0, .clLevel0over{position:absolute; padding:1px; font-family:Verdana; font-size:10px; font-weight:bold}
.clLevel0{background-color:#0099CC; layer-background-color:#0099CC; color:white;}
.clLevel0over{background-color:#006699; layer-background-color:#D05800; color:white; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}


/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:1px; font-family:Verdana; font-size:10px; font-weight:normal}
.clLevel1{background-color:#0099CC; layer-background-color:#0099CC; color:white;}
.clLevel1over{background-color:#006699; layer-background-color:#D05800; color:white; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}



/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:1px; font-family:Verdana; font-size:10px; font-weight:normal}
.clLevel2{background-color:#0099CC; layer-background-color:#0099CC; color:white;}
.clLevel2over{background-color:#006699; layer-background-color:#D05800; color:white; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}


/* CoolMenus 4 - default styles - do not edit */
.cl2CMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.cl2Bar{position:absolute; width:10; height:10; background-color:#FFCC00; layer-background-color:#FFCC00; visibility:hidden}

/*Styles for level 0*/
.cl2Level0, .cl2Level0over{position:absolute; padding:1px; font-family:Verdana; font-size:10px; font-weight:bold}
.cl2Level0{background-color:#FFCC00; layer-background-color:#FFCC00; color:#CC6600;}
.cl2Level0over{background-color:#CC6600; layer-background-color:#D05800; color:#FFCC00; cursor:pointer; cursor:hand; }
.cl2Level0border{position:absolute; visibility:hidden; background-color:#CC6600; layer-background-color:#CC6600}


/*Styles for level 1*/
.cl2Level1, .cl2Level1over{position:absolute; padding:1px; font-family:Verdana; font-size:10px; font-weight:normal}
.cl2Level1{background-color:#FFCC00; layer-background-color:#FFCC00; color:#CC6600;}
.cl2Level1over{background-color:#CC6600; layer-background-color:#D05800; color:#FFCC00; cursor:pointer; cursor:hand; }
.cl2Level1border{position:absolute; visibility:hidden; background-color:#CC6600; layer-background-color:#CC6600}



/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:1px; font-family:Verdana; font-size:10px; font-weight:normal}
.clLevel2{background-color:#FFCC00; layer-background-color:#FFCC00; color:#CC6600;}
.clLevel2over{background-color:#CC6600; layer-background-color:#D05800; color:#FFCC00; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#CC6600; layer-background-color:#CC6600}