/* common styling */
/* set up the overall width of the menu div, the font and the margins */

ul#menu {
  position: relative;
  top: 100px;
  z-index:100;
  padding:0; 
  margin: 0px 0px 0px 157px;
  list-style-type: none;
}

ul#menu a {
  font-size: 13px;
  color: #666;
}


/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
ul#menu li {
  float:left; 
  position:relative;
  font-weight: bold;
  height: 29px;
  margin-right: 15px;
}

ul#menu ul.inner {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul#menu ul.inner li {
  margin-left: 5px;
  clear: both;
  height: auto;
}

ul#menu li a {
  padding: 0px 5px;
}

ul#menu ul.inner li a {
  border: none;
}

ul#menu li a, ul#menu li a:visited {
  display:block; 
  text-align: left; 
  color: #525252;
  text-decoration: none;
}


/* make the dropdown ul invisible */
ul#menu ul.inner {
  display: none;
}

ul#menu ul.inner li {
  font-weight: normal;
  border: none;
  padding: 3px 0px;
}


/* specific to non IE browsers */

ul#menu li a:hover {
  text-decoration: underline;
  color: #000;
}


/* make the sub menu ul visible and position it beneath the main menu list item */
ul#menu li:hover ul.inner {
  display:block; 
  
  background: #ffffff;
  border: 1px solid #ccc;
  border-top: none;
  width: 120px;
  
  padding-top: 5px;
  top: 29px;
  left:0pt;
  position: absolute;
  z-index: 100;
}


/* style the background and foreground color of the submenu links */
ul#menu li:hover ul li a {
  display:block;
}


/* style the background and forground colors of the links on hover */
ul#menu li:hover ul li a:hover {
  color: #000;
}