#mainNav, #mainNav ul {
  
  z-index: 2;
  margin: 0;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}

#mainNav {
   margin: 0;
   text-align: center;
}
 
#mainNav li {
   padding-right: 1px;
    
}

#mainNav li li {
    font-size: 16px;
    line-height: 36px;
    padding-right: 0px;
    border-right: 0px;
    border-bottom: 0px;  
}

#mainNav li a:hover{
  background-color:#transperant;
  color: #2d2d2d; 
  display: inline-block; 
  border-bottom: 3px solid #f5a000;
}

#mainNav li li a:hover{
  font-size: 16px;
  line-height: 36px;
  background-color:#fff;
  color: #f59e00;
  border-right: 0px;
  border-bottom: 0px;
  display: inline-block;
}


#mainNav li ul {
  position: absolute;
  left: -999em;
  height: auto;
  border: none;
  margin: 0px 0px 0px 0px;
  }
 
#mainNav li li, #mainNav li ul {
  
  text-decoration:none;
  font-weight:normal;
  padding-bottom:0px;
  background-image: none;
  background-color:#fff;
  border-right: 0px;
  border-bottom: 0px;
  text-align: left;
  display: block;
  border: 0px;
}

#mainNav li li:hover, #mainNav li li.sfhover{
  
  text-decoration:none;
  font-weight:normal;
  padding-bottom: 0px;
  margin:0px;
  border-right: 0px;
  border-bottom: 0px;    
}
 
#mainNav li ul a {
  
  border-bottom: 0px;
  font-size: 16px;
  line-height: 36px;
  color: #2d2d2d;
  border: 0px;
}

 
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul {
  left: auto;
 
}
 
#mainNav li:hover, #mainNav li.sfhover {
  display: inline-block;
  font-weight:normal;
  text-decoration:none;   
}