@charset "utf-8";
/* CSS Document */
ul.menu{ padding:0; margin:0; height:44px; width:980px;}
ul.menu li{list-style:none; float:left; margin:0; padding:0;position:relative;}
ul.menu ul{visibility:hidden;position:absolute;height:0;top:50px;left:0; width:200px;border-top:1px solid #000000;t\op:44px;}
ul.menu ul li{clear:both; width:250px; height:30px; background-color:#666666; border-bottom:1px solid #000000; padding-top:6px; border:1px solid #000000; border-top:0}
/** html ul.menu ul ul {top:30px;t\op:31px;}*/


/* style the second level links */
ul.menu ul a, ul.menu ul a:visited { color:#000; height:auto; line-height:1em; padding:10px 10px; border-width:0 1px 1px 1px; text-decoration:none; font-family:arial; font-size:13px; color:#FFFFFF;}
/* yet another hack for IE5.5 */
/** html ul.menu ul a, * html ul.menu ul a:visited {width:150px;w\idth:128px;}*/

/* style the top level hover */
ul.menu a:hover, ul.menu ul a:hover{color:#000;}
ul.menu :hover > a, ul.menu ul :hover > a {color:#000;}

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