kubrick dropdown menu css

/*
styles for horizontal drop down page navigation menu below the header for kubrick theme
*/
#page_nav {margin:2px 20px 2px 20px; float:left; background-color: #eee; width:1040px; }

#page_nav ul {
  float: left;
  margin:0;
  padding-left: 0;
  }

#page_nav ul li {
  float: left;
  margin:0;
  padding-left: 0;
  list-style-type:none;
  }

#page_nav a {
  display:block;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left:10px;
  padding-right:10px;
  text-decoration: none;
  border-right: 1px solid #777;
  background:#eee;
  color:#000066;
  font-size:120%;
  margin: 0;
  }


#page_nav a:hover {
  background: #ccc;
  color:#000099;
  }

#page_nav li { position: relative; }

#page_nav ul ul ul {
  position: absolute;
  top: 0;
  left: 120px; /* should be 20px wider than width in '#page_nav ul ul a ' below */
  z-index:600;
}

#page_nav ul ul {
  position: absolute;
  z-index: 500;
  top: 25px;
  left: 0px;
}

#page_nav ul ul a { background: #ddd;
  width: 100px; /* fixed width fold-out */
  }

#page_nav ul ul {
  display: none;
}

#page_nav ul li:hover ul
{display: block;}

#page_nav ul ul,
#page_nav ul li:hover ul ul,
#page_nav ul ul li:hover ul ul
{display: none;}

#page_nav ul li:hover ul,
#page_nav ul ul li:hover ul,
#page_nav ul ul ul li:hover ul
{display: block; }

#page_nav ul li.current_page_item a {
  background-color: #ddd; color: #000;
}