#menu-88 .menu-inner{
  display: inline-block; 
  
      font-size: 14px;
      border-radius: 5px;
     
}

#menu-88 ul.level-0{
  list-style-type: none; 
  margin: 0px;  
  padding: 0px;  
}

#menu-88 ul.level-0 > li{
  display: inline-block;
  float: left;
  position: relative;

  
}








#menu-88 ul.level-0 > li > span a{
  display: block;
  text-decoration: none;
  border-bottom: 3px solid #008cd6;
      color: #ffffff;
      background-color: #008cd6;
      text-align: center;
    
/* to fit page width */
	width: 156px;
                         
}

#menu-88 .menuitem-wrapper{
  display: block;
  text-shadow: 1px 1px #000000;
  
  
        border-left: 1px solid rgba(190,190,190,0.5);
        border-right: 1px solid rgba(65,65,65,0.85);
        border-top: 1px solid rgba(100,100,100,0.85);
      
      padding: 10px;
    
      background-color: #008cd6;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008cd6', endColorstr='#008cd6');
      background: -webkit-gradient(linear, left top, left bottom, from(#008cd6), to(#008cd6));
      background: -moz-linear-gradient(top, #008cd6, #008cd6);
      background-image: -ms-linear-gradient(top, #008cd6 0%, #008cd6 100%);
      background-image: linear-gradient(to bottom,  #008cd6 0%, #008cd6 100%);
      
}

#menu-88 ul.level-0 > li.divider{
  border-bottom: 3px solid #008cd6;
      background-color: #008cd6;
      
}
#menu-88 ul.level-0 > li.divider > span {
  display: block;
  text-decoration: none;
  background-color: #252525;  
  
        border-left: 1px solid rgba(190,190,190,0.5);
        border-right: 1px solid rgba(65,65,65,0.85);
        border-top: 1px solid rgba(100,100,100,0.85);
      
      color: #ffffff;
      padding: 10px;
      text-align: center;
    
      background-color: #008cd6;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008cd6', endColorstr='#008cd6');
      background: -webkit-gradient(linear, left top, left bottom, from(#008cd6), to(#008cd6));
      background: -moz-linear-gradient(top, #008cd6, #008cd6);
      background-image: -ms-linear-gradient(top, #008cd6 0%, #008cd6 100%);
      background-image: linear-gradient(to bottom,  #008cd6 0%, #008cd6 100%);
      
  text-shadow: 1px 1px #000000;                          
}
#menu-88 ul.level-0 > li.heading{
  border-bottom: 3px solid #008cd6;
      background-color: #008cd6;
    }
#menu-88 ul.level-0 > li.heading > .nav-header {
  display: block;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 1px 1px #000000;
  

        border-left: 1px solid rgba(190,190,190,0.5);
        border-right: 1px solid rgba(65,65,65,0.85);
        border-top: 1px solid rgba(100,100,100,0.85);
      
      color: #ffffff;
      padding: 10px;
      text-align: center;
      background-color: #008cd6;
    
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008cd6', endColorstr='#008cd6');
      background: -webkit-gradient(linear, left top, left bottom, from(#008cd6), to(#008cd6));
      background: -moz-linear-gradient(top, #008cd6, #008cd6);
      background-image: -ms-linear-gradient(top, #008cd6 0%, #008cd6 100%);
      background-image: linear-gradient(to bottom,  #008cd6 0%, #008cd6 100%);
                                
}

#menu-88 ul.level-0 > li:first-child > span > a{
  
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
    
/* to fit page width */
	width: 160px;
}
#menu-88 ul.level-0 > li:first-child > span > a .menuitem-wrapper{
  border-left: none;
  
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }
#menu-88 ul.level-0 > li:first-child.divider,
#menu-88 ul.level-0 > li:first-child.heading{
  
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }
#menu-88 ul.level-0 > li:first-child.divider > span,
#menu-88 ul.level-0 > li:first-child.heading > .nav-header{
  border-left: none;
  
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }


#menu-88 ul.level-0 > li.last > span > a{
  
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px;
    }
#menu-88 ul.level-0 > li.last > span > a .menuitem-wrapper{
  border-right: none;
  
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px;
      
}
#menu-88 ul.level-0 > li.last.divider,
#menu-88 ul.level-0 > li.last.heading{
  
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px;
    }
#menu-88 ul.level-0 > li.last.divider > span,
#menu-88 ul.level-0 > li.last.heading > .nav-header{
  border-right: none;
  
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px;
    }

#menu-88 ul.level-0 > li > span > a:hover{
  border-bottom: 3px solid #df7900;color: #ffbc69;   
}

#menu-88 ul.level-0 > li > span > a:hover .menuitem-wrapper{
  
      background-color: #047aba;
    
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#047aba', endColorstr='#047aba');
      background: -webkit-gradient(linear, left top, left bottom, from(#047aba), to(#047aba));
      background: -moz-linear-gradient(top, #047aba, #047aba);
      background-image: -ms-linear-gradient(top, #047aba 0%, #047aba 100%);
      background-image: linear-gradient(to bottom,  #047aba 0%, #047aba 100%);
    }

#menu-88 ul.level-0 > li > span a > span{
                      
}
#menu-88 ul.level-0 > li > span a .menuitem-wrapper > img{
  border: none;
  vertical-align: middle; 
  max-width: 19px;
  max-height: 19px;
  margin-top: -4px;
  margin-left: 2px;
  margin-right: 2px;                      
}




#menu-88 .submenu-container{
  z-index: 10;
}

#menu-88 .submenu-container ul{
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}


#menu-88 .submenu-container a{
  display: block;
  text-decoration: none;
  
      color: #ffffff; 
      text-align: left;
      padding: 5px;
      
}

