/* top nav items */
#headernav .navtop
{
	/* recommended styles */
	list-style: none;
	margin: 0;
	padding: 0;
	float: right; 
	line-height: 0;
}
#headernav .navtop li
{
	float: left;
}
#headernav .navtop li a
{
	display: block;
	text-indent: -9999px;
	height: 24px;
	width: 122px;
	background-position: top center;
	margin: 0 2px 0 0;
}
#headernav .navtop li.last a
{
	display: none;
}
#headernav .navtop li a:hover,
#headernav .navtop li.selected a
{
	text-decoration: none;
	background-position: bottom center;
}

#headernav .navtop li.n_our a
{
	background-image: url(../cmsimages/nav_ourprogram.gif);
}
#headernav .navtop li.n_loc a
{
	background-image: url(../cmsimages/nav_location.gif);
}
#headernav .navtop li.n_adm a
{
	background-image: url(../cmsimages/nav_admission.gif);
}
#headernav .navtop li.n_par a
{
	background-image: url(../cmsimages/nav_parents.gif);
}
#headernav .navtop li.n_sta a
{
	background-image: url(../cmsimages/nav_staff.gif);
}

/* dropdown nav items */
#headernav .navtop li ul
{
	/* recommended styles */
	display: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;

	/* add custom styles here */
	margin-left: -1px;
	background-color: #fff;
}
#headernav .navtop li:hover ul,
#headernav .navtop li.hover ul
{
	/* recommended styles */
	display: block;
}

/* needed for safari if drop down is going over flash
 * without this, the drop down flickers or even becomes invisible
 * when you mouse over it.
 * This is a hack that causes safari to redraw the drop down nav on top of the flash
 */
#headernav .navtop li:hover ul.redraw,
#headernav .navtop li.hover ul.redraw
{
	/* recommended styles */
	border-bottom: 1px hidden transparent;
}

#headernav .navtop li ul li
{
	/* recommended styles */
	float: none;
	position: relative;

	/* add custom styles here */
	border: 1px solid #aaa;
}




/* sub nav styles */
.navsub
{
	list-style: none;
	margin: 8px 0;
}
.navsub li 
{
	padding: 2px 0;
}
.navsub li a
{
	color: #ffffff;
	text-transform: none;
	padding: 0;
}

/*footer nav */
#footernav .navtop
{
	list-style: none;
	margin: 10px 0;
	padding: 0;
	float: left; 
	line-height: 0;
}
#footernav .navtop li
{
	float: left;
}
#footernav .navtop li a
{
	display: block;
	color: #ffffff;
	background-position: top center;
	padding: 0 5px;
	text-decoration: none;
	border-right: 1px solid #ffffff;	
}
#footernav .navtop li.last a
{
	border-right: none;
}
#footernav .navtop li a:hover
{
	text-decoration: none;
	background-position: bottom center;
}