/* common styling */
.menu2 {
	font-family: arial, sans-serif;
 /*width:690px;*/
  position:relative;
  margin:0;
   font-size:11px;
   z-index:800;}
.menu2 ul li a, .menu2 ul li a:visited {font-weight: bold;
	display:block; text-decoration:none;
	 color:#000;width:96px; height:20px; text-align:center;
	  color:#fff; border:1px solid #fff;
	   background:#000080; line-height:20px;
	    font-size:11px; overflow:hidden;}
.menu2 ul li pre, .menu2 ul li pre:visited {font-weight: bold;
font-family: arial, sans-serif;
	display:block; text-decoration:none;
	 color:#000;width:96px; height:20px; text-align:center;
	  color:#fff; border:1px solid #fff;
	   background:#000080; line-height:20px;
	    font-size:11px; overflow:hidden;}
.menu2 ul {padding:0; margin:0;list-style-type: none; }
.menu2 ul li {float:left; margin-right:1px; position:relative;}
.menu2 ul li ul {display: none; }
 
/* specific to non IE browsers */
.menu2 ul li:hover a {color:#fff; background:#69f;}
.menu2 ul li.active a {font-weight: bold; color:#000080; background:#69f;}
.menu2 ul li:hover ul {display:block;
 position:absolute; top:21px; left:0; width:97px;}
.menu2 ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu2 ul li:hover ul li:hover a.hide { background:#66E6FF; color:#000;}
.menu2 ul li:hover ul li ul {display: none;}
.menu2 ul li:hover ul li a {font-weight: normal; display:block;
 background:#ddd; color:#000;}
.menu2 ul li:hover ul li a:hover {background:#f0f8ff; color:#000;}
.menu2 ul li:hover ul li:hover ul {display:block; position:absolute; left:96px; top:0;}
.menu2 ul li:hover ul li:hover ul.left {left:-105px;}