ul#nav { display:block; margin: 0; padding:0; list-style: none; height:23px; }
ul#nav li  {width:100px; display: inline-block; position: relative; padding: 5px 4px 5px 4px; background:transparent; cursor: pointer;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul#nav li a { display: block; width: 100%; color: #ffffff; font-family: Arial; font-size: 9pt; font-weight: bold; text-decoration:none; }
ul#nav li a:hover { text-decoration: underline; }
ul#nav li li a { text-decoration:none; }
ul#nav li ul { text-align: left; background-color: #4D4D4F; padding: 0; position: absolute; top: 23px; left: 0; width: 102px; display:none; opacity: 0; visibility:hidden; border-left: solid 1px #000000; border-top: solid 1px #000000; border-right: solid 1px #000000; }
ul#nav li ul li { border-bottom: solid 1px #969697; width: 100px; }
ul#nav li ul li ul { top: 0; left: 100px; }
ul#nav li ul li ul li { margin-right: -4px; } 
ul#nav li ul li {  display: block;  color: #fff; }
ul#nav li ul li:hover { background: #231F20; }
ul#nav li:hover > ul { display: block; opacity: 1; visibility: visible; }

/***********for the menu************************************/

/* 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:5D7A76; layer-background-color:Transparent; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:5px; font-family: Arial; font-size: 9pt; font-weight:bold; text-decoration:underline}
.clLevel0{background-color:Transparent; layer-background-color:Transparent; color:white;}
.clLevel0over{background-color:Transparent; layer-background-color:Transparent; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:Transparent; layer-background-color:White}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:Arial; font-size:8pt; font-weight:bold}
.clLevel1{background-color:#5F7C78; layer-background-color:#5F7C78; color:white;}
.clLevel1over{background-color:#D5E1DF; layer-background-color:#D5E1DF; color:black; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:black; layer-background-color:black}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:Arial; font-size:8pt; font-weight:bold}
.clLevel2{background-color:#5F7C78; layer-background-color:#5F7C78; color:white;}
.clLevel2over{background-color:#D5E1DF; layer-background-color:#D5E1DF; color:Black; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:Black; layer-background-color:Black}

/***********for the menu************************************/