/* CSS Document */

/* adding the active/focus state */
#navlist_d {
  list-style-type:none; 
  position:absolute; 
  padding:0; 
  width:300px; 
  height:5em; 
  margin:0 auto;
  }
#navlist_d li {
  display:block; 
  width:72px; 
  height:2em; 
  float:left; 
  margin-right:0.2em;
  }
#navlist_d a {
  display:block; 
  width:72px; 
  height:2em; 
  position:relative; 
  text-decoration:none;
  }
#navlist_d a em {
  display:block; 
  font-style:normal; 
  width:72px; 
  height:1.5em; 
  color:#000; 
  border-bottom:0.5em solid #3f3f3f; 
  position:absolute; 
  top:0; 
  left:0; 
  cursor:pointer;
  }
#navlist_d a:hover {
  color:#436978;
  }
#navlist_d a:hover em {
  border-bottom:0.5em solid #436978;
  }
#navlist_d a:active, #navlist_d a:focus {
  width:0; 
  height:0;
  outline:0; /* for browsers that understand */
  }

#navlist_d a:active em, #navlist_d a:focus em {

  /* change the em bottom border and text to blue on
  active/focus thus giving a suitable alternative to
  the dotted border */
  border-bottom:0.5em solid #436978; 
  color:#00c;
  outline:0; /* for browsers that understand */
  }
