/*  index-leftnav2*/

.menuSideLeft {font-family: verdana, arial, sans-serif; width:108px; height:250px; position:relative;  font-size:11px; margin: 10px 6px 15px 6px;  font-weight: bolder; }
/* main menu */
.menuSideLeft ul li a, .menuSideLeft ul li a:visited {display:block; text-decoration:none;  color:#ffb036; width:104px; height: auto; text-align:center; border:1px solid #397a74; border-width:1px 1px 1px 1px; background:#235E5C; line-height:19px; font-size:11px;}
.menuSideLeft ul {padding:0; margin:0;list-style-type: none; }
.menuSideLeft ul li {float:left; margin-right:1px; position:relative; list-style-type: none; }/* i added list style type to make it work in FF */
.menuSideLeft ul li ul {display: none;}

/* specific to non IE browsers */
.menuSideLeft ul li:hover a {color:#FFCE86;background:#658A86;} /* main menu hover */
.menuSideLeft ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menuSideLeft ul li:hover ul li a.hide {background:#235E5C; color:#ffb036;} /* fly out button menu 1 extend to menu 2 */
.menuSideLeft ul li:hover ul li:hover a.hide {width:150px;}
.menuSideLeft ul li:hover ul li ul {display: none;}
/* fly out menu 1 */
.menuSideLeft ul li:hover ul li a {display:block; background:#235e5c; color:#ffb036; width:150px;}
.menuSideLeft ul li:hover ul li a:hover {background:#658A86; color:#ffce86; } /* fly out menu 1 hover */
.menuSideLeft ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
/* fly out menu 2 */
.menuSideLeft ul li:hover ul li:hover ul li a {display:block; width:200px; background:#235e5c; color:#ffb036;}
.menuSideLeft ul li:hover ul li:hover ul li a:hover {background:#658a86; color:#ffce86;} /*fly out menu 2 hover */