*				{margin: 0; padding: 0;}
body			{font: 62.5% verdana, sans-serif; margin: 30px;}
.menu 		{z-index: 100; width: 760px; position: relative;}
.menu ul		{list-style-type: none;}
.menu ul ul	{width: 150px;}
.menu li		{float: left; width: 150px; position: relative;}
.menu a		{display: block; font-size: 1.1em; line-height: 29px; height: 30px; width: 139px; color: #fff; background: #9acd32; border: 0 solid #fff; border-width: 1px 1px 0 0; padding-left: 10px; text-decoration: none;}
.menu ul ul a.drop				{background: url(arrow-r.png) #c2d698 no-repeat right center;}
.menu ul ul a.drop:hover		{background: url(arrow-r-over.png) #719724 no-repeat right center;}
.menu ul ul :hover > a.drop	{background: url(arrow-r-over.png) #719724 no-repeat right center;}
.menu ul ul ul a					{background: #c2d698;}
.menu ul ul ul a:hover			{background: #719724;}
.menu ul ul							{left: 0px; visibility: hidden; width: 150px; position: absolute; top: 31px; height: 0px;}
* html .menu ul ul				{top: 31px;}
.menu ul ul ul						{left: 150px; width: 150px; top: 0;}
.menu ul ul ul.left				{left: -150px;}
.menu table							{left: 0; position: absolute; top: 0;}
.menu ul ul a						{padding: 5px 10px; background: #c2d698; width: 129px; color: #000; line-height: 1em; height: auto;}
* html .menu ul ul a				{width: 129px;}
.menu a:hover						{background: #719724; color: #fff;}
.menu ul ul a:hover				{background: #719724; color: #fff;}
.menu :hover > a					{background: #719724; color: #fff;}
.menu ul ul :hover > a			{background: #719724; color: #fff;}
.menu ul li:hover ul				{visibility: visible;}
.menu ul a:hover ul				{visibility: visible;}
.menu ul :hover ul ul			{visibility: hidden;}
.menu ul :hover ul :hover ul	{visibility: visible;}