/******************************
   Left Hand Menu
******************************/
.menu {font-family: verdana; top:15px; position:relative; margin:0; font-size:10px; padding-left:5px;}
.menu ul {padding:0; margin:0; list-style-type: none; }

/* base level */
.menu ul li a, .menu ul li a:visited {position:relative; display:block; text-decoration:none; left:5px; color:#fff; width:148px; height:22px; line-height:22px; font-size:10px; text-indent:14px; }
.menu ul li a.menuselected, .menu ul li a.menuselected:visited {position:relative; display:block; text-decoration:none; color:yellow; width:148px; height:22px; line-height:22px; font-size:10px; text-indent:2px; }
.menu ul li a.menuselectedhide, .menu ul li a.menuselectedhide:visited {position:relative; display:block; text-decoration:none; color:yellow; width:148px; height:22px; line-height:22px; font-size:10px; text-indent:2px;}

.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 {color:yellow; background:#538FFF; }
.menu ul li:hover ul {display:block; position:absolute; top:0; left:148px; width:160px; }
.menu ul li:hover ul li a.menuselectedhide {background:#00318D; color:#fff;}
.menu ul li:hover ul li a.hide {background:#00318D; color:#fff;}
.menu ul li:hover ul li:hover a.menuselectedhide {width:160px;}
.menu ul li:hover ul li:hover a.hide {width:160px; }
.menu ul li:hover ul li ul {display: none;}
/* 1st Level level */
.menu ul li:hover ul li a {display:block; background:#00318D; color:#fff; width:180px;}
.menu ul li:hover ul li a:hover {background:#538FFF; color:yellow;}
/* 1st Level level */
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:180px; top:0; color:#fff;}
.menu ul li:hover ul li:hover ul li a {display:block; width:160px; background:#00318D; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#538FFF; color:yellow;}