body {
	margin: 0 auto;
	padding: 0;
	font-size: 62.5%;
	background-color: #000000;
    max-width: 1600px;
	font-family: "Open Sans",Arial,Helvetica,sans-serif
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit
}

#header {
	width: 100%;
    max-width: 1600px;
	position: fixed;
	top: 0;
	z-index: 20;
	-o-transition: .75s;
	-ms-transition: .75s;
	-moz-transition: .75s;
	-webkit-transition: .75s;
	transition: .75s
}

.scrollHeader {
	background-color: #FFFFFF;
	box-shadow: 0px 0px 4px 2px #000;
	-webkit-box-shadow: 0px 0px 4px 2px #000;
	-moz-box-shadow: 0px 0px 4px 2px #000
}

#header-top {
	width: 100%; 
	background: #5c7385; 
	background: -moz-linear-gradient(right,  #000000 0%, #5c7385 100%); 
	background: -webkit-linear-gradient(right,  #000000 0%,#5c7385 100%); 
	background: linear-gradient(to left,  #000000 0%,#5c7385 100%);
	position: relative; 
	/* overflow: hidden; */
	height: 34px
}

.nav-down {
	top: 0
}

.nav-up {
	top: -77px
}

#header ul {
	margin: 9px 0 8px 10px;
	padding: 0
}

#header ul li {
	list-style-type: none;
	margin: 0 12px 0 0
}

#header ul li a {
	color: #FFFFFF;
	float: left;
	text-decoration: none;
	font-size: 1.3em;
	font-family: "Open Sans",Arial,Helvetica,sans-serif
}

a.resource-menu, a.search-topheader {
	float: right
}

a.resource-menu {
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	display: inline-block;
	border: 1px solid #FFFFFF;
	padding: 3px 6px 3px 4px;
	text-decoration: none;
	cursor: pointer;
	margin: 4px 10px 0 0
}

a.resource-menu:hover {
	color: #000000;
	background-color: #FFFFFF
}

a.search-topheader {
	display: block;
	width: 24px;
	text-decoration: none; 
	cursor: pointer;
	height: 20px;
	background-image: url('/media/nlu/styleassets/images/2017-redesign/search.svg.png');
	background-repeat: no-repeat;
	background-position: 0 -1px;
	background-size: 18px 19px;
	margin: 10px 8px 0 0
}

.sclick {
	background-image: url('/media/nlu/styleassets/images/2017-redesign/search-up.svg.png');
}

.search-reveal {
    background-color: #000000;
    display: none;
    height: 46px;
    padding: 2px;
    position: fixed;
    right: 0;
    top: 33px;
    width: 100%;
	z-index: 21
}

.search {
    height: 35px;
    position: absolute;
    left: 6px;
    top: 8px;
    width: 100%
}

.search input[type="text"] {
    background: #ffffff none repeat scroll 0 0;
    color: #494943;
    float: left;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    line-height: 25px;
    padding: 0 7px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-right: none
}

#btnsearch {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF
}

ul.audience {
	position: absolute;
	display: none;
	right: 12px;
	top: 29px !important;
	background-color: #FFFFFF !important;
	margin: 0 !important;
	padding: 5px 0 0 0 !important;
	z-index: 22
}

ul.audience li {
	list-style-type: none !important;
	margin: 0 18px 6px 6px !important;
}

ul.audience li a {
	float: none !important;
	color: #333333 !important;
	text-decoration: none !important;
	text-transform: uppercase;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-size: 1.2em !important;
}

ul.audience li a:hover {
	color: #0060AF
}

.phone, .phone-mobile {
	background-image: url('/media/nlu/styleassets/images/2017-redesign/phone.svg.png');
	background-repeat: no-repeat;
	background-position: 12px 8px;
	background-size: 9px 18px;
	height: 34px;
	width: 32px;
	float: left;
	margin-top: 0;
	text-indent: -9999px
}

.phone {
	cursor: pointer;
    -webkit-transition: width 0.3s; 
    transition: width 0.3s
}

.fullphone {
	width: 110px !important;
	text-indent: 9px !important;
	background-image: none !important;
	line-height: 1.3em;
	font-size: 1.3em !important;
	color: #FFFFFF;
	text-decoration: none
}

.slider-arrow {
    background: #0060ae url('/media/nlu/styleassets/images/responsive/section-menu.png') no-repeat scroll -1px -14px; 
    color: #fff;
    font-size: 15px;
    height: 34px;
    line-height: 42px;
    padding: 0 2px 0 0;
    position: absolute;
    text-align: right;
    text-decoration: none;
    width: 32px;
	border-right: 1px solid #333333;
    z-index: 12;
	cursor: pointer
}

.nav-panel {
	width:210px;
	float:left;
	background-color:#0060AE;
	position:absolute;
	left:-210px;
	top: 0; 
    z-index: 220;
	-webkit-box-shadow: inset -5px 0px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -5px 0px 5px -2px rgba(0,0,0,0.75);
	box-shadow: inset -5px 0px 5px -2px rgba(0,0,0,0.75);
}

ul.nav {
    width: 97%;
	margin: 0;
	padding: 0
}

.dimmer, .dimmer-rs {
	background: transparent; 
	overflow: hidden;
	clear: both
}

#sidebar-left {
	position: fixed;
    overflow: auto;
	width: 200px;
	margin: 0 20px 0 0;
    clear: both
}

#sidebar-left .nav {
	list-style:none;
	font-weight: normal !important;
	font-family:"Open Sans", Arial, Helvetica, sans-serif
}

