/*

Copyright (c) Loyola University New Orleans

FILE DESCRIPTION:
Styling info for the main nav bar, which appears on the homepage and other sections that are not college/department-specific.

LAST MODIFIED BY:
Sean

NOTES:
1) This effect works purely via CSS in all browsers that support li:hover (i.e. not IE6).
2) For IE6, we replicate the li:hover via jQuery in ie6.js.
3) If for some reason the user is browsing with IE6 and has JS disabled, they can always just click on the highest level anchor links in the menu and use the resulting jump pages to view the links from the drop downs.

*/

/*========== NAV-BAR V2 ==========*/

#fadehover { background: #fff; display: none; opacity: 0.8; position: absolute; width: 940px; z-index: 4 }

#nav-bar-v2 {
	background: #e8c649 url(http://www.loyno.edu/assets/homepage/images/css/nav/bg-nav-bar.gif) repeat-x center;
	display: block;
	height: 30px;
	overflow: visible;
	width: 940px;
	position: relative;
	z-index: 5;
	margin-top: -1.1em;
	box-shadow: 0px 0px 5px black;
	-moz-box-shadow: 0px 0px 5px black;
	-webkit-box-shadow: 0px 0px 5px black;
}
.loyola-home #nav-bar-v2 {
	margin: 0 30px;
	top: 115px;
}
/* wordpress admin bar */
.admin-bar #nav-bar-v2 {
	top: 180px;
}
#banner {
	margin-bottom: 40px;
}
.loyola-home #banner {
	margin: 0 40px;
}

#nav-bar-v2 ul li {
	background-position: center -30px;
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 30px;
	text-indent: -999em;
}

#nav-bar-v2 ul li a {
	display: block;
	height: auto;
	line-height: 30px;
	outline: 0;
	width: 100%;
}

#nav-about { background-image: url(http://www.loyno.edu/assets/homepage/images/css/nav/nav-bar-about-loyola.gif); width: 163px }
#nav-admissions { background-image: url(http://www.loyno.edu/assets/homepage/images/css/nav/nav-bar-admissions.gif); margin-right: 1px; width: 139px }
#nav-admissions:hover, #nav-admissions.active { margin: 0 0 0 -1px; width: 141px }
#nav-academics { background-image: url(http://www.loyno.edu/assets/homepage/images/css/nav/nav-bar-academics.gif); margin-right: 1px; width: 133px }
#nav-academics:hover, #nav-academics.active { margin: 0 0 0 -1px; width: 135px }
#nav-student-life { background-image: url(http://www.loyno.edu/assets/homepage/images/css/nav/nav-bar-student-life.gif); margin-right: 1px; width: 148px }
#nav-student-life:hover, #nav-student-life.active { margin: 0 0 0 -1px; width: 150px }
#nav-jesuit-identity { background-image: url(http://www.loyno.edu/assets/homepage/images/css/nav/nav-bar-jesuit-identity.gif); margin-right: 1px; width: 167px }
#nav-jesuit-identity:hover, #nav-jesuit-identity.active { margin: 0 0 0 -1px; width: 169px }
#nav-giving-support { background-image: url(http://www.loyno.edu/assets/homepage/images/css/nav/nav-bar-giving-support.gif); margin-left: -1px; width: 187px }

#nav-bar-v2 ul li:hover, #nav-bar-v2 ul li.active {
	background-position: center 0;
	cursor: pointer;
}

#nav-bar-v2 ul li div, #nav-bar-v2 ul li ul li {
	text-indent: 0;
}

#nav-bar-v2 .menu-panel {
	border: none;
	background: url(http://www.loyno.edu/assets/shared/images/navbar/nav-red-bg.jpg) repeat;
	display: none;
	height: 285px;
	left: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	top: 30px;
	width: 940px;
	box-shadow: 0px 3px 5px black;
	-moz-box-shadow: 0px 3px 5px black;
	-webkit-box-shadow: 0px 3px 5px black;
}
#nav-bar-v2 .menu-panel:hover { cursor: default }

/* Nav Graphics */
#nav-bar-v2 .menu-panel-img {
	position: absolute;
	left: 0;
	top: 0;
	height: 225px;
	padding: 30px 0;
	width: 940px;
}
#nav-bar-v2 #nav-about .menu-panel-img {
	background: url(http://www.loyno.edu/assets/shared/images/navbar/nav-about.jpg) left bottom no-repeat;
}
#nav-bar-v2 #nav-admissions .menu-panel-img {
	background: url(http://www.loyno.edu/assets/shared/images/navbar/nav-admissions.jpg) left bottom no-repeat;
}
#nav-bar-v2 #nav-academics .menu-panel-img {
	background: url(http://www.loyno.edu/assets/shared/images/navbar/nav-academics.jpg) left bottom no-repeat;
}
#nav-bar-v2 #nav-student-life .menu-panel-img {
	background: url(http://www.loyno.edu/assets/shared/images/navbar/nav-life.jpg) left bottom no-repeat;
}
#nav-bar-v2 #nav-jesuit-identity .menu-panel-img {
	background: url(http://www.loyno.edu/assets/shared/images/navbar/nav-jesuit.jpg) left bottom no-repeat;
}
#nav-bar-v2 #nav-giving-support .menu-panel-img {
	background: url(http://www.loyno.edu/assets/shared/images/navbar/nav-giving.jpg) left bottom no-repeat;
}


body #nav-bar-v2 .group { float: left; margin: 0 0 0 20px; width: 159px; }
body #nav-bar-v2 .col2 { width: 338px; }
body #nav-bar-v2 .group-title { border-bottom: 2px #8b4c4c solid; color: #f5d072; font: 800 14px/17px Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 4px 0; width: auto; }
body #nav-bar-v2 .group-list { width: 157px; margin-right: 2px; }
body #nav-bar-v2 .group .left { float: left; }
body #nav-bar-v2 .group .right { float: right; }
body #nav-bar-v2 .group a { border-bottom: 1px #8b4c4c dotted; color: #fff; display: block; font: 100 12px/14px Arial, Helvetica, sans-serif; padding: 5px 0 5px 2px; text-decoration: none; }
body #nav-bar-v2 .group a.light { color: #ae6f6d; }
body #nav-bar-v2 .group a:hover { background: #200; }
body #nav-bar-v2 .promo, body #nav-bar-v2 .promo .group-list { width: 180px; }
body #nav-bar-v2 .group a.highlight-1 { color: #fff; font-weight: bold; font: 15px Arial, Helvetica, sans-serif }
body #nav-bar-v2 .group a.highlight-2 { font: italic 100 14px/19px Arial, Helvetica, sans-serif }
body #nav-bar-v2 .group .graphic, body #nav-bar-v2 .group .graphic:hover { background: none; }

/* body #nav-bar-v2 .give-now { margin-top: -15px; margin-right: 16px; width: 342px; } */

#nav-bar-v2 a.close-panel { background: url(http://www.loyno.edu/assets/homepage/images/css/nav/bg-close-panel-button.png) no-repeat 0 0; height: 25px; outline: 0; position: absolute; right: 0; text-indent: -999em; top: 0; width: 25px }
#nav-bar-v2 a.close-panel:hover { background-position: -25px 0; cursor: pointer }



/*========== NAV-BAR V2 to V1 bridge styling ==========*/

/* #nav-bar-v2 { margin: 0; position: relative; top: 0 } */
#nav-bar-v2 ul { margin: 0; padding: 0; }
#banner { z-index: 5; }
#wrapper #header { position: relative; z-index: 5 }