/* ########## MSAE Navigation CSS ########## */
/* ########## Alek Lisefski ########## */

/* Main Nav */

#mainNav {
	margin: 0 0 0 95px;
	padding: 5px 0 0 0;
	float: left;
	display: inline;
}

#mainNav li {
	display: inline;
	float: left;
	height: 31px;
	line-height: 31px;
	font-size: 0px;
	margin: 0;
	text-indent: -5000px;
	padding: 0;
	background: transparent;
}

#mainNav a,
#mainNav a:visited {
	display: block; 
	height: 31px;
	line-height: 31px;
	font-size: 0px;
	text-indent: -5000px;
	padding: 0;
	border: 0;
}


#mainNav a:hover {
	text-decoration: none ;
	background-position: 0px -31px;
	border: 0;
}


#about a,
#about a:visited {
	width: 88px;
	background: url(/media/nav_about.gif) no-repeat;
}

#admissions a,
#admissions a:visited {
	width: 98px;
	background: url(/media/nav_admissions.gif) no-repeat;
}

#academics a,
#academics a:visited {
	width: 96px;
	background: url(/media/nav_academics.gif) no-repeat;
}

#approach a,
#approach a:visited {
	width: 111px;
	background: url(/media/nav_approach.gif) no-repeat;
}

#student a,
#student a:visited {
	width: 104px;
	background: url(/media/nav_student.gif) no-repeat;
}

#community a,
#community a:visited {
	width: 100px;
	background: url(/media/nav_community.gif) no-repeat;
}

#contact a,
#contact a:visited {
	width: 98px;
	background: url(/media/nav_contact.gif) no-repeat;
}


/* Main Nav styles */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#mainNav {position:relative; z-index:500;}
#mainNav li.top {}
#mainNav li.top a.top_link {cursor:pointer;}
#mainNav li a span {}
#mainNav li a.top_link span.down {}
#mainNav li a.top_link:hover {background-position: left -31px;}
#mainNav li a.top_link:hover span {background-position: left -31px;}
#mainNav li a.top_link:hover span.down {background-position: left -31px;}
#mainNav li:hover > a.top_link {color:#fff; background-position: left -31px;}
#mainNav li:hover > a.top_link span {color:#fff; background-position: left -31px;}
#mainNav li:hover > a.top_link span.down {color:#fff; background-position: left -31px;}
#mainNav li:hover > a.top_link.current {color:#fff; background-position: left -31px;}


/* Default list styling */
#mainNav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#mainNav ul, 
#mainNav li:hover ul ul,
#mainNav li:hover ul li:hover ul ul,
#mainNav li:hover ul li:hover ul li:hover ul ul,
#mainNav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#mainNav li:hover ul.sub
{left:0; top:31px; background: #5a8e1a; padding:5px 0; white-space:nowrap; width:200px; height:auto; z-index:300; border-right: 1px solid #3c5426; border-bottom: 1px solid #3c5426; border-top: 0}
#mainNav li:hover ul.sub li
{display:block; height:24px; position:relative; float:left; width:125px; font-weight:normal; padding:0;margin:0;background:transparent;}
#mainNav li:hover ul.sub li a
{display:block; font-size:11px; font-family: arial, sans-serif; font-weight:normal; width:200px; line-height:24px; text-indent:18px; color:#fff; text-decoration:none;padding:0;background:transparent;height: auto;}

#mainNav li:hover ul#admissionsDrop,
#mainNav li:hover ul#admissionsDrop li,
#mainNav li:hover ul#admissionsDrop li a
{width: 210px}

#mainNav li ul.sub li a.fly {
	background:#5a8e1a url(/media/arrow.gif) 185px 8px no-repeat;
}
#mainNav li:hover ul.sub li a:hover {
	background:#72a12e; color:#fff;
}

#mainNav li:hover ul.sub li a.fly:hover {
	background:#72a12e url(/media/arrow_over.gif) 185px 8px no-repeat; color:#fff;
}

#mainNav li:hover ul li:hover > a.fly {
	background:#72a12e url(/media/arrow_over.gif) 185px 8px no-repeat; color:#fff;
} 

