/* @override http://nl.dev/style/style_gateway_08.css */

html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, font, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-size: 100%;
				vertical-align: baseline;
				background: transparent;
			}
			body {
				line-height: 1;
			}
			ol, ul {
				list-style: none;
				padding: 0;
			}
			blockquote, q {
				quotes: none;
			}
			
			/* remember to define focus styles! */
			:focus {
				outline: 0;
			}
			
			/* remember to highlight inserts somehow! */
			ins {
				text-decoration: none;
			}
			del {
				text-decoration: line-through;
			}
			
			/* tables still need 'cellspacing="0"' in the markup */
			table {
				border-collapse: collapse;
				border-spacing: 0;
			}
			
			
			body {
				margin: 0;
				padding: 0;
				background: #fff url(../cs_images/bg_body_gradient.jpg) repeat-x 0 0;
				font: 12px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif;
				letter-spacing: 0px;
			}
			
/* -----------------------------------*/
/* -------->>> TYPOGRAPHY <<<---------*/
/* -----------------------------------*/
			h1 {
				text-indent: -9999px;
			}
			h2 {
				font: 18px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif;
				color: #7a003c;
				margin-bottom: 10px;
				}
				#section_1 h2 {
				margin-bottom: 6px;
				}

			a:link {
			    text-decoration: none; 
				color: #111111;				
				}
				
			a:visited {
				color: #333333;
				text-decoration: none;							
				}
				
			a:hover { 
				color: #d4ac07;	
							
				}
				
			a:active { 
				color: #333333;
				}
				
				li {
				line-height: 22px;
				}

  
/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/
			
			#container {
				position: relative;
				margin: 0 auto;
				width: 792px;
				text-align: left;
				background: #fff url(../cs_images/bg_main.gif) 0 0 no-repeat;
				text-align: left;
				padding-left: 18px;
			}
			
		
			#top_bar, #header1, #header2, #header3, #header4, #main, #footer {
				/*margin-left: 18px;*/
			}
			
			#top_bar {
				width: 775px;
				height: 48px;
				background-color: #7d7b7c;
				
			}
			
