/* this is for the menu system at the top of each page invoked by the topmenu.js javascript */
#coolMenu,
#coolMenu ul {
				 list-style: none;
}
 #coolMenu ul {
				   position: absolute; display: none; z-index: 999; background: navajowhite; color: black; width:144px;
}
 #coolMenu {
   position:absolute; top:0px; left:152px; float: left; font-family: Arial; font-size: 12px; background: navajowhite;
   color: black;
}
#coolMenu > li {
  float: left; width: 182px;
  border-right:1px solid black;
  border-left:1px solid black;
  border-top:1px solid black;
  border-bottom:1px solid black;
  color: black;
}
#coolMenu li a {
  display: block;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 0.5em;
  text-decoration: none;
}
#coolMenu ul li a {
  position: relative;
  left:-40px;
  width: 172px;
  color: black;
  font-weight: bold;
}
#coolMenu li:hover ul {
  display: block;
  position: absolute;
  background: navajowhite;
}
#coolMenu ul li:hover a {
  background: paleturquoise;
  width: 172px;
}

#coolMenu > li > a {
  color: black;
  font-weight: bold;
}
#coolMenu > li:hover > a {
  background: navajowhite;
  color: black;
}