#sidebar-left .nav li.active {
    background: none !important;
}

#sidebar-left .nav li {
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #197AC4
}

#sidebar-left .nav li a {
	font-size: 105% !important;
	text-decoration: none;
	text-shadow: 1px 1px 2px #082c66;
    filter: dropshadow(color=#082c66, offx=1, offy=1);
	color: #FFF !important
}

#sidebar-left .nav li.active > a {
    color: #FFF;
    float: left !important
}

#sidebar-left .nav ul {
	list-style:none;
	padding:0 0 8px 0;
}

#sidebar-left .nav li a:hover {
	color: #FFCC00 !important
}

#sidebar-left .nav li li {
    border-bottom: 0 none;
    clear: both;
    font-size: 13px;
    padding: 12px 0 0 10px;
}

.currentsection {
	font-size: 90%;
	color: #FFF;
	text-shadow: 1px 1px 2px #082c66;
    filter: dropshadow(color=#082c66, offx=1, offy=1)
}

.currentsection:before {
	content: "\00bb ";
	color: #FFCC00 
}

/* // ***** LEFT-NAV SCROLLBAR STYLES (JSCROLLPANE PLUGIN) ***** // */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: #0060AE;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: #0060AE;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: #0060AE;
	position: relative;
}

.jspDrag {
	background: #0060AE;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #0060AE;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #0060AE;
}

.jspVerticalBar .jspArrow {
	height: 12px;
}

.jspHorizontalBar .jspArrow {
	width: 12px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #0060AE;
	float: left;
	height: 100%;
}

.logo {
	clear: both;
	float: left;
	z-index: 2;
	position: relative
}

.logo img {
	width: 93%; 
	min-width: 200px;
	margin: 13px 5px 0 10px
}

ul.main-menu-desktop li {
	display: block;
	float: right
}

ul.main-menu-desktop li.about, ul.main-menu-desktop li.academics, ul.main-menu-desktop li.admissions, ul.main-menu-desktop li.fa, ul.main-menu-desktop li.student, ul.main-menu-desktop li.support, ul.main-menu-desktop li.blog {
	height: 34px
}

ul.main-menu-desktop li a {
	display: block
}

ul.main-menu-desktop li:hover {
	background-image: url('/media/nlu/styleassets/images/2017-redesign/color-arrows.png');
	background-repeat: no-repeat
}

ul.main-menu-desktop li.about:hover {
	background-position: 16px bottom
}

ul.main-menu-desktop li.academics:hover {
	background-position: -46px bottom
}

ul.main-menu-desktop li.admissions:hover {
	background-position: -119px bottom
}

ul.main-menu-desktop li.fa:hover {
	background-position: -189px bottom
}

ul.main-menu-desktop li.student:hover {
	background-position: -257px bottom
}

ul.main-menu-desktop li.support:hover {
	background-position: -344px bottom
}

ul.main-menu-desktop li.blog:hover {
	background-position: -442px bottom
}

@-webkit-keyframes fadeIn { from {opacity: 0} to {opacity:1} }
@-moz-keyframes fadeIn { from {opacity: 0} to {opacity:1} }
@keyframes fadeIn { from {opacity: 0} to {opacity:1} }

ul.main-menu-desktop li div {
	position: absolute;
	left: -5555px;
	padding: 15px 10px 15px 10px
}

ul.main-menu-desktop li:hover div {
	left: 0;
	width: 100%;
	opacity: 0;
	height: 220px;
	position: absolute;
	-webkit-animation: fadeIn ease-in: 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	animation-duration: 0.3s
}

ul.main-menu-desktop li div .move {
	padding: 20px 0 10px 0;
	position: absolute; 
	left: auto;
	top: 0;
	right: 80px;
	-webkit-transition: right .30s ease-in;
    -moz-transition: right .30s ease-in;
    -o-transition: right .30s ease-in;
    transition: right .30s ease-in
}

ul.main-menu-desktop li:hover div .move {
	position: absolute; 
	top: 0;
	right: 0;
	left: auto
}

ul.main-menu-desktop div h2 {
	height: 180px;
	color: #FFFFFF;
	font-size: 3.2em;
    float: left;
	margin: 15px 15px 15px 0;
	font-family: "Rokkitt",serif;
}

ul.main-menu-desktop div ul li {
	display: block;
	color: #FFFFFF;
	float: left
}

#bkgd-lrg {
	width: 100%;
	background-image: url('/media/nlu/styleassets/images/2017-redesign/pagebackgrounds/lrg-home-bkgd.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #040315;
	padding-bottom: 56.25%; 
	position: relative
}

h2.tagline {
	position: absolute;
	right: 0;
	font-family: "Rokkitt",serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: left;
	padding: 0 0 0 10px;
	text-shadow: 1px 1px 2px rgb(20, 20, 20);
}

.rmiapply-featured {
	position: absolute; 
	width: 39%; 
	right: 0
}

.rmiapply-featured a {
	display: inline-block; 
	float: left; 
	text-decoration: none; 
	border: 1px solid #FFFFFF; 
	color: #FFFFFF; 
	padding: 4px 8px 4px 8px;
	-webkit-animation: fadeIn ease-in: 1;
	-moz-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.rmiapply-featured a:hover {
	color: #000000;
	background-color: #FFFFFF
}

#academic-cta-set-desktop {
	position: absolute
}

#academic-cta-set-desktop ul, #academic-cta-set-mobile ul {
	margin: 0;
	float: left;
	padding: 0 10px 10px 10px;
	position: relative
}