#menu-88 .submenu-container a:hover{
  
      color: #ffbc69;
      background-color: #047aba;  
    }


#menu-88 .submenu-container.level-1{
  position: absolute;
  left: 0px;
  display: none;
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);
  
      border: 1px solid #949494; 
      border-radius: 10px;
      background-color: #008cd6;
      border-bottom: 0px;
  border-top: 0px;
}

#menu-88 .submenu-container.level-1:hover ul.level-1{
  border-bottom-color: #df7900;
}

#menu-88 ul.level-1{
  display: block;
  width: 200px;
  margin: 0px;
  padding: 0px;
  /*background-color: rgba(53, 53, 53, 0.65);*/
  list-style-type: none; 
  border-bottom: 3px solid;
  
  
      border-bottom-color: #949494;
      border-radius: 10px;
    }
#menu-88 ul.level-1 li{
  display: block;
  float: none;
}
#menu-88 .submenu-container li{
  display: block;                         
}


/* LEVEL-2 */
#menu-88 .submenu-container.level-2{
  background-color: rgba(0,0,0,0.13);
}

#menu-88 ul.level-2{
  list-style-type: none;
  padding-left: 0px;
}


/* LEVEL-3 */
#menu-88 .submenu-container.level-3{
  background-color: rgba(0,0,0,0.13);
}




        #menu-88 ul.level-2 a{
          padding-left: 20px;
        }
        #menu-88 ul.level-2 li.divider > span{
          padding-left: 20px;
        }
        #menu-88 ul.level-2 li > .nav-header{
          padding-left: 20px;
        }
      
        #menu-88 ul.level-3 a{
          padding-left: 30px;
        }
        #menu-88 ul.level-3 li.divider > span{
          padding-left: 30px;
        }
        #menu-88 ul.level-3 li > .nav-header{
          padding-left: 30px;
        }
      
        #menu-88 ul.level-4 a{
          padding-left: 40px;
        }
        #menu-88 ul.level-4 li.divider > span{
          padding-left: 40px;
        }
        #menu-88 ul.level-4 li > .nav-header{
          padding-left: 40px;
        }
      


.clear{
  clear: both;      
}


#menu-88 .submenu-container .separator{
  display: block; 
  font-size: 12px; 
  
      padding: 5px;
      text-align: left;
      color: #ffffff;
    }

#menu-88 .submenu-container .nav-header{
  display: block;
  font-size: 12px; 
  font-weight: bold;
  
      padding: 5px;
      text-align: left;
      color: #ffffff;
    }



#menu-88 img.right,
#menu-88 img.left{
  float: none;
  border: none;
  width: auto;
  height: auto;
}







@media screen and (max-width: 979px) {
	#menu-88 ul.level-0 > li > span a{

	/* to fit page width */
	width: auto;
	}
	
	
	#menu-88 ul.level-0 > li:first-child > span > a{

	/* to fit page width */
	width: auto;
	}
	
	
	nav.navigation{
		text-align: center;
	}
}





