
#contentheader{font-size:1px;padding:2px 13px 2px 20px;position:relative;z-index:1;background:#ffffff; }
	



#top_nav{ background: none ; width: 999px; height: 32px;  }
#top_nav #top_nav_container{width:999px; margin: 7px 0 0 0; height:32px;   clear:both; position:relative;    }
#top_nav ul { padding: 0;margin: 0;list-style: none;line-height: 1;}
#top_nav a {display: block;}

#top_nav  ul li div a{  height: 26px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding: 5px 15px 1px 15px; background: url(/images-undergrad-exp/top-nav-separator.png) no-repeat right;   text-transform:uppercase }
#top_nav  ul li div a.selected{  height: 26px; text-decoration: none !important; background:#F5F5F5; color:#2255aa; font-family:Arial, Helvetica, sans-serif; font-weight:bold ; font-size:14px; text-transform:uppercase }

#top_nav ul li { float: left; }

	#top_nav li ul { /* second-level lists */width: 170px; position: absolute;left: -999em;padding: 0 0 0 0; z-index:100; background:url(/images/black-transparent.png) repeat }
	#top_nav li ul li { /* second-level lists */ width: 200px; background: url(/images-undergrad-exp/top-nav-level2-bg.png) repeat   /*#939598*/   ;padding: 8px 0 8px 0px;cursor:pointer; margin: 0 0 0 0;   }
	#top_nav li ul li.hover { /* second-level lists *//*background: url(/images-V3/header-nav-level2-li-hover-bg.png) no-repeat top;*/ background-image:none; background: url(/images/dropdown-separator.png) repeat-x  bottom#0d4872}
	#top_nav li ul li.hover  a{ /* second-level lists */color: #333;  }
	#top_nav li ul li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#333; padding: 0 0 0 25px}

		#top_nav li ul ul { /* level 3 */width: 202px; background: url(/images-V3/header-nav-level3-bg.png) no-repeat top; padding: 30px 0 0 0; margin: -23px 0 0 152px;}
		#top_nav li:hover ul ul, #header_nav li:hover ul ul ul, #header_nav li.sfhover ul ul, #header_nav li.sfhover ul ul ul {left: -999em;}
		#top_nav li:hover ul, #header_nav li li:hover ul, #header_nav li li li:hover ul, #header_nav li.sfhover ul, #header_nav li li.sfhover ul, #header_nav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;}


/* Feature Area */	
#featurearea{}	
	
	#feature{top:0;right:0; float:left; margin: 0 0 0 0}
	/*-------------banner ----*/
	
	#banner_container { width:999px;height:331px;position: relative; background: #000  }
	#banner_window	{ width:999px;height:331px; overflow: hidden; }
	#banners { position:relative;width:10000px; }
	#banners img{ border: 0; }
	#banners .banner_item{ width:999px; height: 331px; float:left; margin: 0 0 0 0}
	#banner_container #banner_nav_container{position: absolute; top:213px; left: 820px;width: 142px; height:101px; padding: 13px 0 0 14px; }
	#banner_nav_container ul{ list-style: none; margin: 5px 0 0 0}
	#banner_nav_container ul li{ float: left; background:url(/images-undergrad-exp/banner_nav.png) no-repeat 0px 0px; width: 11px; height: 11px; padding: 0 8px 0 0; cursor:pointer; }
	.feature_caption{ width: 540px; height: 85px; background:url(/images-undergrad-exp/black-transparent.png) repeat; position:absolute; padding: 10px 0 0 20px; }
		.feature_caption h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size:24px; color: #FFF; font-weight:normal; padding: 0 0 8px 0; line-height:16px; margin: 0 !important}
		.feature_caption .description{ width: 520px; }
		.feature_caption p{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color: #FFF; line-height: 18px;}
		.feature_caption a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3d96e0; text-transform:uppercase; text-decoration:none; padding: 0 0 0 2px; display:inline !important   }
		.feature_caption a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3d96e0; text-transform:uppercase; text-decoration:none; padding: 0 0 0 2px; display:inline !important}
		.feature_caption a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #3d96e0; text-transform:uppercase; text-decoration:underline; padding: 0 0 0 2px; display:inline !important}
	#feature_caption1{ top: 217px; left:419px}
	#feature_caption2{ top: 217px; left:1418px}
	#feature_caption3{ top: 217px; left:2417px}
	#feature_caption4{ top: 217px; left:3416px}
	#feature_caption5{ top: 217px; left:4415px}
	
	
	#tooltip_container div img{width:90px; margin: 20px 0 0 30px; padding:0px 0 0 0; border: 1px solid #0894f4   }
	#tooltip_container div{display:none;width:100px; float: left}
	#tooltip_container{ /*position: absolute; top: -175px; left:-710px; width:90px; height:70px*/ width: 90px; height: 60px; }
	
	
	/*-------------banner END----*/