/* -----------------------------------*/
/* ---->>> 2009 RES AND TOP BAR <<<---*/
/* -----------------------------------*/

			#res #top {
				font: 15px "HelveticaNeue-Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
			}

			#res {
				background: #000 url(../cs_images/bg_res.png) center top repeat;
				height: 100px;
				min-width: 775px; /*need ie6 hack for this*/
				text-align: center;
				color: #ffffff;
				z-index: -1;
				overflow: hidden;
			}
			
			#res_container {
				position: relative;
				width: 792px;
				padding-left: 13px;
				padding-right: 5px;
				margin: 0 auto;
				text-align: left;
			}
			
			ul#reslinks {
				height: 55px;
				padding: 15px 0 0 0;
			}
			
			ul#reslinks li {
				float: left;
				width: 75px;
				height: 75px;
				margin: 0 55px 0 0;
			}
			ul#reslinks li.last {
				margin-right: 0px;
			}
			
				ul#reslinks li a {
					width: 75px;
					height: 20px;
					display: block;
					padding: 55px 0 0 0;
					text-align: center;
					color: #fff;
					
				}
				
				ul#reslinks li a:hover {
					color: #999;
					
				}
				
					ul#reslinks li a#link_directory{
						background: url(../cs_images/icon_directory.gif) no-repeat;
				}
					ul#reslinks li a#link_blackboard{
						background: url(../cs_images/icon_blackboard.gif) no-repeat;
				}
					ul#reslinks li a#link_myportal{
						background: url(../cs_images/icon_myportal.gif) no-repeat;
				}
					ul#reslinks li a#link_registration{
						background: url(../cs_images/icon_registration.gif) no-repeat;
				}
					ul#reslinks li a#link_chat{
						background: url(../cs_images/icon_chat.gif) no-repeat;
				}
					ul#reslinks li a#link_library {
						background: url(../cs_images/icon_library.gif) no-repeat;
				}
			
			#top {
				position: relative;
				height: 44px;
				background: #d5d5d5 url(../cs_images/bg_top.png) repeat-x;
				color: #7B7B7B;
				text-align: center;
				min-width: 775px; /*need ie6 hack for this*/
				border-bottom: 1px solid #aaaaaa;
				z-index: 1;
			}
			#top_container {
				position: relative;
				height: 44px;
				width: 792px;
				padding-left: 13px;
				padding-right: 5px;
				margin: 0 auto;
				text-align: left;
				min-width: 775px;
			}
			#top_container #toplinks {
				position: relative;
			}
			#top_container ul, #top_container div#sitesearch, #top_container h2 {
				float: left;
				height: 44px;
			}
			#top_container ul li {
				background: url(../cs_images/div_top.png) no-repeat left;
				float: left;
				font-size: 12px;
			}
			#top_container ul li a {
				padding: 10px 10px 0 10px;
				display: block;
				height: 34px;
				float: left;
			}
			#top_container h2 {
				float: left;
				position: relative;
				width: 209px;
				height: 15px;
				margin-top: 15px;
				margin-right: 20px;
				background: url(../cs_images/logo_nationallouis.gif) no-repeat;
			}
			#top_container h2 {
				text-indent: -9999px;
			}
			#top_container a#btn_resources {
				background: url(../cs_images/arrow_res_down.gif) no-repeat 8px 19px;
				padding-left: 30px;
			}
			#top_container a#btn_resources.active {
				background: url(../cs_images/arrow_res_up.gif) no-repeat 8px 19px; 
			}
			#top_container div#sitesearch {
				background: url(../cs_images/div_top.png) no-repeat left;
				width: 199px;
				padding-top: 10px;
				height: 34px;
				padding-left: 10px;
			}
			/*#top_container #btn_chat span {
				display: block;
				width: 147px;
				height: 33px;
				padding: 28px 0 0 0;
				text-align: center;
				position: absolute;
				background: transparent url(../cs_images/bg_chattip.gif);
				top: 50px;
				left: 0px;
				display: none;
			}*/
			#top_container a#btn_chat {
				position: relative;
				overflow: hidden;
				width: 28px;
				color: #00b0ea;
			}
			#top_container #btn_chat span {
				display: block;
				top: -25px;
				left: 40px;
				position: relative;
			}
			#top_container a#btn_chat:hover {
				color: #00b0ea;
			}

/* -----------------------------------*/
/* ------->>> 2009 SEARCH BAR <<<-----*/
/* -----------------------------------*/

			input#txtsearch {
				display: block;
				float: left;
				background:url(../cs_images/bg_search.gif) no-repeat 0px 0px;
				border:none;
				height:20px;
				width:120px;
				padding-left: 10px;
				padding-top: 4px;
			}
			input#btnsearch {
				float: left;
				display: block;
				border:none;
				height:24px;
				width: 59px;
			}


/* -----------------------------------*/
/* ------->>> HEADER IMAGES <<<-------*/
/* -----------------------------------*/

			
			#header1, #header2, #header3, #header4 {
				position: relative;
				height: 248px;
				width: 775px;
			}
			
			#header1 {
				background-image: url(../cs_images/bg_header1_08.jpg);
			}
			
			#header2 {
				background-image: url(../cs_images/bg_header2_08.jpg);
			}
			
			#header3 {
				background-image: url(../cs_images/bg_header3_08.jpg);
			}
			
			#header4 {
				background-image: url(../cs_images/bg_header4_08.jpg);
			}
			
			#header1 span {
				display: none;
			}
			
			#header2 span {
				display: none;
			}
			
			#header3 span {
				display: none;
			}
			
			#header4 span {
				display: none;
			}
			
			a#conversation {
				display: block;
				background-image: url(../cs_images/btn_join.gif);
				height: 28px;
				width: 280px;
				position: absolute;
				top: 190px;
				left: 480px;		
			}
			
			a:hover#conversation {
				background-image: url(../cs_images/btn_join_ro.gif);
			}
			
						
			#main {
				height: 584px;
				background-image: url(../cs_images/bg_main_08.gif);
				background-repeat: no-repeat;
			}

