/* Main navigation */
#main_nav {list-style:none; clear:both; width:100%; display:inline; }
#main_nav li {font-size:0.8em; float:left; }
#main_nav a {display:block; width:125px; height:29px; position:relative; margin-top:-13px; }
#main_nav a:hover {background-position:0px -29px; }
#main_nav a.active {background-position:left bottom; }

li.nav-one {padding-left:4px;}
#main_nav li.nav-one a {width:124px; }
li.nav-one a {background:url(../images/navigation/nav_home.png) left top no-repeat; }
li.nav-two a {background:url(../images/navigation/nav_savers.png) left top no-repeat; }
li.nav-three a {background:url(../images/navigation/nav_guidance.png) left top no-repeat; }
li.nav-four a {background:url(../images/navigation/nav_students.png) left top no-repeat; }


/* sub main navigation styles */
#sub_nav {clear:both;position:relative; z-index:0; width:734px; overflow:hidden; list-style:none; margin:0 0 0 4px; padding:3px 0 0 13px; background:#66c16a url("../images/navigation/sub-nav/subnav_bg.gif") left top repeat-x; }
#sub_nav li {float:left; margin-right:6px; }
#sub_nav li a {margin:2px 9px 4px 10px; display:block; color:#fff; text-decoration:none; }
#sub_nav li a:hover {color:#000; }

#sub_nav li.sub_nav_selected {margin:0 4px; }
#sub_nav li.sub_nav_selected a {color:#000; margin-left:3px; margin-right:3px; cursor:default; float:left; }
.sub_nav_selected  {background:#fff; /* T */ }
.sub_nav_selected span {float:left; display:block; }

.sub_nav_selected_left {width:5px; height:21px; background:url(../images/navigation/sub-nav/subnav_on_left.gif) no-repeat; }
.sub_nav_selected_right {width:5px; height:21px; background: url(../images/navigation/sub-nav/subnav_on_right.gif) no-repeat; }