#academic-cta-set-desktop ul li, #academic-cta-set-mobile ul li {
	list-style-type: none;
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #918D68
}

#academic-cta-set-desktop ul li a, #academic-cta-set-mobile ul li a {
	font-family: "Rokkitt",serif;
	font-weight: bold;
	text-decoration: none
}

#academic-cta-set-desktop ul li a:after, #academic-cta-set-mobile ul li a:after {
	content: " \00bb";
	color: #2F77B2
}

li.acs-heading {
	font-size: 1.2em
}

#sub-content, #info-content, #news-events, #footer {
	clear: both;
	position: relative;
	overflow: hidden
}

#sub-content {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover
}

#news-events {
	background-color: #4C5E6D;
    border-top: 8px solid #05d3eb;
	border-bottom: 8px solid #05d3eb;
	padding: 25px 0 25px 0
}

#news-events h2 {
	font-family: "Rokkitt",serif;
	color: #FFFFFF
}

#locations {
	min-height: 640px;
	position: relative
}

#footer {
	background: #005091;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-image: url('/media/nlu/styleassets/images/2017-redesign/border-fringe.png'), linear-gradient(#005091, #000000);
	min-height: 300px;
	text-align: center;
	padding-bottom: 25px;
	color: #FFFFFF;
	font-family: "Open Sans",Arial,Helvetica,sans-serif
}

#footer a {
	color: #86D4FE;
	text-decoration:none;
}

#footer a:hover {
	color: #FFFFFF;
}

.list-container {
	margin: auto; 
	overflow: hidden
}

ul.glance {
	margin: 0;
	padding: 0
}

ul.glance li, ul.career-cubes li  {
	list-style-type: none;
	display: inline-block
}

ul.glance li h3 {
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	display: none
}

ul.glance li h2 {
	font-family: "Rokkitt",serif;
	color: #FFFFFF;
	border-radius: 50px;
	display: inline-block
}

.explore, .info-levels {
	width: 100%
}

.explore {
	min-height: 300px;
	margin: 0 0 20px 0;
	overflow: hidden
}

.explore h2, h2.locations-heading {
	font-family: "Rokkitt",serif;
	padding: 8px;
	background-color: rgba(0,0,0,0.75);
	width: 100%;
	color: #FFFFFF;
	text-align: center
}

.explore h2 {
	margin: 20px 0 35px 0;
}

h2.locations-heading {
	margin: 0;
}

.career-cubes {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0
}

.careers {
	display: block;
	position: relative;
	padding: 10px;
	text-decoration: none;
	float: left;
	background-color: rgba(0,0,0,0.35);
	border-top: 1px solid #FFFFFF;
	-webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s
}

.business, .comm, .teaching, .edadmin, .hhs, .sbs {
	/* background: transparent */
}

.business:hover {
	background: #335580 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/business.jpg') 0 0 no-repeat
}

.comm:hover {
	background: #297AB6 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/communications.jpg') 0 0 no-repeat
}

.teaching:hover {
	background: #83A741 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/teaching.jpg') 0 0 no-repeat
}

.edadmin:hover {
	background: #CBC2A5 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/education-administration.jpg') 0 0 no-repeat
}

.hhs:hover {
	background: #F17132 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/hhs.jpg') 0 0 no-repeat
}

.sbs:hover {
	background: #666698 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/sbs.jpg') 0 0 no-repeat
}

.hospitality:hover {
	background: #C65654 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/Hospitality.jpg') 0 0 no-repeat
}

.culinary:hover {
	background: #bf622c url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/culinary.jpg') 0 0 no-repeat
}

.careers h3 {
	font-family: "Rokkitt",serif;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px rgb(20, 20, 20);
	position: absolute;
	left: 10px;
	bottom: 0;
	margin: 0 0 5px 0
}

.info-levels {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-bottom: 44px;
	background-color: #C4CED7
}

.info-levels h2 {
	font-family: "Rokkitt",serif;
	padding: 8px;
	margin: 0 0 44px 0;
	background-color: #003866;
	color: #FFCC00;
	width: 100%;
	text-align: center;
	clear: both
}

.info-levels div {
	display: flex;
	margin: 2px 0 2px 2px;
	text-align: left;
	position: relative;
	min-height: 260px;
}

.info-levels div:nth-of-type(4), .info-levels div:nth-of-type(5), .info-levels div:nth-of-type(6) {
	margin-top: 0
}

