/**************************************************************
   #menu: The top level site menu
 **************************************************************/

ul#menu {
  width: 100%;
  
  margin-left: 160px;
  margin-top: -50px;
  margin-bottom: 0px;  
  padding: 0 !important;
  padding: 0 0 0 10px;  

}

ul#menu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#menu li a {
  float: left;  
  padding: 10px 0 3px 0;

  font: 400 1.3em georgia, serif;
  text-align: center;
  text-decoration: none;
  background-color: #e0e8f0;
  color: #094f8d;
  border-top: 1px solid #094f8d;
}

ul#menu li a:visited {
  background-color: #e0e8f0;
}

ul#menu li a:hover {
  color: #0085ff;
  background: url(/img/bg/menu.gif) repeat-x bottom left;
}

ul#menu li a.here {
  color: #013361;
  background: url(/img/bg/menu.gif) repeat-x bottom left;
}

/* helper classes to control width of links in topbar */
ul.two li a {
  width: 50%;
}

ul.three li a {
  width: 33%;
}

ul.four li a {
  width: 25%;
}

ul.five li a {
  width: 20%;
}


ul.six li a {
  width: 10%;
}


/* MENU 2 */

ul#menu2 {
  width: 100%;
  vertical-align: bottom;
  margin-left: -15px;
  margin-top: 50px;
  margin-bottom: 0px;  
  padding: 0 !important;
  padding: 0 0 0 10px;  
}

ul#menu2 li {
  display: inline;
  vertical-align: bottom;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#menu2 li a {
  float: left;  
  padding: 10px 0 3px 0;

  font: 400 1.3em georgia, serif;
  text-align: center;
  text-decoration: none;
    background-color: #e0e8f0;
  color: #094f8d;
  border-top: 1px solid #094f8d;
}

ul#menu2 li a:visited {
  background-color: #e0e8f0;
}

ul#menu2 li a:hover {
  color: #0085ff;
  background: url(/img/bg/menu.gif) repeat-x bottom left;
}

ul#menu2 li a.here {
  color: #013361;
  background: url(/img/bg/menu.gif) repeat-x bottom left;
}