*{margin:0;padding:0}body{font:14px Helvetica,Sans-Serif}#page-wrap{margin:25px auto;width:800px}a{text-decoration:none}ul{list-style:none}p{margin:15px 0}ul.dropdown{cursor:pointer;display:none;position:relative}ul.dropdown li{background:#ccc;float:left;font-weight:bold;zoom:1}ul.dropdown a:hover{color:#000}ul.dropdown a:active{color:#ffa500}ul.dropdown li a{border-right:1px solid #333;color:#222;display:block;padding:4px 8px}ul.dropdown li:last-child a{border-right:none}ul.dropdown li.hover,ul.dropdown li:hover{background:#f3d673;color:#000;position:relative}ul.dropdown li.hover a{color:#000}ul.dropdown ul{left:0;position:absolute;top:100%;visibility:hidden;width:220px}ul.dropdown ul li{background:#f6f6f6;border-bottom:1px solid #ccc;color:#000;float:none;font-weight:normal}ul.dropdown ul li a{border-right:none;display:inline-block;width:100%}ul.dropdown ul ul{left:100%;top:0}ul.dropdown li:hover>ul{visibility:visible}