.info-levels h3 {
	font-family: "Rokkitt",serif;
	color: #003866;
	margin: 0;
	padding: 10px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.info-levels h3 a {
    font-family: "Rokkitt",serif;
	color: #003866;
    text-decoration: none
}

.info-levels div h4 {
	color: #053C6D;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	margin: 0 10px 0 10px;
	display: inline-block;
	position: absolute;
	padding: 20px 0 0 10px;
	top: 30px;
	left: 115px;
	background: url('/media/nlu/styleassets/images/2017-redesign/quotes.png') 0 0 no-repeat transparent; 
}

.info-levels div.img-gradient {
	width: 195px; 
	clear: both; 
	left: 0; 
	bottom: 15px; 
	position: absolute; 



	background-color: #39F;
	z-index: 1;
	background: rgba(37,112,173,1);
	background: -moz-linear-gradient(41deg, rgba(37,112,173,1) 0%, rgba(79,142,191,0) 50%, rgba(3,232,253,0) 51%, rgba(62,175,209,0) 71%, rgba(3,232,253,0) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(37,112,173,1)), color-stop(50%, rgba(79,142,191,0)), color-stop(51%, rgba(3,232,253,0)), color-stop(71%, rgba(62,175,209,0)), color-stop(100%, rgba(3,232,253,0)));
	background: -webkit-linear-gradient(41deg, rgba(37,112,173,1) 0%, rgba(79,142,191,0) 50%, rgba(3,232,253,0) 51%, rgba(62,175,209,0) 71%, rgba(3,232,253,0) 100%);
	background: -o-linear-gradient(41deg, rgba(37,112,173,1) 0%, rgba(79,142,191,0) 50%, rgba(3,232,253,0) 51%, rgba(62,175,209,0) 71%, rgba(3,232,253,0) 100%);
	background: -ms-linear-gradient(41deg, rgba(37,112,173,1) 0%, rgba(79,142,191,0) 50%, rgba(3,232,253,0) 51%, rgba(62,175,209,0) 71%, rgba(3,232,253,0) 100%);
	background: linear-gradient(41deg, rgba(37,112,173,1) 0%, rgba(79,142,191,0) 50%, rgba(3,232,253,0) 51%, rgba(62,175,209,0) 71%, rgba(3,232,253,0) 100%);
}

.info-levels div.img-gradient img {
	width: 115px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0
}

.persona-arrow {
	background: transparent url('/media/nlu/styleassets/images/2017-redesign/arrow-bkgd.png') 0 0 no-repeat;
	display: block;
	width: 130px;
	height: 42px;
	text-decoration: none;
	font-family: "Rokkitt",serif;
	position: absolute;
	right: 5px;
	bottom: 25px
}

.persona-arrow span {
	background-color: #C4CED7;
	display: block;
	position: absolute;
	top: 12px;
	left: 20px;
	font-size: 160%;
	color: #053C6D
}

#news-events ul {
	padding: 0
}

#news-events ul li {
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	list-style-type: none
}

#news-events ul li a {
	text-decoration: none;
	color: #FFFFFF
}

a.news-events-more {
	display: inline-block;
	color: #FFFFFF;
	font-size: 1.6em;
	font-family: "Rokkitt",serif;
	padding: 4px 8px 4px 8px;
	text-decoration: none;
	margin: 0 15px 20px 0;
	float: right;
	-o-transition: .75s;
	-ms-transition: .75s;
	-moz-transition: .75s;
	-webkit-transition: .75s;
	transition: .75s
}

a.news-events-more:hover {
	background-color: #05D3EB;
	border-radius: 12px
}

.datedisplay {
	font-size: 1.1em;
	line-height: 1.2em;
	text-transform: uppercase
}

.titledisplay {
	font-size: 1.3em;
	line-height: 1.4em
}

.fadinghr {
    background: #5C7385 none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 1px 0 #3D4A56;
    clear: both;
    float: none;
    height: 1px;
    margin-top: 15px;
    width: 100%;
}

ul.social {
	list-style: outside none none;
	clear: both;
	margin: 0 0 0 -10px;
	padding: 0
}

ul.social li {
    float: left;
    margin: 0 8px 0 0;
}

ul.social li a {
    background: rgba(0, 0, 0, 0) url('/media/nlu/styleassets/images/2017-redesign/social-icons-web-2017.png') repeat scroll 0 0;
    display: block;
    height: 30px;
    width: 30px;
	margin: 0 0 10px 0;
	text-indent: -9999px
}

ul.social li a.facebook {
    background-position: 0 0;
}

ul.social li a.twitter {
    background-position: -30px 0
}

ul.social li a.instagram {
    background-position: -60px 0
}

ul.social li a.youtube {
    background-position: -90px 0
}

ul.social li a.linkedin {
    background-position: -120px 0
}

.sub-feature {
	position: relative !important;
	float: left;
	margin: 0 !important;
}

ul.sub-menu-list {
	display: block !important; 
	position: relative !important;
	margin: 15px 0 15px 15px !important;
	float: left
}

ul.sub-menu-list li {
	float: none !important;
}

ul.sub-menu-list li:hover {
	background: none !important;
}

ul.sub-menu-list li a {
	float: none !important;
	color: #FFFFFF !important;
	font-size: 1.1em !important
} 

ul.footer-feature-list li, ul.footer-list li {
	list-style-type: none;
	margin: 0 0 8px 0;
}

ul.footer-feature-list li a {
	display: inline-block;
	font-size: 120%;
	width: 100%;
	color: #FFFFFF !important;
	background-color: none;
	border-radius: none;
	padding: 6px;
	text-decoration: none
}

ul.footer-feature-list li a:hover {
	background-color: #007EE6;
	border-radius: 8px;
}

ul.footer-list li a {
	text-decoration: none;
	font-size: 115%
}

ul.footer-list li a:hover {
	color: #FFFFFF !important
}

ul.base-footer-links li a {
	text-decoration: none;
	font-size: 130%;
	color: #FFF !important
}

ul.base-footer-links li {
	display: inline;
	list-style-type: none;
	padding: 0 3% 0 0
}

#slideout {
	right: 0;
	bottom: 0;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 40;
	overflow: hidden;
	height: 35px
}

.show-info-slideout {
	/* height: 170px */
}

.show-info-slideout h3 {
	background-color: #D0D0BB;
	padding: 5px;
	position: relative;
	margin-top: 2px;
	color: #333333;
	text-align: center;
	font-family: "Rokkitt",serif;
	line-height: 1em;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.slideactive {
	transition-delay: 0.6s
}
	
#slideout_inner {
	position: absolute;
	bottom: 0;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	transition-delay: 0.3s;
	background-color: #D0D0BB
}