/* IDs to apply "flyout" to */
#mainNav li ul.sub li#nav_sub_8 a,
#mainNav li ul.sub li#nav_sub_97 a,
#mainNav li ul.sub li#nav_sub_13 a,
#mainNav li ul.sub li#nav_sub_44 a,
#mainNav li ul.sub li#nav_sub_49 a,
#mainNav li ul.sub li#nav_sub_438 a   {
	background:#5a8e1a url(/media/arrow.gif) 185px 8px no-repeat;
}
#mainNav li:hover ul.sub li#nav_sub_8 a:hover,
#mainNav li:hover ul.sub li#nav_sub_97 a:hover,
#mainNav li:hover ul.sub li#nav_sub_13 a:hover,
#mainNav li:hover ul.sub li#nav_sub_44 a:hover,
#mainNav li:hover ul.sub li#nav_sub_49 a:hover,
#mainNav li:hover ul.sub li#nav_sub_438 a:hover  {
	background:#72a12e url(/media/arrow_over.gif) 185px 8px no-repeat; color:#fff;
}
#mainNav li:hover ul li#nav_sub_8:hover > a,
#mainNav li:hover ul li#nav_sub_97:hover > a,
#mainNav li:hover ul li#nav_sub_13:hover > a,
#mainNav li:hover ul li#nav_sub_44:hover > a,
#mainNav li:hover ul li#nav_sub_49:hover > a,
#mainNav li:hover ul li#nav_sub_438:hover > a {
	background:#72a12e url(/media/arrow_over.gif) 185px 8px no-repeat; color:#fff;
} 
#mainNav li:hover ul li#nav_sub_8:hover li a,
#mainNav li:hover ul li#nav_sub_97:hover li a,
#mainNav li:hover ul li#nav_sub_13:hover li a,
#mainNav li:hover ul li#nav_sub_44:hover li a,
#mainNav li:hover ul li#nav_sub_49:hover li a,
#mainNav li:hover ul li#nav_sub_438:hover li a {
	background:#4f8014;
}
#mainNav li:hover ul li#nav_sub_8:hover li a:hover,
#mainNav li:hover ul li#nav_sub_97:hover li a:hover,
#mainNav li:hover ul li#nav_sub_13:hover li a:hover,
#mainNav li:hover ul li#nav_sub_44:hover li a:hover,
#mainNav li:hover ul li#nav_sub_49:hover li a:hover,
#mainNav li:hover ul li#nav_sub_438:hover li a:hover {
	background:#72a12e;
}

#mainNav li:hover ul li:hover ul,
#mainNav li:hover ul li:hover ul li:hover ul,
#mainNav li:hover ul li:hover ul li:hover ul li:hover ul,
#mainNav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:200px; top:-5px; background:#4f8014; padding: 5px 0; border: 1px solid #3c5426; border-left: 0; border-top: 0; white-space:nowrap; width:200px; z-index:400; height:auto;}


/* Sub Nav */

#subNav {
	margin: 0 0 5px 0;
	padding: 0 11px 0 10px;
	float: none;
}

#subNav li {
	display: block;
	font: normal 12px arial;
	line-height: 16px;
	margin: 0;
	padding: 1px 0;
	background: transparent;
	border-bottom: 1px solid #e3ebd4;
}

#subNav li.clean,
#subNav li.last,
#subNav li:last-of-type
#subNav #last {
	border-bottom: 0;
}

#subNav a,
#subNav a:visited {	
	padding: 7px 10px;
	font: normal 12px arial;
	display: block;
	width: 162px;
}


#subNav a:hover {
	background: #f5ce42;
	color: #000
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#subNav {position:relative; z-index:500;}

/* Default list styling */
#subNav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#subNav ul, 
#subNav li:hover ul ul,
#subNav li:hover ul li:hover ul ul,
#subNav li:hover ul li:hover ul li:hover ul ul,
#subNav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#subNav li a.fly {background: url(/media/arrow.gif) 172px 11px no-repeat; width: 173px}
#subNav li:hover a:hover  {background: #f5ce42}
#subNav li:hover a.fly:hover {background: #f5ce42 url(/media/arrow_over2.gif) 172px 11px no-repeat;}
#subNav li:hover > a.fly {background: #f5ce42 url(/media/arrow_over2.gif) 172px 11px no-repeat; color: #000} 

/* current page classes */
#subNav li.here a {background: #d5e3ba; color: #000}

