/* ================================================================ 



This copyright notice must be untouched at all times.







The original version of this stylesheet and the associated (x)html



is available at http://www.cssplay.co.uk/menus/dd_valid.html



Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.



This stylesheet and the assocaited (x)html may be modified in any 



way to fit your requirements.



=================================================================== */



/* common styling */
.menu {
  font-family: Arial, sans-serif;
  width: 750px;
  height: 100px;
  position: relative;
  font-size: 11px;
  z-index: 100;
}

.menu ul li a, .menu ul li a:visited {
  display: block;
  text-decoration: none;
  color: #fff;
  width: 106px;
  height: 20px;
  text-align: center;
  color: #fff;
  line-height: 20px;
  font-size: 11px;
  overflow: hidden;
  background-color: #710069;
  border-top: 1px #fff solid;
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
  border-left: 1px #fff solid;
}

.menu ul {
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  padding-top: 0pt;
  padding-left: 0pt;
  padding-right: 0pt;
  padding-bottom: 0pt;
  list-style-type: none;
}

.menu ul li {
  float: left;
  position: relative;
}

.menu ul li ul {
  display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
  color: #fff;
  background-color: #36f;
}

.menu ul li:hover ul {
  display: block;
  position: absolute;
  top: 21px;
  left: 0;
  width: 106px;
}

.menu ul li:hover ul li a.hide {
  color: #fff;
  background-color: #6a3;
}

.menu ul li:hover ul li:hover a.hide {
  color: #000;
  background-color: #6fc;
}

.menu ul li:hover ul li ul {
  display: none;
}

.menu ul li:hover ul li a {
  display: block;
  color: #000;
  background-color: #ddd;
}

.menu ul li:hover ul li a:hover {
  color: #000;
  background-color: #6fc;
}

.menu ul li:hover ul li:hover ul {
  display: block;
  position: absolute;
  left: 106px;
  top: 0;
}

.menu ul li:hover ul li:hover ul.left {
  left: -106px;
}

.note {
  font-weight: bold;
  color: blue;
}