/* common styling */
.menu {font-family: arial, sans-serif; width:129px; height:150px; position:relative; margin:0px; font-size:12px; text-align: center; vertical-align: middle;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:129px; height:19px; text-align: center; vertical-align: middle; border:0px; line-height:18px; font-size:11px; background-color: transparent;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative; text-decoration: none;height:19px;}
.menu ul li ul {display: none;}
.menu ul li:hover {width:221px; }

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#59351e;}
.menu ul li:hover ul {display:block; position:absolute; border: 1px solid #f5bf8a; top:0; left:129px; width:220px; z-index: 10000; }
.menu ul li:hover ul li a {display:block; background:#59351e; color:#f5bf8a; width:220px; height:19px; line-height:18px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000; height:19px}