/* -----------------------------------*/
/* ------>>> TOP YELLOW NAV <<<-------*/
/* -----------------------------------*/

			

			ul#nav {
				padding: 2px 0 0 3px;
			}
			ul#nav li a span {
				display: none;
			}
			ul#nav li {
				display: inline;
			}
			ul#nav li a {
				float: left;
				display: block;
				height: 31px;
				background: url(../cs_images/btn_topnav_08.gif);
			}


			ul#nav li a#nav1 {
				width: 203px;
				}
				ul#nav li a#nav1:hover {
					background-position: 0px -31px;
				}
				ul#nav li a#nav1:active {
					background-position: 0px -62px;
			}
			ul#nav li a#nav2 {
				width: 212px;
				background-position: -203px 0px;
				}
				ul#nav li a#nav2:hover {
				background-position: -203px -31px;
				}
				ul#nav li a#nav2:active {
				background-position: -203px -62px;
			}
			ul#nav li a#nav3 {
				width: 156px;
				background-position: -415px 0px;
				}
				ul#nav li a#nav3:hover {
				background-position: -415px -31px;
				}
				ul#nav li a#nav3:active {
				background-position: -415px -62px;
			}
			ul#nav li a#nav4 {
				width: 97px;
				background-position: -571px 0px;
				}
				ul#nav li a#nav4:hover {
				background-position: -571px -31px;
				}
				ul#nav li a#nav4:active {
				background-position: -571px -62px;
			}
			ul#nav li a#nav5 {
				width: 100px;
				background-position: -677px 0px;
				}
				ul#nav li a#nav5:hover {
				background-position: -677px -31px;
				}
				ul#nav li a#nav5:active {
				background-position: -677px -62px;
			}
			
/* -----------------------------------*/
/* ------>>> CONTENT REGIONS <<<------*/
/* -----------------------------------*/
				
			#content {
				float: left;
				padding: 20px 0 25px 13px;
				clear: both;
			}
			
			#section_1 {
				float: left;
				width: 260px;
				height: 445px;
				padding-left: 13px
				
			}
			#section_1 ul {
				margin-bottom: 20px;
			}
			#link_list_container ul.link_list * {
				padding: 0;
			}
			ul.link_list {
				float: left;
				margin-right: 10px;
				padding-right: 9px;

				width: 110px;
				zoom:1;
			}
			#link_list_1 {
				border-right: 1px solid #ccc;
				width: 95px;
			}
			#link_list_container ul.link_list li,
			#link_list_container ul.link_list li a {
				 zoom:1; /*need haslayout here*/
				 padding: 0;
				 margin: 0;
				 text-indent: 0;
			}
			/*#college_list {
				padding-bottom: 25px;
				background: url(../cs_images/bg_divider_08.gif) no-repeat bottom;
			}
			#link_list_container {
				padding-bottom: 10px;
				margin-bottom: 20px;
				background: url(../cs_images/bg_divider_08.gif) no-repeat bottom;
			}*/
			#section_1_div {
				height: 5px;
				margin-bottom: 20px;
			}
			
			#section_2 {
				margin-left: 273px;
				width: 489px;
				height: 445px;
			}
			
			#flash {
				width: 469px;
				height: 163px;
			
			}
			
			#section_2_content {
			
			padding: 35px 0 0 0 ;
			
			}
			
/* -----------------------------------*/
/* ---------->>> BUTTONS <<<----------*/
/* -----------------------------------*/	
			
			#buttons {
				float: left;
				width: 249px;
				height: 275px;
				padding: 2px 0 0 0;
				
			}
			
			#btn_1 a, #btn_2 a, #btn_3 a {
				width: 247px;
				height: 73px;
				display: block;
				position: relative;
				overflow: hidden;
			}
			
			#btn_1, #btn_2, #btn_3 {
				text-indent: -9999px;
			}
			
			#btn_1 a {
				background: url(../cs_images/nlu_openhouse_10.gif) no-repeat;
			}
					
			#btn_2 a {
				background: url(../cs_images/nlu_fall_09.gif) no-repeat;
				margin: 6px 0 0 0 ;				
			}
					
			#btn_3 a {
				background: url(../cs_images/nlu_mba_10.gif) no-repeat; 
				margin: 6px 0 0 0;
			}
			
			#btn_1 a:hover, #btn_2 a:hover, #btn_3 a:hover  {
				background-position: 0px -73px;
			}

