#menu {position:relative; margin:0; padding:18px 0 0 10px; z-index:100;float:left;}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left;}

#menu ul li div.holder {position:absolute; top:0; left:-9999px; width:255px;}

#menu ul li div .leftSide {float:left;}
#menu ul li div .rightSide {float:left; margin:0; padding:0; display:inline;}

/*#menu ul li:hover {position:relative;}
#menu ul li a:hover {white-space:nowrap; position:relative;}*/
#menu ul li a.sub:hover {color:#910; white-space:nowrap; position:relative;}

/*#menu ul li:hover > a {color:#910; position:relative;}*/
#menu ul li:hover a.sub {color:#910; white-space:nowrap; position:relative;}
#menu ul li:hover a.sub > b {color:#910; background-position:left bottom;}


#menu ul li a.checkingsavings { white-space:nowrap; position:relative; text-decoration:none; width:165px; height:33px; line-height:33px; display:block; margin:0; padding:0; cursor:pointer;}
#menu ul li a.checkingsavings:hover {white-space:nowrap; position:relative; background-position:0 -33px;}

#menu ul li a.loanscredit { white-space:nowrap; position:relative; text-decoration:none; width:128px; height:33px; line-height:33px; display:block; margin:0; padding:0;}
#menu ul li a.loanscredit:hover {white-space:nowrap; position:relative; background-position:0 -33px;}

#menu ul li a.servicesbenefits { white-space:nowrap; position:relative; text-decoration:none; width:141px; height:33px; line-height:33px; display:block; margin:0; padding:0;}
#menu ul li a.servicesbenefits:hover {white-space:nowrap; position:relative; background-position:0 -33px;}

#menu ul li a.eservices { white-space:nowrap; position:relative; text-decoration:none; width:120px; height:33px; line-height:33px; display:block; margin:0; padding:0;}
#menu ul li a.eservices:hover {white-space:nowrap; position:relative; background-position:0 -33px;}

#menu ul li a.resources { white-space:nowrap; position:relative; text-decoration:none; width:120px; height:33px; line-height:33px; display:block; margin:0; padding:0;}
#menu ul li a.resources:hover {white-space:nowrap; position:relative; background-position:0 -33px;}

#menu ul li a.businessservices { white-space:nowrap; position:relative; text-decoration:none; width:145px; height:33px; line-height:33px; display:block; margin:0; padding:0;}
#menu ul li a.businessservices:hover {white-space:nowrap; position:relative; background-position:0 -33px;}

#menu ul li a.aboutus { white-space:nowrap; position:relative; text-decoration:none; width:121px; height:33px; line-height:33px; display:block; margin:0; padding:0;}
#menu ul li a.aboutus:hover {white-space:nowrap; position:relative; background-position:0 -33px;}


#menu ul :hover div.holder {position:absolute; top:0px; left:0px; margin:0; padding: 0;}

#menu ul li.right a:hover div.holder {left:auto; right:0px; top:0px;}
#menu ul li.right:hover div.holder {left:0px; right:0px; top:0px;}

#menu ul li.right-checkingsavings{ background:url(../images/btn-checkingsavings.png) no-repeat; background-position:0 0px; position:relative; cursor:pointer;}
#menu ul li.right-checkingsavings:hover{ background-position:0 -33px; position:relative;}
#menu ul li.right-checkingsavings a:hover div.holder {left:0px; right:0px; top:20px; }
#menu ul li.right-checkingsavings:hover div.holder {left:0px; right:0px; top:20px;}

#menu ul li.right-loanscredit{ background:url(../images/btn-loancredit.png) no-repeat; background-position:0 0px; position:relative; cursor:pointer;}
#menu ul li.right-loanscredit:hover{ background-position:0 -33px; position:relative;}
#menu ul li.right-loanscredit a:hover div.holder {left:0px; right:0px; top:20px; }
#menu ul li.right-loanscredit:hover div.holder {left:0px; right:0px; top:20px;}

#menu ul li.right-servicesbenefits{ background:url(../images/btn-servicesbenefits.png) no-repeat; background-position:0 0px; position:relative; cursor:pointer;}
#menu ul li.right-servicesbenefits:hover{ background-position:0 -33px; position:relative;}
#menu ul li.right-servicesbenefits a:hover div.holder {left:0px; right:0px; top:20px; }
#menu ul li.right-servicesbenefits:hover div.holder {left:0px; right:0px; top:20px;}

#menu ul li.right-eservices{ background:url(../images/btn-eservices.png) no-repeat; background-position:0 0px; position:relative; cursor:pointer;}
#menu ul li.right-eservices:hover{ background-position:0 -33px; position:relative;}
#menu ul li.right-eservices a:hover div.holder {left:0px; right:0px; top:20px; }
#menu ul li.right-eservices:hover div.holder {left:0px; right:0px; top:20px;}

#menu ul li.right-resources{ background:url(../images/btn-resoucres.png) no-repeat; background-position:0 0px; position:relative; cursor:pointer;}
#menu ul li.right-resources:hover{ background-position:0 -33px; position:relative;}
#menu ul li.right-resources a:hover div.holder {left:0px; right:0px; top:20px; }
#menu ul li.right-resources:hover div.holder {left:0px; right:0px; top:20px;}

#menu ul li.right-businessservices{ background:url(../images/btn-businesservices.png) no-repeat; background-position:0 0px; position:relative; cursor:pointer;}
#menu ul li.right-businessservices:hover{ background-position:0 -33px; position:relative;}
#menu ul li.right-businessservices a:hover div.holder {left:0px; right:0px; top:20px; }
#menu ul li.right-businessservices:hover div.holder {left:0px; right:0px; top:20px;}

#menu ul li.right-aboutus{ background:url(../images/btn-aboutus.png) no-repeat; background-position:0 0px; position:relative; cursor:pointer;}
#menu ul li.right-aboutus:hover{ background-position:0 -33px; position:relative;}
#menu ul li.right-aboutus a:hover div.holder {left:-134px; right:0px; top:20px; }
#menu ul li.right-aboutus:hover div.holder {left:-134px; right:0px; top:20px;}
.allnav { margin:0; padding:13px 0 0 0; width:255px; }
.allnav ul{ margin:0; padding:0; list-style:none; }
.allnav ul li{ margin:0; padding:0; list-style:none; }
.allnav ul li a{ margin:0; padding:0 10px; display:block; color:#FFFFFF; font-size:14px; font-weight:normal; text-decoration:none; width:235px; background:#000066; height:23px; line-height:23px;
}
.allnav ul li a:hover{ text-decoration:none; color:#0066FF; background:#FFF; }
.allnav ul  ul{ margin:0; padding:0; list-style:none; }
.allnav ul ul li{ margin:0; padding:0; list-style:none; }
.allnav ul ul li a{ margin:0; padding:0 17px 0 27px; display:block; color:#FFCC66; font-size:12px; font-weight:normal; text-decoration:none; width:211px; ackground:#000066; height:23px; line-height:23px;  }
.allnav ul ul li a:hover{ text-decoration:none; color:#0066FF; background:#FFF;}
.allnav table td {vertical-align:top;}