/* Reset some default browser styles */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #f4f4f4;
}

/* Main menu container */
ul.main-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 140px;
  position: absolute;
  top: 0px;
  left: 7px;
  background-color: #808080;
  z-index: 25;
  /* Instead of a fixed height, let it grow with content */
  height: auto; 
  /* Removed overflow to prevent scrollbars */
  overflow: visible;
}

/* Main menu list items */
ul.main-menu li {
  position: relative;
}

/* Main menu links */
ul.main-menu a {
  display: block;
  color: #ffffff;
  padding: 6px 10px;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}

/* Hover effect for all links */
ul.main-menu a:hover {
  background-color: #666666;
  color: #ffffff;
}

/* Dropdown menu container */
ul.dropdown {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none; /* Initially hidden */
  position: absolute;
  left: 100%;
  top: 0;
  background-color: #808080;
  z-index: 26;
  width: auto;
}

/* Show dropdown menu on hover */
ul.main-menu li:hover > ul.dropdown {
  display: block;
}

/* Dropdown menu links */
ul.dropdown li a {
  padding: 6px 10px;
  font-size: 14px;
}