/* THIS IS BASED ON STU NICHOLLS' CSS-MENU IDEA, CORRECTED FOR IE5(WIN)'S BOX-MODEL PROBLEM WITH THE TAN HACK */
/* VISIT www.cssplay.co.uk FOR STU NICHOLLS STUFF*/
/* VISIT www.positioniseverything.net FOR MORE ON DEFEATING CSS BROWSER QUIRKS */
 
/* common styling */
.menu {
  position:relative;
  margin:0px auto;
  border:0px solid #AAAAAA;
  padding:0px;
  width:790px;
  height:31px;
  font-family: Bitstream Vera Sans,Arial,sans-serif;
  font-size:11px;
  font-weight:bold;
  z-index:10;
}
.menu ul { margin:0px; border:0px solid #000000; padding:0px; list-style-type: none; z-index:10; }
.menu ul li { float:left; margin-right:0px; position:relative; z-index:10; }

/* these (below) control the menu header bar before clicking or rolling over */ 
.menu ul li a, .menu ul li a:visited {
  display:block;
  margin:0px;
  border-width:0px 1px 1px 1px;
  border-style:solid;
  border-color:#BBBBBB;
  padding:0px;
  width:156px;
  height:30px;
  text-decoration:none;
  text-align:center;
  background:#DDDDDD;
  color:#666666;
  line-height:30px;
  font-size:11px;
  overflow:hidden;
}
/* Tan hack for IE */
* html .menu ul li a, * html .menu ul li a:visited {
  width:158px; w\idth:156px;
  height:31px; he\ight:30px;
}
/* end tan hack */

.menu ul li ul { display:none; z-index:10; }

 
/* specific to non IE browsers */
/* hovering over menu header*/
.menu ul li:hover a { background:#333333; color:#DDDDDD; }
/* actual drop-downs */
.menu ul li:hover ul { display:block; position:absolute; top:31px; left:0px; width:156px; }
.menu ul li:hover ul li a.hide { background:#EEEEEE; color:#777777; }
.menu ul li:hover ul li:hover a.hide { background:#444444; color:#EEEEEE; }
/* drop-down entries */
.menu ul li:hover ul li a { display:block; height:20px; line-height:20px; background:#EEEEEE; color:#777777; z-index:10; }
.menu ul li:hover ul li a:hover { background:#666666; color:#DDDDDD; z-index:10; }