/* 10 */
#menublock {
  position: absolute;
  left: 225px;
  z-index: 4;
}

/* 20: style the outer div to give it width */
.menu {
  width: 750px;
  padding-bottom: 0px;
}

/* 30: remove all the bullets, borders and padding from the default list styling */
.menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* 40 */
.menu ul ul {
  width: 100px;
}

/* 50: float the list to make it horizontal and a relative position so that you can control the drop-down menu position */
.menu li {
  position: relative;
  float: left;
  width: 130px;
}

/* 60 */
.menu ul ul li {
  border: solid #EEEEEE;
  border-width: 0 1px;
}

/* 70: style the links for the top level */
.menu a, .menu a:visited {
  display: block;
  width: 120px;
  height: 22px; 
  border: none;
  background: url(/assets/images/menu.jpg);
  padding-left: 10px; 
  line-height: 22px;
  text-align: center;
}

/* 90: style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background: #B7DFF4;
  text-align: center;
}

/* 100: style the second level hover */
.menu ul ul a.drop:hover{
  background: #B7DFF4;
  text-align: center;
}

/* 110 */
.menu ul ul :hover > a.drop {
  background: #B7DFF4;
  text-align: center;
}

/* 140 */
.menu ul ul ul :hover > a {
  background: #B7DFF4;
  text-align: center;
}

/* 150: hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 22px;
  left: 0; 
  width: 110px;
}

/* 190: style the table so that it takes no part in the layout - required for IE to work */
.menu table {
  position: absolute;
  top: 0;
  left: 0;
}

/* 200: style the second level links */
.menu ul ul a, .menu ul ul a:visited {
  background: white;
  border-width: 0 1px;
  height: auto; 
  line-height: 1em; 
  padding: 5px 10px;
  text-align: center;
  width: 110px
}

/* 210: style the top level hover */
.menu a:hover, .menu ul ul a:hover{
  background: #B7DFF4;
}

/* 220 */
.menu :hover > a {
  background: url(/assets/images/menu.jpg) repeat-x;
  text-align: center;
}

/* 225 */
.menu ul ul :hover > a {
  background: #B7DFF4;
  text-align: center;
}

/* 230: make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
  visibility: visible; 
}

/* 240: keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
  visibility: hidden;
}

/* 250: keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
  visibility: hidden;
}

/* 260: make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
  visibility: visible;
}

/* 270: make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
  visibility: visible;