/* =============================================================== */
/*               Top Navigation Bar Section                        */
/* =============================================================== */

/* Top Navigation Bar - indentation (padding), font, etc.          */

  ul#topnav {
    list-style-type: none;
    margin:          0;
    padding-left:    0px;
    padding-bottom:  24px;
    border-bottom:   0px solid #000000;
    font:            bold 12px verdana, arial, sans-serif;
  }

/* Top Navigation Bar - elements in the unordered list (menu)      */

  ul#topnav li {
    float:            left;  
    height:           23px;
    background-color: #000000;
    color:            #FFFFFF;
    margin:           2px 4px 0px 2px;
    border:           0px solid #000000;     /* 1px solid #000000;  */
  }

/* Top Navigation Bar - Default characteristics for the links       */

  ul#topnav a:link, ul#topnav a:visited {
    display:          block;
    color:            #FFFFFF;
    background-color: transparent;
    text-decoration:  none;
    padding:          4px;
  }


/* Top Navigation Bar - Hover characteristics                       */

  ul#topnav a:hover {
    background-color: #444444;    /*  #711515;   */
    color:            #FFFFFF;
  }

/* ----------------------------------------------------------------*/
/* Top Navigation Bar - ties class name in link statement to       */
/* highlighted color on menu when page is active                   */
/* (uses <body id="  "> tag                                        */
/* ----------------------------------------------------------------*/
  body#home      li.home,
  body#about     li.about, 
  body#products  li.products,
  body#dealers   li.dealers,
  body#news      li.news, 
  body#reviews   li.reviews,   
  body#faqs      li.faqs,    
  body#support   li.support,
  body#links     li.links,   
  body#museum    li.museum,
  body#bargains  li.bargains,    
  body#contact   li.contact
  { border-bottom:       0px solid #555555;       /* #711515; */
    background-color:    #888888;
    color:               #FFFF00;
    font-style:          italic; 
  }

/* Top Navigation Bar - also used to tie class name in link statement to <body id=" " in    */
  body#home      li.home     a:link,  body#home      li.home     a:visited,
  body#about     li.about    a:link,  body#about     li.about    a:visited,
  body#products  li.products a:link,  body#products  li.products a:visited,
  body#dealers   li.dealers  a:link,  body#dealers   li.dealers  a:visited,
  body#news      li.news     a:link,  body#news      li.news     a:visited,
  body#reviews   li.reviews  a:link,  body#reviews   li.reviews  a:visited,
  body#faqs      li.faqs     a:link,  body#faqs      li.faqs     a:visited,
  body#support   li.support  a:link,  body#support   li.support  a:visited,
  body#links     li.links    a:link,  body#links     li.links    a:visited,
  body#museum    li.museum   a:link,  body#museum    li.museum   a:visited,
  body#bargains  li.bargains a:link,  body#bargains  li.bargains a:visited,
  body#contact   li.contact  a:link,  body#contact   li.contact  a:visited
  { color:            #FFFF00;
    background-color: #000000;
  }

/* Top Navigation Bar - restore hover behavior for current page     */
  body#home      li.home     a:hover,
  body#about     li.about    a:hover,  
  body#products  li.products a:hover, 
  body#dealers   li.dealers  a:hover, 
  body#news      li.news     a:hover,  
  body#reviews   li.reviews  a:hover,
  body#faqs      li.faqs     a:hover,  
  body#support   li.support  a:hover,  
  body#links     li.links    a:hover, 
  body#museum    li.museum   a:hover,
  body#bargains  li.bargains a:hover,  
  body#contact   li.contact  a:hover
  { color:            #FFFF00;
    background-color: #444444;    /* #711515; */ 
  }

/* =============================================================== */
/*              Side Navigation Bar Section                        */
/* =============================================================== */
#sidenav {
  width:      180px;
  font:       italic 12px verdana, arial, sans-serif;  /* text not in the lists  */
  color:      #EEEE00;         /*  blue #BBBBFF; */    /* text not in the lists  */
  text-align: left;                                    /* text not in the lists  */
/*margin:     0;                                       /* text not in the lists  */
}

#sidenav ul {
  list-style: none;
  margin-left: 12px;
  padding:    0;
  text-align: left;
}

#sidenav li {
  border-left:      0px solid #333333;
  border-right:     0px solid #333333;
  border-top:       0px solid #333333;
  border-bottom:    0px solid #333333;
}

#sidenav li a:link,  
#sidenav li a:visited {
  background-color: #000000;       
  color:            #FFFFFF;
  font:             12px verdana, arial, sans-serif;
  text-decoration:  none; 
  display:          block;                
}

#sidenav li a:hover {
  background-color:  #444444;       /* #BBBBFF;  #711515;*/
  color:             #FFFFFF;
  font:              italic 12px verdana, arial, sans-serif;
  text-decoration:  none; 
}


/* ---------------------------------------- */
/* second level menu:                       */
/* ---------------------------------------- */
#sidenav ul ul {
  list-style: none;
  margin-left: 30px;
  padding:    0;
  text-align: left;
}

#sidenav ul ul li {
  border-left:      0px solid #333333;
  border-right:     0px solid #333333;
  border-bottom:    0px solid #333333;
  border-top:       0px solid #333333;
}

#sidenav ul ul li a:link,  
#sidenav ul ul li a:visited {
  background-color: #000000; 
  color:            #FFFFFF;

}

#sidenav ul ul li a:hover {
  background-color:  #444444;       /* #BBBBFF;  #711515;*/
  color:             #FFFFFF;
}
