@charset "utf-8";
/* CSS Document */

	html { width: 100%; height: 100%; margin: 0 auto; }
	body { width: 100%; height: 100%; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: 11px; }
	img { border: none; }

	#container { width: 100%; height: 100%; margin: 0 auto; background: #B0B0A8;   }

	#header_container { width: 100%; height: 60px; background: #FFFFFF; }
	#nav_b_container { width: 100%; height: 30px; background: #7FB7DD; }
	#nav_a_container { width: 100%; height: 30px; background: #0067B1;  z-index: 1000; }
	/* #profile_container { width: 100%; height: 200px; background: #B0B0A8; z-index: -1; }
	#section_container { width: 100%; height: 30px; background: #0067B1; } */
	#profile_container { width: 100%; height: 250px; background:url(http://www.northlakecollege.edu/images/profile_background.jpg) top center repeat; z-index: -1; }
	#section_container { width: 100%; height: 50px; background: #B0B0A8; }
	#content_container
{
    background-position: left top;
    width: 100%;
    min-height: 560px;
    background: url( 'http://www.northlakecollege.edu/images/hp_content_spacer.gif' );
    background-repeat: repeat;
}
	#footer_container { width: 100%; height: 30px; background: #B0B0A8; }
	
	#header { position: relative; width: 955px; margin: 0 auto; height: 60px; }
		#header_logo { margin-left: 10px; }
		#header_nav { position: absolute; right: 10px; top: 21px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight: bold; }
		#header_nav a { color: #000000; text-decoration: none; }
		#header_nav a:hover { color: #000000; text-decoration: underline; }
	
	#nav_b
{
    position: relative;
    width: 937px;
    margin: 0 auto;
    padding-left: 18px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #7FB7D0;
}
		#nav_b a { color: #FFFFFF; text-decoration: none; }
		#nav_b a:hover { color: #0067B1; text-decoration: underline; }
		.searchbox { position: absolute; right: 10px; width: 150px; height: 30px; top: 0px; }
		#search_text { position: relative; width: 110px; height: 14px; background-color: #FFFFFF; color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 11px; border: 0px; text-align: center; }
		#go_button { position: absolute; top: 6px; margin-left: 10px; height: 18px; width: 30px; }
		
		#profile_text { position: relative; width: 930px; margin: 0 auto; padding-top: 208px; padding-left: 15px; font-weight: normal; color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
		/* #profile_text { position: relative; width: 930px; margin: 0 auto; padding-top: 7px; padding-left: 25px; font-weight: normal; color: #FFFFFF; font-family:Arial, Helvetica, sans-serif font-size: 12px; }*/
		.profile_large_text { font-size: 18px; font-weight: normal; }
		/* #profile a { color: #333333; text-decoration: none; } */
		#profile_text a { color: #333333; text-decoration: none; }
		/* #profile a:hover { text-decoration: underline; } */
		#profile_text a:hover { text-decoration: underline; }
		
	#nav_a
{
    width: 937px;
    margin: 0 auto;
    height: 30px;
    padding-left: 18px;
    line-height: 30px;
    background-color: #0067B1;
}
	
	/*#section { position: relative; width: 955px; padding-left: 10px; margin: 0 auto; height: 30px; color: #FFFFFF; line-height: 30px; letter-spacing: 2px; font-size: 14px; }
		#section_spotlight { position: absolute; width: 319px; }
		#section_news { position: absolute; width: 318px; left: 319px;  }
		#section_events { position: absolute; width: 318px; left: 637px; }
	*/
		#section_spotlight { color: #9E1D21; line-height: 30px; letter-spacing: 2px; font-size: 14px; font-weight: bold; text-transform: uppercase; border-bottom: dashed 1px #B0B0A8; margin-bottom: 10px; }
		#section_news { color: #9E1D21; line-height: 30px;  letter-spacing: 2px; font-size: 14px; font-weight: bold; text-transform: uppercase; border-bottom: dashed 1px #B0B0A8; margin-bottom: 10px; }
		#section_events { color: #9E1D21; line-height: 30px; letter-spacing: 2px; font-size: 14px; font-weight: bold; text-transform: uppercase; border-bottom: dashed 1px #B0B0A8; margin-bottom: 10px; }
		
	#content
{
    position: relative;
    background-position: left top;
    background: url( 'http://www.northlakecollege.edu/images/hp_content_spacer.gif' );
    background-repeat: repeat;
    width: 955px;
    margin: 0 auto;
    min-height: 560px;
}
		#spotlight {
	position: absolute;
	width: 309px;
	margin-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	min-height: 560px;
	border-left: solid 3px #FFFFFF;
	top: 0px;
}
			#spotlight_padding { padding: 10px; }
			#spotlight a { text-decoration: underline; font-weight: bold; color: #0067B1; }
		#news { position: absolute; left: 319px; width: 308px; line-height: 13px; min-height: 560px; border-left: solid 3px #FFFFFF; }
			#news_padding { padding: 10px; }
			#news a { text-decoration: none; font-size: 11px; font-weight: bold; color: #0067B1; text-decoration: underline; }
			#news a:hover { text-decoration: underline; }
			.newscopy { font-size: 11px; padding-bottom: 10px; }
			#newsmore { text-align: right; vertical-align: bottom; padding-top: 0px; padding-bottom: 20px; padding-right: 10px; }
				#newsmore a.morelinks { color: #9E1D21; text-decoration: none; }
				#newsmore a.morelinks:hover { text-decoration: underline; }
		#events {
	position: absolute;
	left: 638px;
	width: 304px;
	line-height: 13px;
	min-height: 560px;
	border-left: solid 3px #FFFFFF;
	border-right: solid 3px #FFFFFF;
	top: 0px;
}
			#events_padding { padding: 10px; }
			#events a { text-decoration: none; font-size: 11px; font-weight: bold; color: #0067B1; text-decoration: underline; }
			#events a:hover { text-decoration: underline; }
			.eventcopy { font-size: 11px;  }
			.eventdate { font-weight: bold; }
			#eventmore { text-align: right; vertical-align: top; padding-top: 10px; padding-bottom: 20px; padding-right: 10px; }
				#eventmore a.morelinks { color: #9E1D21; text-decoration: none; }
				#eventmore a.morelinks:hover { text-decoration: underline; }
	
	#footer
{
    width: 955px;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    background-color: #B0B0A8;
}
		#footer a { color: #FFFFFF; text-decoration: none; }
		#footer a:hover { color: #9E1D21; text-decoration: underline; }
		
		#breadcrumbs { height: 20px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #9E1D21; padding-left: 20px; padding-top: 20px; }
		#bodytitle { padding-left: 20px; font-size: 16px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0067B1; }
		#bodysubtitle { padding-bottom: 10px; padding-left: 20px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0067B1; }
		#bodytext { margin-left: 20px; margin-right: 20px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: left; }
		
		a.breadcrumblinks { color: #9E1D21; text-decoration: none; }
		a.breadcrumblinks:hover { color: #9E1D21; text-decoration: underline; }
		
		a.bodylinks { color: #0067B1; text-decoration: underline; }
		a.bodylinks:hover { text-decoration: underline; }
		a.bodylinks:visited { color: #666666; }
	
		/*****************************************Navigation Menu Styles************************************/
		div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: #ffffff; FONT-FAMILY: arial,helvetica;  TEXT-ALIGN: left; }
		div.menuBar { background-color: #0067B1; text-align: left; }
		
		div.menuBar a.menuButton { background-color: transparent; color: #ffffff; text-decoration: none;  top: 0px; }
		
		div.menuBar a.menuButton:hover { background-color: transparent;  color: #ffffff; text-decoration: underline; }
		
		div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {  background-color: #0067B1;  color:#FFFFFF; }
		
		div.menu   { background-color: #0067B1; position: absolute; top: 10px; visibility: hidden }
		
		div.menu a.menuItem {  color: #ffffff;  cursor: default;  display: block;  padding:  text-decoration: none;  white-space: nowrap;}
		
		div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #0067B1; color: #FFFFFF; text-decoration: underline; }
		
		div.menu a.menuItem span.menuItemText {}
		
		div.menu a.menuItem span.menuItemArrow {  margin-right: -.75em; }
		
		div.menu div.menuItemSep { color: #0067B1; margin: 4px 2px; }
		
		/*********************************Drop Down Menu and SubMenu Styles************************************/
		/* Main Navigation */
		td.main_nav {
			background:#0067B1;	
			}
		td.main_nav ul, ul ul {
			list-style:none;
			}
		td.main_nav a {
			color:#FFF;
			font-size:12px;
			text-decoration:none;
			font-family:arial, helvetica;
				}
		td.main_nav a:hover {
			text-decoration:underline;
			}
		
		/* ALL LISTS */
		ul#nav {
			margin:0;
			padding:0;
			}
		ul#nav li {
			float:left;
			padding:0;
			}
		ul#nav li ul li {
			float:none;
			margin:0.20em 1.5em 0 1.5em;
			padding:0;
			
			}
		ul#nav a {
			display: block;
			color:#FFFFFF;
			font-weight:normal;
			font-family:arial, helvetica;
			text-decoration: none;
			}
		ul#nav a:hover { text-decoration: underline; }
			
		/* SECOND LEVEL */
		ul#nav li ul {
			padding:0px 0;
			margin:0;
			position: absolute;
			background:#0067B1;
			font-size:12px;
			width:235px;
			left: -999em;
			line-height:16px;
			padding-bottom: 10px;
			z-index: 999;
			}
		ul#nav li ul a{
			font-size:12px;
			}	
		
		ul#nav li ul.lib { width: 200px; margin: 0 0 0 105px; }
		ul#nav li ul.scr { width: 220px; margin: 0 0 0 33px; }
		ul#nav li ul.sl { width: 220px; margin: 0 0 0 -145px; }
		
		/* THIRD LEVEL */
		ul#nav li ul ul {
			background:#7FB7DD;
			margin:-20px 0 0 145px;
			padding:1.0em 0;
			line-height:16px;
			}
		ul#nav li ul ul li a {
			font-size:12px;
			font-weight:normal;	
			color:#FFFFFF;
			font-family:arial, helvetica;
			text-decoration: none;
			}
		
		/* THE MAGIC */
		ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
			left: -999em;
			}
		ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav 
		li li.sfhover ul { /* lists nested under hovered list items */
			left: auto; 
			}