.navigation { 
   float:left;
   width:  560px; 
   height:80px;
   background:url('../images/menu.png') repeat-x 0 100%;
   margin-left:100px;
   text-align:left;
   margin-top:30px;
   padding:0
   
   }
   
   .navigation ul  {
   list-style:  none; 
   margin:0; 
   padding:0;
   float:  left;
   }
   
   .navigation ul ul  {
   margin:  0; /* all lists */
   padding:  0;
   
   }
   
   .navigation ul li  {
   margin:  100px;
   padding:  0;
   float:  left;
   list-style:  none;
   display:  block;
       
   }
   
   .navigation ul li ul  {
   width:  200px;
   position:  absolute; /* second-level lists  */
   z-index:  99;
   left:  -999em; /* using left  instead of display to hide menus because  display: none isn't read by screen readers */
   height:  auto;
   w\idth:  200px;
   
   }
   
   .navigation ul li ul  ul  {
   margin:  0; /* third-and-above-level  lists */
   
   }
   
   .navigation ul li li  {
   padding:  0;
   margin:  0;
   width:  100%;
   
   }
   
   .navigation ul ul a  {
   width:  100%;
   
   }
   
   .navigation ul li:hover ul ul,
   .navigation ul li:hover ul ul ul,
   .navigation ul li.sfhover ul ul,
   .navigation ul li.havechildsfhover ul ul,
   .navigation ul li.havechild-activesfhover ul ul,
   .navigation ul li.activesfhover ul ul,
   .navigation ul li.sfhover ul ul ul,
   .navigation ul li.havechildsfhover ul ul ul,
   .navigation ul li.havechild-activesfhover ul ul ul,
   .navigation ul li.activesfhover ul ul ul {
   left:  -999em;
       
   }
   
   /* This "unhides" the sub-menus (left: -999em is what hides  them) */
   .navigation ul li:hover ul,
   .navigation ul li li:hover ul,
   .navigation ul li li  li:hover ul,
   .navigation ul li.sfhover ul,
   .navigation ul li.havechildsfhover ul,
   .navigation ul li.havechild-activesfhover ul,
   .navigation ul li.activesfhover ul,
   .navigation ul li li.sfhover ul,
   .navigation ul li li.havesubchildsfhover ul,
   .navigation ul li li.havesubchild-activesfhover ul,
   .navigation ul li li.activesfhover ul,
   .navigation ul li li  li.sfhover ul,
   .navigation ul li li  li.havesubchildsfhover ul,
   .navigation ul li li  li.havesubchild-activesfhover ul,
   .navigation ul li li  li.activesfhover ul  {
   left:  auto;
       
   }
   
   /* STYLING THE MENU
   -----------------------------------*/
   /* 1st level */
   .navigation ul li a  {
   padding:0; 
   margin:  0;
   display:  block; 
   color:  #ffea9f;
   font-weight:  normal;    
   font-size:15px;  
   font-weight:bold;
   text-transform:uppercase;
   
   }
   
   .navigation ul li  {
   background:transparent;
   height:20px;
   margin:5px  ; 
   padding:10px ; 
   
   }
   
   .navigation ul li span  {
   background:transparent;
   padding:0px  ;
   margin:0  ;
    
   }
   
   
   .navigation ul li.active {
   background:#9b3419;
   
   }
   
   .navigation ul li.active span {
   background:#9b3419;
   
   }
   
   .navigation ul li.active a {
   color:#fff !important;
   background:#9b3419;
   }
   
   .navigation ul li:hover{
   background:  #9b3419;
   color:#fff !important;
   
   }
   
   .navigation ul li:hover span {
   background:  #9b3419 ;
   color:#73880a !important;
   
   }
   
   .navigation ul li:hover a {
   color:#ffea9f !important;
   background:#9b3419;
   }
   
   .navigation ul li a:hover,
   .navigation ul li a:active,
   .navigation ul li a:focus,
   .navigation ul li a.sfhover {
   color:#fff;
   
   }
   
   .navigation ul li:hover a,
   .navigation ul li.sfhover a,
   .navigation ul li.havechildsfhover a,
   .navigation ul li.havechild-activesfhover a  {
   color:#fff;
   
   
   }
   
   .navigation ul li a.active,
   .navigation ul li a.active:hover,
   .navigation ul li a.active:active,
   .navigation ul li a.active:focus {
   color:#fff;
   
   
   }
   
   /* 2nd level and above */
    .navigation ul li  ul {
   background:  #9b3419; 
   margin:  11px 0 0 -10px !important;
   padding-bottom:  0px;
   padding:  0;
   text-align:left !important;
   
   }
   
   .navigation ul li ul  li{
   border-bottom:1px dashed #b3573a;
   text-align:center !important;
   height:50px;
   padding:0  !important;
   
   }
   
   .navigation ul li ul  a  {
   margin:  0;
   padding:16px 0 0 0;
   background:  none !important ;
   color:  #222222 !important;
   font-size:15px !important;
       
   }
   
   .navigation ul li.havesubchild,
   .navigation ul li.havesubchild-active{
   
   }
   
   .navigation ul li ul a:hover,
   .navigation ul li ul a:active,
   .navigation ul li ul a:focus,
   .navigation ul ul li:hover,
   .navigation ul ul li.sfhover,
   .navigation ul ul li.havesubchildsfhover,
   .navigation ul ul li.havesubchild-activesfhover,
   .navigation ul ul ul  li:hover,
   .navigation ul ul ul  li.sfhover,
   .navigation ul ul ul  li.havesubchildsfhover,
   .navigation ul ul ul  li.havesubchild-activesfhover  {
   background:transparent;
   color:  #000 !important;
   
   }
   
   .navigation ul ul li a.active,
   .navigation ul ul li a.active:hover,
   .navigation ul ul li a.active:active,
   .navigation ul ul li a.active:focus {
   background:  none !important;
   color:  #000;
   font-weight:  bold;
   
   }
   
   .navigation ul li li.active {
   height:20px  !important;
   background:  transparent;
   
   }
   
   .navigation ul li li.active span {
   height:20px  !important;
   background:  transparent ;
   
   }
   
   .navigation ul li li.active a {
   color:#000 !important;
   height:20px  !important;
   background:transparent;
   
   }
   
   .navigation ul li ul  li ul  {
   background:#9b3419 ; 
   margin-left:195px !important;
   text-align:center !important;
   margin-top:-32px !important;
   
   }