@media screen and (max-width: 767px) {
	
    
  #menu-88 .menu-inner{
    display: block;
  }
  
  #menu-88 ul.level-0{
    background: none;
  }
  
  #menu-88 ul.level-0 > li{
    display: block;
    float: none;
    /*background-color: #444444;*/
    
        background-color: #008cd6;
        }
  #menu-88 ul.level-0 > li:first-child{
    
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        } 
  #menu-88 ul.level-0 > li.last{ 
    
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        }
  #menu-88 ul.level-0 > li.last.jactive > span > a{
    border-radius: 0px;
  }
  #menu-88 ul.level-0 > li.last.jactive > span > a .menuitem-wrapper{
    border-radius: 0px;
  }

  #menu-88 ul.level-0 > li > span a{
    display: block;
    text-decoration: none;
    border-bottom: 0px;
    border-left: 3px solid #008cd6;
        color: #ffffff;
        background-color: #008cd6;
                             
  }
  #menu-88 ul.level-0 > li > span > a:hover{
    border-bottom: none;
    border-left: 3px solid #df7900;color: #ffbc69;    
  }
  
  #menu-88 .menuitem-wrapper{
    padding: 10px;
    display: block;
    border-left: 0px;
    
          border-top: 1px solid rgba(190,190,190,0.5);
          border-bottom: 1px solid rgba(65,65,65,0.85);
          border-right: 1px solid rgba(100,100,100,0.85);
          }
  
  #menu-88 ul.level-0 > li.divider,
  #menu-88 ul.level-0 > li.heading {
    border: 0px;
    border-left: 3px solid #008cd6;  }
  #menu-88 ul.level-0 > li.divider > span {
    padding: 10px;
    display: block;
    border: 0px;
    
          border-top: 1px solid rgba(190,190,190,0.5);
          border-bottom: 1px solid rgba(65,65,65,0.85);
          border-right: 1px solid rgba(100,100,100,0.85);
          }
  #menu-88 ul.level-0 > li.heading > .nav-header {
    padding: 10px;
    display: block;
    border: 0px;
    
          border-top: 1px solid rgba(190,190,190,0.5);
          border-bottom: 1px solid rgba(65,65,65,0.85);
          border-right: 1px solid rgba(100,100,100,0.85);
          }
  
  #menu-88 ul.level-0 > li:first-child.divider,
  #menu-88 ul.level-0 > li:first-child.heading{
    border-bottom-left-radius: 0px;
  }
  #menu-88 ul.level-0 > li:first-child.divider > span,
  #menu-88 ul.level-0 > li:first-child.heading > .nav-header{
    border-radius: 0px;
    border-top: none;
    
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        }


  #menu-88 ul.level-0 > li.last.divider,
  #menu-88 ul.level-0 > li.last.heading {
    border: 0px;
    border-radius: 0px;
    
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
      border-left: 3px solid #008cd6;  }
  
  #menu-88 ul.level-0 > li.last.divider > span,
  #menu-88 ul.level-0 > li.last.heading > .nav-header {
    padding: 10px;
    display: block;
    border: 0px;
    border-radius: 0px;
    border-top: none;
    
          border-top: 1px solid rgba(190,190,190,0.5);
          border-bottom: 1px solid rgba(65,65,65,0.85);
          border-right: 1px solid rgba(100,100,100,0.85);
        
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        }

  
  
  #menu-88 ul.level-0 > li:first-child > span > a{
    border-top: none;
    border-bottom-left-radius: 0px;
    
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        }
  #menu-88 ul.level-0 > li:first-child > span > a .menuitem-wrapper{
    
    border-bottom-left-radius: 0px;
    
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        }
  
  #menu-88 ul.level-0 > li.last > span > a{
    
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        }
  #menu-88 ul.level-0 > li.last > span > a .menuitem-wrapper{
    border-bottom: none;
    border-top-right-radius: 0px;
    
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        }
  #menu-88 ul.level-0 > li.last ul.level-1, #menu-88 ul.level-0 > li.last .submenu-container.level-1{
    border-top-right-radius: 0px;
    
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        }
  #menu-88 ul.level-0 > li.last.jactive > span > a{
    border-radius: 0px;
  }
  #menu-88 ul.level-0 > li.last.jactive > span > a .menuitem-wrapper{
    border-radius: 0px;
  }
  
  #menu-88 .submenu-container.level-1{

    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5) inset;
    border-radius: 0px;
    border-bottom: 0px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    position: relative;
    border-left: 3px solid #008cd6;  }
  
  #menu-88 .submenu-container.level-1:hover{
    border-left-color: #df7900;
  }  
  
  #menu-88 ul.level-1{
    width: 100%;
    display: block;
    border: none;
    border-radius: 0px;
  
  }
  
  
          #menu-88 ul.level-1 a{
            padding-left: 20px;
          }
          #menu-88 ul.level-1 li.divider > span{
            padding-left: 20px;
          }
          #menu-88 ul.level-1 li > .nav-header{
            padding-left: 20px;
          }
        
          #menu-88 ul.level-2 a{
            padding-left: 30px;
          }
          #menu-88 ul.level-2 li.divider > span{
            padding-left: 30px;
          }
          #menu-88 ul.level-2 li > .nav-header{
            padding-left: 30px;
          }
        
          #menu-88 ul.level-3 a{
            padding-left: 40px;
          }
          #menu-88 ul.level-3 li.divider > span{
            padding-left: 40px;
          }
          #menu-88 ul.level-3 li > .nav-header{
            padding-left: 40px;
          }
        
          #menu-88 ul.level-4 a{
            padding-left: 50px;
          }
          #menu-88 ul.level-4 li.divider > span{
            padding-left: 50px;
          }
          #menu-88 ul.level-4 li > .nav-header{
            padding-left: 50px;
          }
        }