﻿#nav {padding-left:10px; padding-right:10px;float:left;width:960px; height:27px; padding-top:10px;position:relative; background:#fff url(../images/nav-bg.png) 10px bottom no-repeat; z-index:50; }

#nav a
{
    margin:0px;
    padding:0px;
	text-decoration:none;
}

.menu {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;font-size:11px;}

.menu li.top {display:block; float:left;}
.menu li.current {display:block; float:left;}

.menu li a.pos1 {width:146px; background:url(../images/savings-off.png) no-repeat; height:25px; display:block; text-indent:-99999px;} 
.menu li a.pos2 {width:63px; background:url(../images/loans-off.png) no-repeat; height:25px; display:block;text-indent:-99999px;} 
.menu li a.pos3 {width:176px; background:url(../images/insurance-off.png) no-repeat; height:25px; display:block;text-indent:-99999px;} 
.menu li a.pos4 {width:144px; background:url(../images/services-off.png) no-repeat; height:25px; display:block;text-indent:-99999px;} 
.menu li a.pos5 {width:102px; background:url(../images/membership-off.png) no-repeat; height:25px; display:block;text-indent:-99999px;} 
.menu li a.pos6 {width:132px; background:url(../images/education-off.png) no-repeat; height:25px; display:block;text-indent:-99999px;} 
.menu li a.pos7 {width:84px; background:url(../images/about-off.png) no-repeat; height:25px; display:block;text-indent:-99999px;} 


.menu li.p1 {width:146px; height:25px; display:block;background:url(../images/savings-on.png) no-repeat;text-indent:-99999px;}
.menu li.p2 {width:63px; height:25px; display:block;background:url(../images/loans-on.png) no-repeat;text-indent:-99999px;}
.menu li.p3 {width:176px; height:25px; display:block;background:url(../images/insurance-on.png) no-repeat;text-indent:-99999px;}
.menu li.p4 {width:144px; height:25px; display:block;background:url(../images/services-on.png) no-repeat;text-indent:-99999px;}
.menu li.p5 {width:102px; height:25px; display:block;background:url(../images/membership-on.png) no-repeat;text-indent:-99999px;}
.menu li.p6 {width:132px; height:25px; display:block;background:url(../images/education-on.png) no-repeat;text-indent:-99999px;}
.menu li.p7 {width:84px; height:25px; display:block;background:url(../images/about-on.png) no-repeat;text-indent:-99999px;}

.menu li.current a.pos1,
.menu li.current a.pos1:hover {background:url(../images/savings-on.png) no-repeat;width:146px; height:25px;} 
.menu li.current a.pos2,
.menu li.current a.pos2:hover {background:url(../images/loans-on.png) no-repeat;width:63px; height:25px; } 
.menu li.current a.pos3,
.menu li.current a.pos3:hover {background:url(../images/insurance-on.png) no-repeat;width:176px; height:25px; } 
.menu li.current a.pos4,
.menu li.current a.pos4:hover {background:url(../images/services-on.png) no-repeat;width:144px; height:25px;} 
.menu li.current a.pos5,
.menu li.current a.pos5:hover {background:url(../images/membership-on.png) no-repeat;width:102px; height:25px;} 
.menu li.current a.pos6,
.menu li.current a.pos6:hover {background:url(../images/education-on.png) no-repeat;width:132px; height:25px;} 
.menu li.current a.pos7,
.menu li.current a.pos7:hover {background:url(../images/about-on.png) no-repeat;width:84px; height:25px;} 

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;left:0px;}

.menu li a.top_link:hover {background:transparent;} 
.menu li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul {left:0px; top:25px; width:210px; white-space:nowrap;  height:auto;z-index:300;border-left:1px solid #d4d6d5; border-right:1px solid #d4d6d5;}
.menu :hover ul li {display:block; position:relative; float:left; width:210px;text-indent:8px;}
.menu :hover ul li a {background:#ededed;color:#0670ca; display:block; font-family:arial; font-size:12px; height:23px; font-weight:bold; line-height:23px; text-align:left;text-decoration:none;width:210px;border-bottom:1px solid #d4d6d5;}
.menu :hover ul li a:hover { background:#fff;color:#003876;font-family:arial; font-size:12px; font-weight:bold;width:210px;}

#profilemenu ul ul
{
	/* Rule is applied to nested submenus. Hidden included in-case */
	/* Javascript is not supported and hidden submenus are made visible. */
	/* Typical parent element: (not applicable) */
    display:none; /* prevents bottom border from accumulating, with each level of nesting */
}
