/* ########## MI Navigation CSS ########## */
/* ########## Alek Lisefski ########## */

/* Main Nav */

#mainNav {
width: 856px;
margin: 0;
padding: 0;
}

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


#theInstitute a,
#theInstitute a:visited {
	width: 128px;
	background: url(../media/nav_theInstitute.png) no-repeat 0 0;
}

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

#consciousness a,
#consciousness a:visited {
	width: 138px;
	background: url(../media/nav_consciousness.png) no-repeat 0 0;
}

#ourCampus a,
#ourCampus a:visited {
	width: 115px;
	background: url(../media/nav_ourCampus.png) no-repeat 0 0;
}

#learnAndEarn a,
#learnAndEarn a:visited {
	width: 123px;
	background: url(../media/nav_learnAndEarn.png) no-repeat 0 0;
}

#apply a,
#apply a:visited {
	width: 69px;
	background: url(../media/nav_apply.png) no-repeat 0 0;
}

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

#login a,
#login a:visited {
	width: 84px;
	background: url(../media/nav_login.png) no-repeat 0 0;
}



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

#mainNav li.current a,
#mainNav li.current a:visited {
	background-position: 0 -34px;
}

#mainNav a:hover,
#mainNav li.current a:hover  {
	text-decoration: none ;
	background-position: 0 -34px;
	border: 0;
}



/* 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 -34px;}
#mainNav li a.top_link:hover span {background-position: left -34px;}
#mainNav li a.top_link:hover span.down {background-position: left -34px;}
#mainNav li:hover > a.top_link {color:#fff; background-position: left -34px;}
#mainNav li:hover > a.top_link span {color:#fff; background-position: left -34px;}
#mainNav li:hover > a.top_link span.down {color:#fff; background-position: left -34px;}
#mainNav li:hover > a.top_link.current {color:#fff; background-position: left -34px;}


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

/* 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:29px; background: #1262b5; padding:1px 0 5px 0; white-space:nowrap; width:150px; height:auto; z-index:1; border: 0}
#mainNav li:hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:150px; font-weight:normal; padding:0;margin:0;background:transparent;}
#mainNav li:hover ul.sub li a
{display:block; font-size:12px; font-family: arial, sans-serif; font-weight:normal; width:150px; line-height:30px; 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:#0d488b; 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   {
	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  {
	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 {
	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 {
	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 {
	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;}