/*
  This file contains the basic logic for main menus, and should not be
  edited.  To customize the menus, it's recommended to create a custom CSS
  file using MenuSettings.css as a template.
*/

.block-main-menu {
  line-height: normal;
  z-index: 10;
}

ul.main-menu,
ul.main-menu ul {
  z-index: 0;
  position: relative;
  text-align: center;
  /*margin-left: 15%;
  margin-right: 15%;*/
}


ul.main-menu li {
  position: relative;
}

ul.main-menu a {
  display: block;
}

ul.main-menu ul {
  position: absolute;
  visibility: hidden;
}

ul.main-menu li.over ul {
  visibility: visible;
}

ul.main-menu ul li {
  display: block;
}

ul.main-menu:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* Show submenus when over their parents. */

ul.main-menu li:hover ul,
ul.main-menu li.menuparent li:hover ul,
ul.main-menu li.menuparent li.menuparent li:hover ul,
ul.main-menu li.menuparent li.menuparent li.menuparent li:hover ul,
ul.main-menu li.menuparent li.menuparent li.menuparent li.menuparent li:hover ul,
ul.main-menu li.over ul,
ul.main-menu li.menuparent li.over ul,
ul.main-menu li.menuparent li.menuparent li.over ul,
ul.main-menu li.menuparent li.menuparent li.menuparent li.over ul,
ul.main-menu li.menuparent li.menuparent li.menuparent li.menuparent li.over ul{
  visibility: visible;
  z-index: 100;
}


/* Hide sub-menus initially. */

ul.main-menu li:hover ul ul,
ul.main-menu li:hover ul ul ul,
ul.main-menu li:hover ul ul ul ul,
ul.main-menu li:hover li:hover ul ul,
ul.main-menu li:hover li:hover ul ul ul,
ul.main-menu li:hover li:hover ul ul ul ul,
ul.main-menu li:hover li:hover li:hover ul ul,
ul.main-menu li:hover li:hover li:hover ul ul ul,
ul.main-menu li:hover li:hover li:hover ul ul ul ul,
ul.main-menu li:hover li:hover li:hover li:hover ul ul,
ul.main-menu li:hover li:hover li:hover li:hover ul ul ul,
ul.main-menu li:hover li:hover li:hover li:hover ul ul ul ul,
ul.main-menu li.over ul ul,
ul.main-menu li.over ul ul ul,
ul.main-menu li.over ul ul ul ul,
ul.main-menu li.over li.over ul ul,
ul.main-menu li.over li.over ul ul ul,
ul.main-menu li.over li.over ul ul ul ul,
ul.main-menu li.over li.over li.over ul ul,
ul.main-menu li.over li.over li.over ul ul ul,
ul.main-menu li.over li.over li.over ul ul ul ul,
ul.main-menu li.over li.over li.over li.over ul ul,
ul.main-menu li.over li.over li.over li.over ul ul ul,
ul.main-menu li.over li.over li.over li.over ul ul ul ul {
  visibility: hidden;
}