/* ================================================================
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/drop_examples.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.

This menu has been tested in IE5.5, IE6, Firefox 1.5.0.4,
Opera 8.5 and should work in IE7 and Safari.
=================================================================== */
/* commom style for all browsers */

.menu {
  list-style-type:none;
  margin:0px;
  padding:15px 0 0 60px;
  _padding:25px 0 0 60px;
}
.menu ul {
  padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu li {
  float:left; position:relative;
}
.menu li a, .menu li a:visited {
  display:block; text-decoration:none;
  float:left;
  height:3em; line-height:3em;
}
* html .menu li a, .menu li a:visited {
  /*width:7em; w\idth:6em;*/ /* hack for IE5.5 */
}
.menu li a.drop, .menu li a.drop:visited {
  font-weight:bold;
}
.menu li ul {
  visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.menu table {
  margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu li:hover a,
.menu li a:hover {
  text-decoration:underline; border:0;
}
.menu li:hover ul,
.menu li a:hover ul {
  visibility:visible;
  height:auto;
  width:11em;
  left:0;
  top:2.5em;
  _top:1.5em;
  overflow:visible;
  }
.menu li:hover ul li a,
.menu li a:hover ul li a {
  display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto;
  line-height:1.3em;
  padding:0.3em;
  width:11em;
}
.menu li:hover ul li a.m1, .menu li a:hover ul li a.m1 { background:#ffdd7a; }
.menu li:hover ul li a.m2, .menu li a:hover ul li a.m2 { background:#a5d94b; }
.menu li:hover ul li a.m3, .menu li a:hover ul li a.m3 { background:#ff8b58; }

* html .menu li a:hover ul li a {
  /*width:10em; w\idth:9em;*/ /* hack for IE5.5 */
  width:11em; w\idth:11.5em;  /* hack for IE5.5 */
}
.menu li:hover ul li a.drop,
.menu li a:hover ul li a.drop {
  font-weight:bold;
}
.menu li:hover ul li ul,
.menu li a:hover ul li a ul {
  visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover {
  text-decoration:underline;
}