/* menu styling */
.menu {font-family: verdana, sans-serif; width: 150px; height:140px; position:absolute; margin-left:10px; font-size:12px; margin:0;}
.menu ul li a, .menu ul li a:visited { z-index: 1; display:block; text-decoration:none; font-weight:bold; color:#954c55; width:70px; text-align:left;line-height:19px; font-size:12px;}
.menu ul {padding-left:10px; margin:0;list-style-type: none; z-index:20;}
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}


/* specific to non IE browsers */
.menu ul li:hover a {font-weight: bold;}
.menu ul li:hover ul {display:block; position:absolute; z-index:50; top:0px; left:50px; width:110px; 
padding-left: 0px; border: 1px dotted #954c55; background:#fff;}
.menu ul li:hover ul li a.hide {background:#fff;  color:#954c55;}
.menu ul li:hover ul li:hover a.hide {width:90px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#fff; color:#954c55; padding-left: 10px;padding-right: 7px; width:93px;}
.menu ul li:hover ul li a:hover { background:#bd8d5e; color:#fff; padding-left: 10px;padding-right: 7px; width:93px;}



.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}