#nav {
  margin:0;
  padding:/*0.4em*/ 0.1em 0;
  line-height:100%;
  width:100%;
  vertical-align: sub;
  
  /* -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .4); */
  /* -moz-box-shadow:0 1px 3px rgba(0, 0, 0, .4); */
  
  background:#7a99b8; 
  
  /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#425576', endColorstr='#8ba1b9');  */
  /* background:-webkit-gradient(linear, left top, left bottom, from(#425576), to(#8ba1b9));  */
  /* background:-moz-linear-gradient(top,  #425576,  #8ba1b9);  */
  
  border-bottom:ridge 1px #666666;
  display:inline-block;
}
#nav li {
  margin:0 3px;
  padding:0 /*0 4px*/;
  float:left;
  position:relative;
  list-style:none;
  z-index:2;
}
#nav a {
  /*font-weight:bold;*/
  color:#e7e5e5;
  text-decoration:none;
  display:block;
  padding:/*6px */8px;
  margin:0;
  text-shadow:0 1px 1px rgba(0, 0, 0, .3);
}
#nav a.first {
  font-weight:bold;
  text-shadow:0 1px 1px rgba(0, 0, 0, .3);
}
#nav li:hover > a {
  background:#d1d1d1; 
  color:#000000;
  /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9eb4c6', endColorstr='#cfdae3');  */
  /* background:-webkit-gradient(linear, left top, left bottom, from(#9eb4c6), to(#cfdae3));  */
  /* background:-moz-linear-gradient(top,  #9eb4c6,  #cfdae3);  */
 
  /* color:#8c8c8c; */
  /* -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .2); */
  /* -moz-box-shadow:0 1px 1px rgba(0, 0, 0, .2); */
  box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  text-shadow:0 1px 0 rgba(255, 255, 255, .8);
}
#nav ul li:hover a, #nav li:hover li a {
  background:none;
  border:none;
  color:#494949;
  /* -webkit-box-shadow:none; */
  /* -moz-box-shadow:none; */
} 
#nav ul a:hover {
  background:#627c97 !important;
  /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#627c97', endColorstr='#9eb4c6');  */
  /* background:-webkit-gradient(linear, left top, left bottom, from(#627c97), to(#9eb4c6)) !important;  */
  /* background:-moz-linear-gradient(top,  #627c97,  #9eb4c6) !important;  */
 
  color:#fff !important;
}
#nav ul {
  background:#ddd;
  /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */ */
  /* background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */ */
  /* background:-moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */ */
 
  display:none;
  margin:0;
  padding:0;
  width:22.5em;
  position:absolute;
  top:2.0em;
  left:0;
  border:solid 1px #b4b4b4;
  /* -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .3); */
  /* -moz-box-shadow:0 1px 3px rgba(0, 0, 0, .3); */
  box-shadow:0 1px 3px rgba(0, 0, 0, .3);
}
#nav li:hover > ul {
  display:block;
}
#nav ul li {
  float:none;
  margin:0;
  padding:0;
}
#nav ul a {
  /*font-weight:normal;*/
  text-shadow:0 1px 1px rgba(255, 255, 255, .9);
}
#nav::after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
html[xmlns] #nav {
  display:block;
}
* html #nav {
  height:1%;
}