#slideout:hover {
	right: 0;
	height: 170px
}

#slideout:hover>.show-info-slideout h3 {
	margin-top: 0
}

#slideout:hover #slideout_inner {
	right: 0;
}

.backtotop-homepage {
    background-color: rgba(0, 0, 0, 0.55); 
    position: fixed; 
    bottom: 15px; 
    right: 15px; 
    color: #FFF;  
    text-align: center; 
    z-index: 10000; 
    text-decoration: none; 
    display: none
}

.screenreader { 
    clip: rect(1px, 1px, 1px, 1px); 
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute !important;
}


/* START MEDIA QUERIES */

@media only screen and (min-width: 1450px) {
	
	h2.tagline {
		font-size: 3.6em;
		bottom: 46%;
		width: 40.5%
	}
	
}

@media only screen and (min-width: 1140px) and (max-width: 1449px) {
	
	h2.tagline {
		font-size: 2.8em;
		bottom: 46%;
		width: 40%
	}
}

@media only screen and (min-width: 1140px) {
	
	.search input[type="text"] {
		width: 96%
	}
	
	ul.main-menu-desktop {
		float: right;
	}
	
	ul.main-menu-desktop li {
		padding-top: 4px 
	}
	
	ul.main-menu-desktop li a {
		font-size: 1.3em !important;
		margin: 4px 
	}
	
	ul.main-menu-desktop li:hover div {
		top: 75px
	}
	
	.logo img {
		max-width: 430px;
		margin: 11px 5px 0 10px
	}
	
	ul.sub-menu-list li a {
		font-size: 1.1em !important;
	}
	
	ul.sub-menu-list li a:hover:after {
		content:' \00BB';
	}
	
	.rmiapply-featured {
		bottom: 43%; 
	}
	
	.info-levels div h3 {
		font-size: 1.8em
	}
	
	.info-levels div h4 {
		font-size: 1.2em
	}
	
}

@media only screen and (min-width: 960px) and (max-width: 1139px) {
	
	.search input[type="text"] {
		width: 95%
	}
	
	ul.main-menu-desktop {
		float: right;
		margin-left: 0 !important
	}
	
	ul.main-menu-desktop li {
		padding-top: 2px 
	}
	
	ul.main-menu-desktop li a {
		font-size: 1.2em !important;
		margin: 4px 3px 4px 3px
	}
	
	ul.sub-menu-list li a {
		font-size: 1.1em !important;
	}
	
	ul.main-menu-desktop li:hover div {
		top: 75px
	}
	
	.logo img {
		max-width: 330px
	}
	
	h2.tagline {
		font-size: 2.6em;
		bottom: 42%;
		width: 40%
	}
	
	.rmiapply-featured {
		bottom: 40%; 
	}
	
	.info-levels div img {
		float: left
	}
	
	.info-levels div h3 {
		font-size: 1.6em;
	}
    
    .info-levels div h3 a {
        font-size: 1em;
    }
	
	.info-levels div h4 {
		font-size: 1.2em;
	}
	
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
	
	.logo img {
		width: 78%; 
		margin: 10px 5px 0 10px
	}
	
}