/* Content Area */		

/* ----------------------------------------------------------------------------------------------------- */			
/* Tier 2+
/* ----------------------------------------------------------------------------------------------------- */

#page_title_bar{ height:177px; width:999px }

/* Content Area */
#contentarea{background: #f0f0f0}
	#topbar{background: url(/images-v8/backdrop-bg.jpg) top left repeat-y;height:12px;}

	#leftcolumn{width:285px;float:left; }
		#leftcolumn #category_title{ color: #FFF; font-family: Georgia, "Times New Roman", Times, serif;  font-size:16px; padding: 6px 0 5px 10px;  background: #1964a7; margin: 20px 0 3px 20px; width:250px }	
		#leftcolumn .box-top{ background: url(/images-undergrad-exp/left-nav-box.png) no-repeat; width: 260px; height: 13px; margin: 0 0 0 20px}
		#leftcolumn .box-bottom{ background:  url(/images-undergrad-exp/left-nav-box-bottom.png) no-repeat bottom; width: 260px; margin: 0 0 0 20px; }
		#navarea{ padding: 0 0 0 0;  margin: 0 0 20px 0}

			#quicklinks{border-bottom:1px solid #2b5e93;padding:0 0 10px 0;margin:0 0 10px 10px}
				#quicklinks select{font-size:9px;color:#000000;width:165px;}
		
			.tier2 #nav{margin:0 0 0 19px;padding:20px 0 29px 0}
				.tier2 #nav ul li{border-bottom:1px solid #2e6094;padding:8px 0;}
				.tier2 #nav ul li a{color:#ffffff;text-decoration:none;font-family: Arial, Helvetica, sans-serif ;font-size:11px;text-transform:uppercase; font-weight:700;}
				.tier2 #nav ul li a:hover{color:#83c4fd;}
				.tier2 #nav ul li ul{display:none;}

				.tier2 #nav #nav-loyolalaw{display:none;} /* Hide Loyola Law nav link from tier2 */
		
		.featured{ margin: 30px 0 20px 30px }
		.featured p{ font-style:italic; color: #999; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin: 10px 0 10px 0; line-height: 14px}
		
			.tier3 #autonav{margin:0 0 0 19px;padding:0 0 10px 0}
				.tier3 #autonav ul li{border-bottom:1px solid #2e6094;padding:8px 0;}
				.tier3 #autonav ul li a{color:#ffffff;text-decoration:none;font-family: Arial, Helvetica, sans-serif ;font-size:11px; text-transform:uppercase; font-weight:700;}
				.tier3 #autonav ul li a:hover{color:#83c4fd;}
				.tier3 #autonav ul li ul{display:none;}



				
			.tier3 #nav	{margin:0 0 0 9px;padding:0 0 15px 0}
				.tier3 #nav a.headerCssClass {display: block;font: normal 11px Georgia, Verdana, Arial, Helvetica, sans-serif;color: #ffffff !important;text-decoration: none;padding: 4px 0 4px 10px;}
				.tier3 #nav a.headerCssClassSelected{display: block;font: normal 11px Georgia, Verdana, Arial, Helvetica, sans-serif;color: #0267cd;text-decoration: none;padding: 4px 0 4px 10px;background:#ffffff;}
				.tier3 #nav a.itemCssClass{display: block;font: normal 11px Arial, Helvetica, sans-serif;color: #666666 !Important;text-decoration: none;padding: 5px 0 5px 20px;background:#ffffff;}
				.tier3 #nav a.itemCssClassSelected{display: block;font: normal 11px Arial, Helvetica, sans-serif;color: #666666;text-decoration: none;padding: 5px 0 5px 20px;background: #ffffff;}				
						
		
			
			#quote{line-height:1.3em;margin:0 auto;font-size:11px;background: #dfdfdf;color:#666666;}
				#quote #quote-photo{margin:0;padding:0}
				#quote blockquote{background: url(/images-v8/quote.gif) 10px 0 no-repeat;padding:0 25px 0 40px;text-align:right;margin:0 0 10px 0;}
				#quote #quote-attribute{font-family: Arial, Helvetica, sans-serif ;text-align:right;padding:0 25px 0 0}
					#quote #quote-attribute strong{color:#000000;font-size:14px;font-weight:normal}
					#quote #quote-attribute em{font-size:12px;color:#666666;}
	
	#content_wrapper{ width: 680px; float:left; background:#ffffff; margin: 20px 0 20px 10px; }
	#content_wrapper #page_title_red{ padding: 10px 0 10px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#FFF; font-weight:normal; background:#a41112;}
		
	#content{width:630px;line-height:1.4em;padding:20px 20px 40px 20px;color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px}
		#content a:link{color:#0f76cf!important;text-decoration:none;}
		#content a:visited{color:#0f76cf!important;text-decoration:none;}
		#content a:hover{color:#0f76cf!important;text-decoration:underline;}
		
		#content h1{color:#b22424;font-family: Arial, Helvetica, sans-serif ;font-size:20px;margin:0 0 20px 0}
		#content h2{color:#194678;font-size:16px;font-family: Arial, Helvetica, sans-serif ;}
	
		#content ul{margin:15px 0;padding:0;}
		#content ul li{margin:0 0 3px 30px;padding:0 0 5px 23px;background: url(/images/bullet.gif) 0 0px no-repeat;}
		
		#content #subnavtable{width:520px;border-collapse:collapse;margin:0 auto}
			#content #subnavtable td{padding:0;color: #666666;width:50%}
			#content #subnavtable td a{color: #333;text-decoration:none;}
			#content #subnavtable td ul li{margin:0 0 0px 5px;padding:0 0 5px 23px;}
			
		#content .pagelet-quicklinks{float:right;width:170px;border:1px solid #e5e5e5;background:#f5f5f5;padding:10px 15px;margin:10px 0 15px 20px}
			#content .pagelet-quicklinks-title{color:#194678;font-size:17px;font-family: Arial, Helvetica, sans-serif ;margin:0 0 5px 0}
			#content .pagelet-quicklinks ul{}
			#content .pagelet-quicklinks li{background:none;padding:0;font-size:11px;margin:0 0 3px 0px;}
			#content .pagelet-quicklinks li	img{margin:0 0 0 8px;}
			#content .pagelet-quicklinks li	a:hover{text-decoration:none !important;}
			
		#content .pagelet-quicklinks-with-teaser{float:right;width:170px;border:1px solid #e5e5e5;background:#f5f5f5;padding:10px 15px;margin:10px 0 15px 20px}
			#content .pagelet-quicklinks-title{color:#194678;font-size:17px;font-family: Arial, Helvetica, sans-serif ;margin:0 0 5px 0}
			#content .pagelet-quicklinks-with-teaser ul{}
			#content .pagelet-quicklinks-with-teaser li{background:none;padding:0;font-size:11px;margin:0 0 9px 0px; }
			#content .pagelet-quicklinks-with-teaser .item_title{color:#19478 !important; font-weight:700;}
			#content .pagelet-quicklinks-with-teaser li	img{margin:0 0 0 8px;}
			#content .pagelet-quicklinks-with-teaser .teaser{font-size:10px}
			#content .pagelet-quicklinks-with-teaser li	a:hover{text-decoration:none !important;}	
		
		#content_left_column{ float:left; width:410px}
		#content_right_column{ float:left; width: 230px}	
		
		.strip_table TR.gray { background: #F7F7F7;}
		.strip_table TR.light_gray { background: #E5E5E5;}
		.strip_table TR.gray TD{ padding: 8px 0 8px 10px}
		.strip_table TR.light_gray TD{ padding: 8px 0 8px 10px}
		
	/*-----------------for tier2 one column--------------------------*/
	#onecolumn_wrapper{ width: 950px; float:left; background:#ffffff; margin: 20px 0 20px 20px; }
	#onecolumn_wrapper #page_title_red{ padding: 5px 0 5px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#FFF; font-weight:normal; background:#a41112; height: 30px}
	#onecolumn_wrapper #page_title_red #left_subtitle{ height: 10px; width: 200px; float:left; }
	
		#onecolumn{width:930px;line-height:1.4em;padding:20px 10px 40px 10px;color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
		#onecolumn a:link{color:#0f76cf;text-decoration:none;}
		#onecolumn a:visited{color:#0f76cf;text-decoration:none;}
		#onecolumn a:hover{color:#0f76cf;text-decoration:underline;}
		
		#onecolumn h1{color:#b22424;font-family: Arial, Helvetica, sans-serif ;font-size:20px;margin:0 0 20px 0}
		/*#onecolumn h2{color:#194678;font-size:16px;font-family: Arial, Helvetica, sans-serif ;}*/
	
	
	

/* ----------------------------------------------------------------------------------------------------- */			
/* Localist overide
/* ----------------------------------------------------------------------------------------------------- */	

.grid_container{ width:999px; overflow: visible}
.search_action{ display:none}
#menu{ float:right; width: 500px; height: 10px;  }	
#menu .action_menu li a {line-height:0; padding: 12px 20px 0 0 }
#x-event-group-title{ color: #FFF}
.box_header.settings{border-bottom:none; padding-bottom:0px;}
.dark_colorfive {background-color:#999;}
.light_colorfive {background-color: #F5F5F5 ;}
.grid_container .grid_8 {width:610px;}

.box_header{ background: #f8f8f8;} /* Xiaoyan change color from #999 to #f8f8f8 */
.homepage .box_header { background: #999;} /* homepage still keep the same */
#x-section-title, #x-event-group-title{ color:#FFF; margin: 5px 0 5px 10px}
.vevent{ background: #FFF}
.light_colorone {
	background-color:#F5F5F5;
}


.section_dark_colorone {
	background-color:#999;
	border-bottom:3px solid #999;
}

.section_dark_colortwo {
	background-color:#999;
	border-bottom:3px solid #999;
}

.section_dark_colorfour {
	background-color:#999;
	border-bottom:3px solid #999;
}

.action_button {
	float:right;
	text-align:center;
	margin-bottom:5px;
}

.dark_colorone {
	background-color:#999;
}

.action_button a {
	color:#fff !important;
	font-size:14px;
}

.action_button input, .action_button a {
	background-color:#999;
	padding:5px;
	color:#fff !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0px 5px;
	font-size:12px;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:0px;
	border-left:0px;
	display:block;
	float:left;
	font-weight:bold;
	cursor:pointer;
}

.action_button input:hover, .action_button a:hover {
	background-color:#666;
}

a.watchthis, a.imgoing{ color: #fff}

.user_action {
	margin:10px 0px 20px 0px;
	text-align:center;
}

.user_action a, .user_action input {
	padding:5px 10px;
	color:#fff !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:5px auto;
	font:16px "Helvetica Neue",  helvetica,  arial,  sans-serif;
	background-color:#999;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	border-top:1px solid #666;
	border-left:1px solid #666;
	text-align:center;
}

.user_action a:hover, .user_action input:hover {
	background-color:#666;
}

#localist-minical-prev-month, #localist-minical-next-month{ background: #CCC} 

#minicalendar .selected a {
	color:#fff !important; 
}

.action_menu a{font-family:Arial, Helvetica, sans-serif}

.profile_icon{ display:none}

#menu .action_menu_items {
	background:#F5F5F5;
	
}

/*------------------------------------- Tool Box -------------------------------------------------------*/
#tools{font-size:9px;color:#666666;padding:15px 12px 20px 19px;padding:0px 15px;margin:0px 15px 15px 15px; height: 70px;}
			#tools .toolbox_column{ height: 62px; float:left ; width: 60px; margin: 13px 0 0 0 }
			#tools .columnseparator{ height: 50px; width:1px; float:left; margin: 10px 15px 0 15px;    }
			#tools img{vertical-align:middle}
			#tools p{margin:0 0 10px 0;}
			#tools a{color:#333;text-decoration:none;}
			#tools a:hover{color:#333;text-decoration:none !important;}
			#tools h2{ font-family:"Times New Roman", Times, serif; font-size:20px; color:#b22424; margin: 0 0 5px 0 }				
			
			
/*--------------------------------------Search Tool-------------------------------------------------*/
#search_tools{font-size:9px;color:#666666;padding:15px 12px 20px 19px;border:1px solid #CCCCCC;background:#f5f5f5;padding:0px 15px;margin:20px 15px 15px 15px; height: 200px;}
			#search_tools img{vertical-align:middle}
			#search_tools p{margin:0 0 10px 0;}
			#search_tools a{color:#666666;text-decoration:none;}
			#search_tools a:hover{color:#666666;text-decoration:none !important;}
			#search_tools h2{ font-family:"Times New Roman", Times, serif; font-size:20px; color:#b22424; margin: 0 0 5px 0 }	
ul#search_tool{ list-style:none}
ul#search_tool li{ margin:0 0 4px 0px;padding:0 0 7px 23px;background: url(/images-undergrad-exp/bullet.gif) 0 0px no-repeat;}
ul#search_tool li a:link{ color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
ul#search_tool li a:visited{ color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
ul#search_tool li a:hover{ color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline !important}
