/* CONTENTS
- General
- Submenu 1
- Submenu 2
- Submenu 3
*/

@font-face {
  font-family: "GandhiSans";
  src: url("GandhiSans-Regular.otf");
  font-display: swap;
}

.drop_menu {
  width: 1000px;
  padding: 0;
  margin: auto;
  list-style-type: none;
  height: 22px;
  margin-left: -5px;
}

.drop_menu li {
  float: left;
  height: 22px;
}

.drop_menu li a {
  padding-top: 3px;
  padding-right: 6px;
  padding-left: 6px;
  display: block;
  color: #f0fff0;
  text-decoration: none;
  font-family: GandhiSans;
  font-size: 12px;
}

.drop_menu li a:hover {
  background-color: #f15b40;
}

/* Submenu 1 */
.drop_menu ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  list-style-type: none;
  z-index: 900;
}

.drop_menu li:hover {
  position: relative;
  background: #f15b40;
}

.drop_menu li:hover ul {
  left: 0px;
  top: 22px;
  background: #f15b40;
  padding: 0px;
}

.drop_menu li:hover ul li a {
  padding: 5px;
  display: block;
  width: 168px;
  background-color: #d85239;
  font-size: 11px;
  text-align: left;
  min-height: 14px;
  font-family: verdana;
}

.drop_menu li:hover ul li a:hover {
  background: #f15b40;
}

/* Submenu 2 */
.drop_menu li ul li ul {
  display: none;
}

.drop_menu li ul li:hover ul {
  padding: 5px;
  text-align: left;
  top: 0px;
  left: 178px;
  position: absolute;
}

.drop_menu li li ul li a {
  position: relative;
  padding: 5px;
  display: block;
  text-align: left;
}

.drop_menu li li ul li {
  position: relative;
}

.drop_menu li li:hover {
  position: relative;
}

.drop_menu li li:hover ul {
  position: absolute;
  padding: 0px;
  display: block;
}

/* Submenu 3 */
.drop_menu li ul li ul li ul li {
  display: none;
}

.drop_menu li ul li ul li:hover ul li {
  display: block;
}

#npk {
  width: 200px;
}

#toad {
  left: -178px;
}