@media only screen and (min-width: 960px) {
	
	.logo {
		display: block
	}
	
	.phone {
		display: inline-block
	}
	
	.phone-mobile {
		display: none
	}
	
	#slideout {
		display: block;
	}
	
	.show-info-slideout {
		width: 400px;
	}
	
	.show-info-slideout h3 {
		font-size: 2.2em
	}
	
	#slideout_inner {
	    right: -400px;
		width: 400px;
		height: 140px
	}
	
	#slideout:hover {
	    right: 0;
	}
	
	#slideout:hover>.show-info-slideout h3 {
		margin-top: 0
	}
	
	#slideout:hover #slideout_inner {
	    right: 0;
	}
	
	#header {
		height: 74px
	}
	
	.slider-arrow {
		left: -9999px;
		top: -9999px
	}
	
	#academic-cta-set-desktop ul {
		width: 50%;
		float: left
	}
	
	#academic-cta-set-desktop ul li  {
		width: 100%;
		float: left;
		padding: 8px 0 8px 0;
	    border-bottom: 1px solid #918D68
	}
	
	#academic-cta-set-desktop ul li a {
		color: #333333;
		font-size: 1.2em
	}
	
	#academic-cta-set-mobile {
		display: none
	}
	
	#featured-content {
		position: absolute;
		width: 310px;
		min-height: 240px;
		background: rgba(0,0,0,0.7);
		border-top: 1px dotted #E2E7E7;
		border-bottom: 1px dotted #E2E7E7;
		bottom: 30px;
		font-size: 95%;
		left: 0
	}
	
	#featured-content ul {
		list-style-type: none;
		margin: 0;
		padding: 0
	}
	
	#featured-content ul li {
		font-family: "Open Sans",Arial,Helvetica,sans-serif;
		color: #FFF;
		padding: 8px 15px 8px 15px
	}
	
	#featured-content ul li p {
		font-size: 1.2em
	}
	
	#featured-content-mobile {
		display: none
	}
	
	#featured-content ul li a {
		color: #49BFFE
	}
	
	#sub-content {
		background-image: url('/media/nlu/styleassets/images/2017-redesign/pagebackgrounds/chicago-fountain.jpg');
		padding: 25px 0 25px 0;
		min-height: 500px
	}
	
	ul.glance li {
		width: 25%;
		padding: 15px 15px 15px 10px;
		float: left;
		height: 160px
	}
	
	ul.glance li h3 {
		font-size: 1.4em;
		line-height: 1.4em;
		position: relative;
		margin-left: 86px
	}
	
	ul.glance li h2 {
		font-size: 4em;
		margin: 8px 8px 8px 0;
		width: 80px; 
		height: 80px;
		line-height: 84px;
		text-align: center;
		float: left
	}
	
	.explore h2, h2.locations-heading {
		font-size: 2.6em
	}
	
	.careers {
		width: 25%;
		height: 160px
	}
	
	.careers:nth-child(n+5) {
		border-bottom: 1px solid #FFFFFF
	}
	
	.careers:nth-child(1), .careers:nth-child(2), .careers:nth-child(3), .careers:nth-child(5), .careers:nth-child(6), .careers:nth-child(7) {
		border-right: 1px solid #FFFFFF
	}
	
	.careers h3 {
		font-size: 2.4em
	}
	
	.info-levels h2 {
		font-size: 2.4em
	}
	
	.info-levels div {
		flex-basis: calc(33.33% - 3px);
	}
	
	#news-events ul {
		margin: 20px 10px 20px 10px;
		width: 96%
	}
	
	#news-events h2 {
		font-size: 2.6em
	}
	
	.nameplate {
		width: 20%; 
		float: left; 
		margin: 35px 15px 20px 0; 
		text-align: left;
		font-size: 120%
	}
	
	.footer-links-container {
		width: 78%; 
		float: right; 
		margin: 30px 0 20px 0; 
		text-align: left
	}
	
	.list-container {
		width: 90%
	}
	
	ul.footer-feature-list, ul.footer-list {
		float: left;
		margin: 0 0 0 7%;
		width: 130px;
		padding: 0
	}
	
	ul.footer-list li h3 {
		font-size: 140%;
		margin: 3px 0 0 0
	}
	
	ul.base-footer-links {
		margin: 20px 0 30px 0;
		padding: 0;
		width: 100%;
		clear: both
	}
	
	ul.base-footer-links li {
		display: inline;
		list-style-type: none;
		padding: 0 3% 0 0
	}
	
	.events-list, .news-list {
		width: 49%;
		float: left
	}
	
	.backtotop-homepage {
		padding: 10px; 
		border-radius: 80px; 
		font-size: 50px; 
		line-height: 50px; 
		width: 80px; 
		height: 80px
	}

}

@media only screen and (max-width: 959px) {
	
	.logo {
		display: none
	}
	
	#header {
		height: 34px
	}
	
	.slider-arrow {
		left: 0;
		top: 0
	}
	
	.phone {
		display: none !important
	}
	
	.phone-mobile {
		display: inline-block;
		margin-left: 32px
	}
	
	ul.main-menu-desktop {
		display: none
	}
	
	#featured-content {
		display: none
	}
	
	#featured-content-mobile {
		display: block;
		position: relative;
		width: 100%;
		padding: 15px 0 15px 0;
		font-size: 95%
	}
	
	#featured-content-mobile ul {
		list-style-type: none;
		margin: 0 10px 15px 10px;
		padding: 0
	}
	
	#featured-content-mobile ul li {
		font-family: "Open Sans",Arial,Helvetica,sans-serif;
		color: #FFF;
		padding: 8px 15px 0 15px;
		border-bottom: 1px dotted #848997
	}
	
	#featured-content-mobile ul li p {
		font-size: 1.2em
	}
	
	#featured-content-mobile ul li a {
		color: #49BFFE
	}
	
	#sub-content {
		background-image: url('/media/nlu/styleassets/images/2017-redesign/pagebackgrounds/chicago-fountain-mobile.jpg');
		min-height: 500px
	}
	
	#news-events h2 {
		font-size: 2.1em
	}
	
	#news-events ul {
		margin: 15px 0 15px 20px;
		width: 95%;
		float: none
	}
	
	.list-container {
		width: 98%
	}
	
	.events-list {
		margin-top: 30px
	}
	
	.news-list {
		margin-top: 50px
	}
	
	.explore h2, .info-levels h2, h2.locations-heading {
		font-size: 2em
	}
	
	.backtotop-homepage {
		padding: 8px; 
		border-radius: 60px; 
		font-size: 40px; 
		line-height: 40px; 
		width: 60px; 
		height: 60px
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#slideout {
		display: block;
	}
	
	.show-info-slideout {
		width: 360px
	}
	
	.show-info-slideout h3 {
		font-size: 1.9em
	}
	
	#slideout_inner {
	    right: -360px;
		width: 360px;
		height: 147px
	}
	
	#slideout:hover {
	    right: 0;
	}
	
	#slideout:hover>.show-info-slideout h3 {
		margin-top: 0
	}
	
	#slideout:hover #slideout_inner {
	    right: 0;
	}
	
	.search input[type="text"] {
		width: 94%
	}
	
	h2.tagline {
		font-size: 2em;
		bottom: 42%;
		width: 40%
	}
	
	.rmiapply-featured {
		bottom: 39%; 
	}
	
	#academic-cta-set-desktop {
		width: 98%;
		min-height: 180px
	}
	
	#academic-cta-set-desktop ul {
		width: 50%;
		float: left
	}
	
	#academic-cta-set-desktop ul li  {
		width: 100%;
		display: inline;
		float: left
	}
	
	#academic-cta-set-desktop ul li a {
		color: #333333;
		font-size: 1.2em
	}
	
	#academic-cta-set-mobile {
		display: none
	}
	
	ul.glance li {
		width: 25%;
		height: 110px;
		padding: 10px 10px 10px 8px;
		float: left
	}
	
	ul.glance li h3 {
		font-size: 1.2em;
		line-height: 1.2em;
		position: relative;
		margin-left: 56px
	}
	
	ul.glance li h2 {
		font-size: 2.5em;
		margin: 8px 8px 8px 0;
		width: 50px; 
		height: 50px;
		line-height: 52px;
		text-align: center;
		float: left
	}
	
	.careers {
		width: 25%;
		height: 160px;
	}
	
	.careers:nth-child(n+5) {
		border-bottom: 1px solid #FFFFFF
	}
	
	.careers:nth-child(1), .careers:nth-child(2), .careers:nth-child(3), .careers:nth-child(4), .careers:nth-child(5), .careers:nth-child(6), .careers:nth-child(7) {
		border-right: 1px solid #FFFFFF
	}
	
	.careers h3 {
		font-size: 2em
	}
	
	.info-levels div h3 {
		font-size: 1.4em;
	}
    
    .info-levels div h3 a {
        font-size: 1em;
    }
	
	.info-levels div h4 {
		font-size: 1.2em;
	}
	
	.info-levels div {
		flex-basis: calc(49% - 3px);
	}
	
	.nameplate {
		width: 25%; 
		float: left; 
		margin: 30px 10px 20px 0; 
		text-align: left;
		font-size: 120%
	}
	
	.footer-links-container {
		width: 72%; 
		float: right; 
		margin: 30px 0 20px 0; 
		text-align: left
	}
	
	.list-container {
		width: 90%
	}
	
	ul.footer-feature-list, ul.footer-list {
		float: left;
		margin: 0 0 0 7%;
		width: 42%;
		padding: 0
	}
	
	ul.footer-list li h3 {
		font-size: 140%;
		margin: 10px 0 0 0
	}
	
	ul.base-footer-links {
		margin: 20px 0 20px 0;
		padding: 0;
		width: 100%;
		clear: both
	}
	
	.events-list, .news-list {
		width: 98%;
		float: none;
	}
	
	.events-list {
		margin-top: 30px
	}
	
	.news-list {
		margin-top: 50px
	}
	
}

