#nav {padding:0; margin:0; list-style:none; height:32px; position:absolute; z-index:200; font-family:arial, verdana, sans-serif; width:508px; height:43px; left:450px; top:50px; outline: none;}



#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:32px; width:169px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}


#nav li a.nav_saving {background:url(../images/nav/hdr_college.png);}
#nav li a.nav_529 {background:url(../images/nav/hdr_529.png); width:150px;}
#nav li a.aboutus {background:url(../images/nav/hdr_about.png); width:132px;}
#nav li:hover a, #nav a:hover {background-position: 0 32px;}
#nav li a.current {background-position: 0 32px;} 



/* nav subs positioning */
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0px;}
#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; margin-top: -3px; padding:0; list-style:none;}
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

/* nav subs colors border, etc */
#nav :hover ul.sub  {left:0; top:32px; /*background: #edb;*/ width:169px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:27px; position:relative; float:left; width:169px; font-weight:normal;}
#nav :hover ul.sub li a {display:block; height:100%; width:100%; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul#savingsSub, #nav :hover ul#savingsSub li { width: 150px }
#nav :hover ul#aboutSub, #nav :hover ul#aboutSub li { width: 132px }

/* classes for individual sub items */
#nav :hover ul li a.collegeStarted {background:url(../images/nav/sub_college-started.png);}
#nav :hover ul li a.collegeStrategies {background:url(../images/nav/sub_college-strategies.png);}
#nav :hover ul li a.start_plan {background:url(../images/nav/sub_529-plan.png);}
#nav :hover ul li a.basics {background:url(../images/nav/sub_529-basics.png);}
#nav :hover ul li a.advantages {background:url(../images/nav/sub_529-advantages.png);}
#nav :hover ul li a.answers {background:url(../images/nav/sub_529-answers.png);}
#nav :hover ul li a.specialist {background:url(../images/nav/sub_about-specials.png);}
#nav :hover ul li a.approach {background:url(../images/nav/sub_about-approach.png);}
#nav :hover ul li a.mission {background:url(../images/nav/sub_about-mission.png);}
#nav :hover ul li a.jobs {background:url(../images/nav/sub_about-jobs.png);}
#nav :hover ul li a.investing {background:url(../images/nav/sub_about-investing.png);}
#nav :hover ul li a.retirement {background:url(../images/nav/sub_about-ira.png);}


#nav :hover ul#aboutSub li.last > ul{
	
	visibility: hidden;

}

#nav :hover ul#aboutSub li.last:hover > ul{
	position:absolute;
	visibility: visible;
	 left: 91px;    /* To align to the right, comment the line below and uncomment this line.*/
	 /* left: -161px; /*Aligns to the left */
}



/* hover and current states for subs */
#nav :hover ul.sub li a:hover {background-position: 0 27px; position:relative;}
#nav :hover ul.sub li#currentSub a {background-position: 0 40px; position:relative;}

/* last items of different height */
#nav :hover ul.sub li.last { height: 27px }
#nav :hover ul.sub li.last a:hover {background-position: 0 27px; position:relative;}
/*#nav :hover ul.sub li.last a {background-position: 0 52px; position:relative;}*/

#nav :hover ul#collegeSub li.last { height: 27px }
#nav :hover ul#collegeSub li.last a:hover { background-position: 0 27px; }
#nav :hover ul#savingsSub li.last { height: 27px }
#nav :hover ul#savingsSub li.last a:hover { background-position: 0 27px; }
#nav :hover ul#aboutSub li.last { height: 27px }
#nav :hover ul#aboutSub li.last a:hover { background-position: 0 27px; }

a{outline: none;}