=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:106px; height:200px; position:relative; margin:0; font-size:12px; padding-top:20px; margin:0px; border:0px;}
.menu ul {padding:0; margin-top:0; border:0px; list-style-type:none;}
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li a, .menu ul li a:visited {font-family: verdana, tahoma; font-weight:bold; display:block; text-decoration:none; color:#768218; width:104px; text-align:left; border-width:0px 0px 0 0; line-height:30px; font-size:11px; width:170px; padding:0px 0px 0px 30px; margin:0px 0px 0px 2px;}

.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#94a22e;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:200px; width:105px;}
.menu ul li:hover ul li a.hide {background:#fdf1c5; color:#768218;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {font-size: 11px; font-weight:bold; display:block; background:#94a22e; color:#07c881c; width:210px;border:1px solid #ffffff; border-width: 0px 1px 1px 1px;}
.menu ul li:hover ul li a:hover {background:#fae28c; color:#768218;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#f6cd3b;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#f6cd3b;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}