@media only screen and (max-width: 768px) {
	
	#header ul li {
		margin: 0 6px 0 0;
	}
	
	#academic-cta-set-desktop {
		display: none
	}
	
	.slider-arrow {
		left: 0;
		top: 0
	}
	
	.logo img {
		width: 72%; 
		margin: 11px 5px 0 10px
	}
	
	#bkgd-lrg {
	    background-image: url('/media/nlu/styleassets/images/2017-redesign/pagebackgrounds/small-home-bkgd.jpg');
		background-position: center 37px;
		padding-bottom: 78.25%
    }
	
	#slideout, .show-info-slideout, #slideout_inner {
	    display: none
	}
	
	.rmiapply-featured {
		display: none
	}
	
	#academic-cta-set-mobile {
		bottom: -65px; 
		left: 0;
		width: 100%;
		background-color: #D0D0BB;
		overflow: hidden;
		z-index: 3
	}
	
	#academic-cta-set-mobile ul {
		width: 50%
	}
	
	#academic-cta-set-mobile ul li {
	    width: 100%;
		float: left
    }
	
	#academic-cta-set-mobile ul li a {
		color: #333333;
		font-size: 1.1em
	}
	
	ul.glance li {
		width: 50%;
		height: 110px;
		padding: 10px 10px 10px 8px;
		float: left
	}
	
	ul.glance li h2 {
		font-size: 2.5em;
		margin: 8px 8px 8px 0;
		width: 50px; 
		height: 50px;
		line-height: 52px;
		text-align: center;
		float: left
	}
	
	.nameplate {
		width: 100%; 
		float: none; 
		margin: 20px 0 20px 20px; 
		text-align: left;
		font-size: 120%
	}
	
	.footer-links-container {
		width: 100%; 
		float: none; 
		margin: 20px 0 20px 0; 
		text-align: left
	}
	
	ul.footer-feature-list, ul.footer-list {
		float: none;
		margin: 20px 0 0 20px;
		width: 95%;
		padding: 0
	}
	
	ul.footer-list li h3 {
		font-size: 140%;
		margin: 10px 0 0 0
	}
	
	ul.base-footer-links {
		margin: 20px 0 20px 0;
		padding: 0;
		width: 100%;
		clear: both
	}
	
	.events-list {
		margin-top: 15px
	}
	
	.news-list {
		margin-top: 50px
	}
	
}

@media only screen and (min-width: 600px) {
	
	.rmi, .apply {
		font-family: "Open Sans",Arial,Helvetica,sans-serif;
		display: inline-block;
		padding: 10px 16px 10px 16px;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #5c7385;
		font-size: 1.3em;
		line-height: 1em;
		border-right: 1px solid #000000;
		text-transform: uppercase;
		float: left
	}
	
	.rmi {
		border-left: 1px solid #000000
	}
	
	.rmi:hover, .apply:hover {
		background-color: #B7EF00;
		color: #000000
	}
    
    ul.footer-list li.collapseme {
		display: list-item
    }
    
    .exp-list {
		display: none
	}
	
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	
	.search input[type="text"] {
		width: 93%
	}
	
    h2.tagline {
		bottom: 5%;
		font-size: 1.6em;
		width: 45%
	}
	
	ul.glance li h3 {
		font-size: 1.2em;
		line-height: 1.2em;
		position: relative;
		margin-left: 56px
	}
	
	.careers {
		width: 50%;
		height: 130px
	}
	
	.careers:nth-child(n+7) {
		border-bottom: 1px solid #FFFFFF
	}
	
	.careers:nth-child(odd) {
		border-right: 1px solid #FFFFFF
	}
	
	.careers h3 {
		font-size: 2em;
	}
	
	.info-levels div h3 {
		font-size: 1.4em
	}
	
	.info-levels div h4 {
		font-size: 1.2em
	}
	
	.info-levels div {
		flex-basis: calc(49% - 3px);
	}
	
}

