#navbar
 {
 }

 #menu 
 { 
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: .85em; /*14px;*/
  font-weight: bold;
 }
 #menu li 
 {
  float: left;
  padding: 0;
  margin: 0;
  position: relative;
  width: 120px;
  height: 40px;
  z-index: 100;
 font-weight: bold;
 }
 #menu li dl 
 {
  position: absolute;
  top: 0;
  left: 0;
 }
 #menu li a, #menu li a:visited { text-decoration: none; font-weight: bold; }

 #menu li dd { display: none; }
 #menu li:hover { border: 0; }
 #menu li a:hover { border: 0; background: #167bb3; }
 #menu li:hover dd, #menu li a:hover dd { display: block; }
 #menu dl 
 {
  width: 120px; 
  margin: 0;
  padding: 0;
  background: #17577b;
  text-align: center;
 }

 #menu dt
 {
  margin: 0;
  padding: 0;
  border-top: 2px solid #000;
  border-bottom: 3px solid #000; 
  font-weight: bold;
 }
 #menu .root { background: #17577b; border-left: 3px solid #000; border-right: 1px solid #000; border-bottom: 3px solid #000; }

 #menu .root2 { color: #fff; background: #17577b; border-left: 1px solid #000; border-right: 1px solid #000; }
 #menu .root3 { background: #17577b; border-left: 1px solid #000; border-right: 3px solid #000; }
 #menu dd 
 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  background: #17577b;
  text-align: left;
  border: 1px solid #000000;
 }
 .gallery dt a, .gallery dt a:visited 
 {
  display:block;
  color:#fff;
 }
 .gallery dd a, .gallery dd a:visited 
 {
  color: #fff;
  padding: 2px 0 2px 5px;
  text-decoration: none;
  display: block; 
  background: #17577b;
  width: 113px;
 }
 .gallery dd a:hover 
 {
  width: 113px;
  background: #167bb3;
  color:#fff;
 }