/* -----------------------------------*/
/* ---------->>>  NEWS  <<<-----------*/
/* -----------------------------------*/				
			
			
			a#news_head {
				display: block;
				height: 21px;
				width: 208px;
				position: relative;
				overflow: hidden;
				background: url(../cs_images/bg_newshead_08.gif)
			}
			a#news_head:hover {
				background-position: 0px -21px;
			}
				
				a#news_head span {
					margin-left: -9999px;
			}
		
			#news {
				background-color: red;
				margin-left: 260px;
				width: 205px;
				height: 233px;
				background: url(../cs_images/bg_news_08.gif) repeat-y;
				z-index: 1;
				font-size: 0.8em;
				
			}
				
				#news ul {
				height: 191px;
				z-index: 0;
				margin-left: 1em;
				margin-right: 1em;
				padding-right: 1px;
				overflow: hidden;
				
			}
				
				#news li {
					line-height: 1.3em;
					margin-bottom: 0.6em;
					margin-top: 0.4em;
			}
			#scrolllinks {
				height: 23px;
				background-coldor: red;
			}
			#btn_scroll_up {
				display: block;
				float: left;
				background: url(../cs_images/btn_scroll_up.gif) no-repeat;
				width: 103px;
				height: 23px;	
			}
			#btn_scroll_down {
				display: block;
				background: url(../cs_images/btn_scroll_down.gif) no-repeat;
				width: 102px;
				height: 23px;
				float: right;
			}
			
/* -----------------------------------*/
/* -------->>> PULL DOWNS <<<---------*/
/* -----------------------------------*/
			
			#pulldowns {
				float: left;
				position: relative;
				height: 45px;
				width: 756px;
				top: 0px;
				font-size: 11px;
				color: #333333;
				clear: both;
				padding: 0 0 0 30px;
			}
			
			#pulldown_1 {
				height: 45px;
				width: 31%;
				float:left;				
			}
			
			#pulldown_2 {
				height: 45px;
				width: 34%;
				float:left;
				
			}
			
			#pulldown_3 {
				height: 45px;
				width: 33%;
				float:left;
				
				}
				
/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
			
			#footer {
				height: 45px;
				width: 93%;				
				font-size: 11px;
				text-align: center;
			}
			
			#footer a {
				color: #7a003c;
			}
			
			#footer a:hover {
				color: #d4ac07;
			}
			
			.clear {
				clear: both;
			}
			
/* -----------------------------------*/
/* ------>>> Social Network Selectors <<<----*/
/* -----------------------------------*/

ul#social_icons {
	margin-top: 11px;
}

ul#social_icons li a {
	display: block;
	text-indent: 0px;
	font-size: 14px;
	text-decoration: none;
	padding: 2px 0;
}

ul#social_icons {
	height: 128px;
}

ul#social_icons li {
	float: left;
	width: 58px;
	height: 58px;
	border: none;
	margin: 5px 8px 5px 0;
	display: inline;
}
ul#social_icons li a {
	width: 58px;
	height: 58px;
	text-indent: -9999px;
}
ul#social_icons li.link_facebook a {
	background: url(/gateway/images/icon_fb.gif) no-repeat;
}
ul#social_icons li.link_twitter a {
	background: url(/gateway/images/icon_twitter.gif) no-repeat;
}
ul#social_icons li.link_youtube a {
	background: url(/gateway/images/icon_youtube.gif) no-repeat;
}
ul#social_icons li.link_newsroom a {
	background: url(/gateway/images/icon_news.gif) no-repeat;
}
ul#social_icons li.link_linkedin a {
	background: url(/gateway/images/icon_linkedin.gif) no-repeat;
}
ul#social_icons li.link_myspace a {
	background: url(/gateway/images/icon_myspace.gif) no-repeat;
}
ul#social_icons li.link_alumni a {
	background: url(/gateway/images/icon_alumni.gif) no-repeat;
}