/* IDs to apply "flyout" to */
#subNav li#nav_sub_8 a,
#subNav li#nav_sub_97 a,
#subNav li#nav_sub_13 a,
#subNav li#nav_sub_44 a,
#subNav li#nav_sub_49 a,
#subNav li#nav_sub_71 a,
#subNav li#nav_sub_80 a,
#subNav li#nav_sub_84 a, 
#subNav li#nav_sub_404 a,
#subNav li#nav_sub_438 a   {
	background: url(/media/arrow.gif) 172px 11px no-repeat; width: 171px;
}

#subNav li#nav_sub_8.here a,
#subNav li#nav_sub_97.here a,
#subNav li#nav_sub_13.here a,
#subNav li#nav_sub_44.here a,
#subNav li#nav_sub_49.here a,
#subNav li#nav_sub_71.here a,
#subNav li#nav_sub_80.here a,
#subNav li#nav_sub_84.here a,
#subNav li#nav_sub_404.here a,
#subNav li#nav_sub_438.here a  {
	background: #d5e3ba url(/media/arrow.gif) 172px 11px no-repeat; width: 171px;
}

#subNav li#nav_sub_8 a:hover,
#subNav li#nav_sub_97 a:hover,
#subNav li#nav_sub_13 a:hover,
#subNav li#nav_sub_44 a:hover,
#subNav li#nav_sub_49 a:hover,
#subNav li#nav_sub_71 a:hover,
#subNav li#nav_sub_80 a:hover,
#subNav li#nav_sub_84 a:hover,
#subNav li#nav_sub_404 a:hover,
#subNav li#nav_sub_438 a:hover {
	background: #f5ce42 url(/media/arrow_over2.gif) 172px 11px no-repeat; color: #000;
}
#subNav li#nav_sub_8:hover > a,
#subNav li#nav_sub_97:hover > a,
#subNav li#nav_sub_13:hover > a,
#subNav li#nav_sub_44:hover > a,
#subNav li#nav_sub_49:hover > a,
#subNav li#nav_sub_71:hover > a,
#subNav li#nav_sub_80:hover > a,
#subNav li#nav_sub_84:hover > a,
#subNav li#nav_sub_404:hover > a,
#subNav li#nav_sub_438:hover > a {
	background: #f5ce42 url(/media/arrow_over2.gif) 172px 11px no-repeat; color: #000;
} 
#subNav li#nav_sub_8:hover li a,
#subNav li#nav_sub_97:hover li a,
#subNav li#nav_sub_13:hover li a,
#subNav li#nav_sub_44:hover li a,
#subNav li#nav_sub_49:hover li a,
#subNav li#nav_sub_71:hover li a,
#subNav li#nav_sub_80:hover li a,
#subNav li#nav_sub_84:hover li a,
#subNav li#nav_sub_404:hover li a,
#subNav li#nav_sub_438:hover li a {
	background:transparent; width: 162px; color: #508c06;  
}

#subNav li#nav_sub_8:hover li.here a,
#subNav li#nav_sub_97:hover li.here a,
#subNav li#nav_sub_13:hover li.here a,
#subNav li#nav_sub_44:hover li.here a,
#subNav li#nav_sub_49:hover li.here a,
#subNav li#nav_sub_71:hover li.here a,
#subNav li#nav_sub_80:hover li.here a,
#subNav li#nav_sub_84:hover li.here a,
#subNav li#nav_sub_404:hover li.here. a,
#subNav li#nav_sub_438:hover li.here. a {
	background: #d5e3ba; width: 162px; color: #000;
}

#subNav li#nav_sub_8:hover li a:hover,
#subNav li#nav_sub_97:hover li a:hover,
#subNav li#nav_sub_13:hover li a:hover,
#subNav li#nav_sub_44:hover li a:hover,
#subNav li#nav_sub_49:hover li a:hover,
#subNav li#nav_sub_71:hover li a:hover,
#subNav li#nav_sub_80:hover li a:hover,
#subNav li#nav_sub_84:hover li a:hover,
#subNav li#nav_sub_404:hover li a:hover,
#subNav li#nav_sub_438:hover li a:hover {
	background:#f5ce42; color: #000;
}

#subNav li:hover ul,
#subNav li:hover ul li:hover ul,
#subNav li:hover ul li:hover ul li:hover ul,
#subNav li:hover ul li:hover ul li:hover ul li:hover ul,
#subNav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:191px; top:-5px; background:#fff; padding: 5px 10px 5px 0; border: 1px solid #cfc2a5; border-left: 0; border-top: 0; white-space:nowrap; width:182px; z-index:400; height:auto;}