/*   Drop down Christmas css styles - created Sept 2017  ===  cianav = Christmas In Australia nav bar  */
	/* Based on https://www.tutorialrepublic.com/faq/show-hide-dropdown-menu-on-mouse-hover-using-css.php  */
	/*  25 November 2019 downloaded from https://stackoverflow.com/questions/30466706/dropdown-menu-to-the-left-side/30466822 */

ul.mu {
  text-align: left;
  display: inline;
  margin: 0;
 /* padding: 3px 3px 6px 0px;  */
  list-style: none;
  font-size:18px;
  border:solid 0px #FF0000;
  color:#ffffff;
  background-color:#00ff00;
}
ul li.mu {
  font: bold 18px sans-serif;
  display: inline-block;
  margin-right:0px;
  position: relative;
  padding: 4px 4px 4px 4px;
  background-color: #FF0000;
  cursor: pointer;
  transition: all 0.2s;
  border:solid 0px #ffffff;
}  
ul li:hover.mu {
  background-color:#995500;
  color: #ffffff;
}   
ul li ul.mu {
  padding: 0;
  position: absolute;
  top:28px;
  left: 0;
  width:260px;  /* Width of yellow drop down menu  - width of entire menu is in christmas-navbar.js */
  box-shadow: none;
  display: none;
  opacity: 0;
 /* visibility: hidden;  */
}
ul li ul li { 
  background-color:#FADF52; 
  display: block; 
  color: #FFFFFF;
  padding-bottom:1px;
  padding-top:1px;
}
ul li ul li:hover.mu { 
  background-color:#995500;
  color:#FFFFFF;
}
ul li:hover ul.mu {
  display: block;
  opacity: 1;
  visibility: visible;
  color:#FFFFFF;
}
ul.mu > li > a {
    display: block;
    top: 0;
    left: 9px;
    width: 100%;
    height: 100%;
}
ul.lastChild.mu  {
  right: 4px;
  left: auto;
}
a.mu  {
  text-decoration:none;
}
a:hover.hov  {
  background-color:#995500;
  color: #ffffff;
}