@media only screen and (min-width: 400px) and (max-width: 599px) {
	
	.search input[type="text"] {
		width: 90%
	}
	
	h2.tagline {
		bottom: 0;
		font-size: 1.5em;
		width: 65%
	}
	
	ul.glance li h3 {
		font-size: 1.1em;
		line-height: 1.2em;
		position: relative;
		margin-left: 56px
	}
	
	.rmi, .apply {
		border-left: 1px solid #333;
		display: inline-block;
		float: left
	}
	
	.rmi {
		background-image: url('/media/nlu/styleassets/images/2017-redesign/rmi.svg.png');
		background-repeat: no-repeat;
		background-size: 18px 19px;
		background-position: 7px 8px;
		width: 32px;
		height: 34px;
		text-indent: -9999px
	}
	
	.apply {
		font-family: "Open Sans",Arial,Helvetica,sans-serif;
		padding: 11px 16px 11px 16px;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #5c7385;
		font-size: 1.2em;
		line-height: 1em;
		text-transform: uppercase
	}
	
	a.resource-menu {
		display: none
	}
	
	.careers {
		width: 50%;
		height: 130px
	}
	
	.careers:nth-child(n+5) {
		border-bottom: 1px solid #FFFFFF
	}
	
	.careers:nth-child(odd) {
		border-right: 1px solid #FFFFFF
	}
	
	.careers h3 {
		font-size: 1.7em
	}
	
	.info-levels div h3 {
		font-size: 1.4em
	}
	
	.info-levels div h3 a {
        font-size: 1em;
    }
	
	.info-levels div h4 {
		font-size: 1.2em
	}
	
	.info-levels div {
		flex-basis: calc(99.5% - 3px);
	}
    
    .exp-list {
		display: inline
	}
    
    ul.footer-list li.collapseme {
		display: none
    }
	
	ul.footer-list li h3 {
		cursor: pointer
	}
	
}

@media only screen and (max-width: 399px) {
	
	.search input[type="text"] {
		width: 88%
	}
	
	.logo img {
		margin: 14px 5px 0 10px
	}
	
	h2.tagline {
		bottom: 0;
		font-size: 1.3em;
		width: 65%
	}
	
	ul.glance li h3 {
		font-size: 1.1em;
		line-height: 1.2em;
		position: relative;
		margin-left: 56px
	}
	
	.rmi, .apply {
		border-left: 1px solid #333;
		display: inline-block;
		float: left
	}
	
	.rmi {
		background-image: url('/media/nlu/styleassets/images/2017-redesign/rmi.svg.png');
		background-repeat: no-repeat;
		background-size: 18px 19px;
		background-position: 7px 8px;
		width: 32px;
		height: 34px;
		text-indent: -9999px
	}
	
	.apply {
		font-family: "Open Sans",Arial,Helvetica,sans-serif;
		padding: 11px 16px 11px 16px;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #5c7385;
		font-size: 1.2em;
		line-height: 1em;
		text-transform: uppercase
	}
	
	a.resource-menu {
		display: none
	}

	.careers {
		width: 100%;
		height: 70px
	}
	
	.careers:nth-child(8) {
		border-bottom: 1px solid #FFFFFF
	}
	
	.careers h3 {
		font-size: 1.5em
	}
	
	.business:hover {
		background: #335580 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/business-mobile.jpg') 0 0 no-repeat
	}
	
	.comm:hover {
		background: #297AB6 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/communications-mobile.jpg') 0 0 no-repeat
	}
	
	.teaching:hover {
		background: #83A741 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/teaching-mobile.jpg') 0 0 no-repeat
	}
	
	.edadmin:hover {
		background: #CBC2A5 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/education-administration-mobile.jpg') 0 0 no-repeat
	}
	
	.hhs:hover {
		background: #F17132 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/hhs-mobile.jpg') 0 0 no-repeat
	}
	
	.sbs:hover {
		background: #666698 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/sbs-mobile.jpg') 0 0 no-repeat
	}
	
    .culinary:hover {
        background: #bf622c url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/culinary-mobile.jpg') 0 0 no-repeat
    }
    
    .hospitality:hover {
        background: #C65654 url('/media/nlu/styleassets/images/2017-redesign/content-hub-mouseovers/hospitality_mobile.jpg') 0 0 no-repeat
    }
	.info-levels div h3 {
		font-size: 1.4em
	}
	
	.info-levels div h4 {
		font-size: 1.1em
	}
    
    .info-levels div h3 a {
        font-size: 1em;
    }
	
	.info-levels div {
		flex-basis: calc(99.5% - 3px);
	}
    
    .exp-list {
		display: inline
	}
    
    ul.footer-list li.collapseme {
		display: none
    }
	
	ul.footer-list li h3 {
		cursor: pointer
	}
	
}