* {margin:0; padding:0; outline:0;}

body {
	background: url('../graphics/layout/bg_body.jpg') repeat top center;
	font-family: 'Kameron', serif;
	font-family:sans-serif !important;
	font-weight: 400;
	line-height: 24px;
	color: #111721;
	}
	
#wrap {
	width: 960px;
	margin: 0 auto;
	}
	
	
.clear {
	clear:both;
	width:100%;
	height:0;
	overflow:hidden;
	}
	
a img {
	border: none;
	}

a:link, a:visited {
    color: #11589A;
    font-weight: normal;
}

a:hover, a:active {
	color: #54168E;
}
	
blockquote, fieldset, form,
p, ul, ol, dl, dir, menu {margin: 1.12em 0;}
h1{font-size: 24px; margin: 0 0 4px;}
h2{font-size: 21px; margin: 0 0 3px;}
h3{font-size: 18px; margin: 0 0 2px;}
h4{font-size: 1.2em; margin: 0 0 1em;}
h5{font-size: .83em; margin: 0 0 1.5em 0; }
h6{font-size: .75em; margin: 0 0 1.67em 0; }
ul, ol {padding-left: 20px;}		


/*----------- TopNav Section -----------*/
#topnav {
	background: #333a47;
	height: 60px;
	}
	
	#topnav .wrap {
		width: 960px;
		margin: 0 auto;
		}
		
#util {
	float: left;
	width: 445px;
	}
	
	#util ul {list-style: none; padding-left: 0;}
	#util ul li {
		background: url("../graphics/layout/topnav/divider.png") no-repeat scroll right center transparent;
		display: inline-block;
		font-size: 13px;
		letter-spacing: 0.2px;
		padding-left: 2px;
		padding-right: 15px;
		}
	#util ul li:last-child {background: none;}
	#util ul li a {
		color: #FFFFFF;
		display: block;
		text-decoration: none;
		}		
		#util ul li img {
			padding: 0 7px 3px 5px;
    		vertical-align: middle;
    		opacity: .2;
    		filter:alpha(opacity=20)
    		}
    #util ul li:hover img {
    	opacity: 1;
    	filter:alpha(opacity=100)
    	}
	
#login {
	float: right;
	width: 515px;
	position: relative;
	}
	
#login form {
	margin: 0;
	}
	
	#login .portal_login {
		float: right;
		margin-top: 14px;
		width: 545px;
		}
		
		#login .portal_login_username {
			float: left;
			}
			
		#login .portal_login_password {
			float: left;
			margin: 0 5px;
			position: relative;
			}
			
		#login .form_row_submit {
			float: left;
			}
			
		#login input {
			background: none repeat scroll 0 0 #282C35;
			border: 0 none;
			border-radius: 3px 3px 3px 3px;
			color: #FFFFFF;
			padding: 8px 3px;
			width: 120px;
			}
			
		#login .form_label {
			color: #BABABA;
			float: left;
			font-size: 12px;
			font-weight: normal;
			padding-left: 10px;
			padding-right: 4px;
			padding-top: 3px;
			text-shadow: -1px -1px 0 #000000;
			}
			
		#login .form_field {
			float: left;
			}
			
		#login div.form_row_submit input {
			background: #4a5160;
					background: -webkit-gradient(linear, left top, left bottom, from(#4a5160), to(#383f4b));
				    background: -webkit-linear-gradient(top, #4a5160, #383f4b);
				    background: -moz-linear-gradient(top, #4a5160, #383f4b);
				    background: -ms-linear-gradient(top, #4a5160, #383f4b);
				    background: -o-linear-gradient(top, #4a5160, #383f4b);
			border-radius: 3px 3px 3px 3px;
				-moz-border-radius:  3px;
				-webkit-border-radius: 3px;
			box-shadow: 0 1px 0 #000000;
				-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  				-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
			color: #fff;
			float: right;
			margin-left: 5px;
			padding: 7px 0;
			width: 68px;
			}
	
/*----------- Header Section -----------*/

#header {
	min-height: 158px;
	}
	
	
#logo {
	width: 285px;
	float: left;
	margin-top: -1px;
	}
	
	
.internal #header {
	background: url("../graphics/layout/bg_header.jpg") repeat-x scroll left bottom #11589A;
    min-height: 199px;
    }

/*----------- PrimaryNav Section -----------*/

#primarynav {
	background: none repeat scroll 0 0 #E2E0EE;
    border-top: 6px solid #262930;
    float: right;
    font-size: 13px;
    height: 152px;
    letter-spacing: 1.4px;
    margin-top: -1px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 675px;
    z-index: 100;
	}
	
	#primarynav ul {
		line-height: 142px;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		}
		
		#primarynav ul li {
			display: inline-block;
			padding-top: 16px;
			position: relative;
			}
			
			#primarynav ul li a {
				color: #54168e;
				text-decoration: none;
				padding: 0 21px;
				}
				
			#primarynav ul li:hover {
					background: none repeat scroll 0 0 #54168E;
					line-height: 133px;
    				padding-top: 20px;
					}
			
			#primarynav ul li:hover a {
				color: #fff;
				}
				
	/*----------- PrimaryNav Section - Second Tier -----------*/
	
	#primarynav ul li ul  {
		display: none;
		}
			
	#primarynav ul li:hover ul {
		display: block;
		background: none repeat scroll 0 0 #54168E;
		line-height: 24px;
		min-width: 175px;
		padding: 10px 25px 22px;
		position: absolute;
		text-align: left;
		}
		
		#primarynav ul li ul li {
			display: block;
			line-height: 37px !important;
			padding-top: 0 !important;
			}
			
			#primarynav ul li ul li a {
				color: #FFFFFF;
				padding: 0;
				white-space: nowrap;
				}
				
			#primarynav ul li ul li a:hover {
				padding: 0;
				background: 0;
				color: #9484A8;
				}

/*----------- Spotlight Section -----------*/

#spotlightarea {
	background:  #272e3c;
	height: 282px;
	margin-top: -1px;
	position: relative;
	width: 960px;
	}
	
#spotlightcopy {
	float: left;
    height: 235px;
    padding: 20px;
    width: 245px;
    position: relative;
	}
	
	#spotlightcopy p {
		bottom: 5%;
    	color: #FFFFFF;
		font-family: 'UniversCondensedLight',Helvetica,Arial;
		font-size: 25px;
		font-weight: lighter;
		left: 0;
		letter-spacing: -0.2px;
		line-height: 30px;
		margin: 0;
		padding: 0 15px;
		position: absolute;
		}
		
		#spotlightcopy p a {
			color: #9484a8;
			text-decoration: none;
			}
	
#spotlightimage {
	float: left;
	width: 675px;
	height: 275px;
	overflow: hidden;
	padding: 3px 0 4px;
	}

#home_slideshow_nav {
background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    bottom: -45px;
    right: 0;
    margin: 0 auto;
    padding: 0 0 4px;
    position: absolute;
    text-align: center;
    width: 960px;
    z-index: 25;
}

#home_slideshow_nav a:link, #home_slideshow_nav a:visited {
width:10px;
height:9px;
background:url(../graphics/layout/spot_button.png) center no-repeat;
font-size:.1em;
line-height:.1em;
padding:5px;
display:inline-block;
text-indent: -9999px;
}

#home_slideshow_nav a:hover, #home_slideshow_nav a:active, #home_slideshow_nav a.activeSlide {
background:url(../graphics/layout/spot_button_selected.png) center no-repeat;
}

#homepage_photo ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}


.spotlightnav {
	bottom: -36px;
    left: 46.5%;
    position: absolute;
    width: 70px;
	}

/*----------- Masthead Section -----------*/

#masthead #sectionname h1 {
	color: #54168E;
    font-family: 'BergamoStdItalic',Times New Roman,sans-serif;
    font-family:sans-serif !important;
    font-size: 54px;
    font-weight: normal;
    letter-spacing: 0.7px;
    line-height: 75px;
    margin-top: 26px;
    padding-left: 5px;
	}
	
	#masthead {
		border-bottom: 3px solid #25313F;
		border-top: 1px solid #000000;
		height: 122px;
		position: relative;
		}
		
	#masthead #sectionname {
		float: left;
		position: absolute;
		}
	
	#masthead #image {
		float: right;
		height: 122px;
    	overflow: hidden;
		}



/*----------- Main Content Section -----------*/

#main {
	padding-top: 62px;
	min-height: 170px;
	}

#primarycontent {
	width: 480px;
	float: left;
	}
	
#newsarea {
	width: 480px;
	float: right;
	height: 170px;
	overflow: hidden;
	position: relative;
	}

#news {
	background: url("../graphics/layout/bg_news.jpg") no-repeat scroll 50px 0 transparent;
    height: 143px;
    margin-left: 7px;
    padding: 0 50px;
    width: 366px;
	}
	#news ul {
		height: 103px;
		list-style: none outside none;
		margin: 0;
		overflow: hidden;
		padding: 20px;
		}
		#news ul li {
			color: #6F6F6F;
			font-size: 12px;
			height: 75px;
			margin: 50px 0 0;
			overflow: hidden;
			padding: 0;
			}

.content_news_article_headline {
	color: #2C6DB9;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.2px;
    margin-bottom: 6px;
    margin-top: 1px;
    padding: 0 10px;
    }
    
    .content_news_article_headline a {
    	color: #2C6DB9;
    	text-decoration: none;
    	}
    	
div.news_articles ul li span.content_news_article_by_line {
padding: 0 10px;
}
		
#nav_news {
	height: auto !important;
    padding: 0 !important;
	}
	#nav_news ul {
		height: auto;
		padding: 0;
		}
		#nav-news ul li {
			display: inline-block;
			}

#prev {
	background: url("../graphics/layout/news_prev.gif") no-repeat scroll left top transparent;
    height: 142px !important;
    left: 7px;
    margin: 0 !important;
    position: absolute;
    top: 0;
    width: 49px;
	}
	
	#prev a {
		color: #D9D9E1;
		height: 142px;
		line-height: 230px;
		padding: 105px 0 20px;
		text-indent: -9999px;
		vertical-align: middle;
		}

#next {
	background: url("../graphics/layout/news_next.gif") no-repeat scroll left top transparent;
	height: 142px !important;
	margin: 0 !important;
	position: absolute;
	right: 8px;
    top: 0;
    width: 49px;
	}

	#next a {
		color: #D9D9E1;
		height: 142px;
		line-height: 230px;
		padding: 105px 0 20px;
		text-indent: -9999px;
		vertical-align: middle;
		}
	
#spotlets {
	background: url('../graphics/layout/bg_spotlet.jpg') no-repeat top left;
	height: 165px;
	width: 960px;
	clear: both;
	}
	
	#spotlets ul {
		height: 165px;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		width: 960px;
		}
		
		#spotlets ul li {
			display: inline-block;
			height: 125px;
			padding-top: 36px;
			text-align: center;
			width: 317px;
			}
			
			#spotlets a {
				background: url("../graphics/layout/button.png") no-repeat scroll center 70px transparent;
				color: #201D3A;
				font-size: 15px;
				letter-spacing: 1.4px;
				padding: 39px 40px 100px;
				text-decoration: none;
				text-transform: uppercase;
				}

			#spotlets a:hover {
				background: url("../graphics/layout/button_hover.png") no-repeat scroll center 70px transparent;
				}


/*----------- Internal Page Section -----------*/

.internal #primarynav {
	height: 158px;
	}
.internal #primarynav ul li:hover {
	padding-bottom: 5px;
	}
	
	.internal #primarynav ul li ul li:hover {
	padding-bottom: 0;
	}

.internal #main {
	padding-top: 40px;
	}
	
.internal #main p {
	margin: 0 0 1.6em;
	letter-spacing: -0.2px;
	}
	
.internal #internalcontent ul, .internal #internalcontent ol {
	color: #474747;
    line-height: 30px;
    margin: 15px 0;
    padding-left: 28px;
	}

#internalcontent {
	float: left;
	width: 675px;
	padding-right: 20px;
	line-height: 27px;
	margin-bottom: 3em;
	}

#sidenav {
	float: right;
	width: 257px;
	padding-top: 2px;
	}

#sidenav h4 {
	color: #0E1415;
    font-size: 18px;
    font-weight: normal;
    margin-top: 0;
    text-align: right;
    padding-right: 15px;
    margin-bottom: 10px;
	}

#sidenav ul {
    	list-style: none outside none;
    	margin: 0 0 2em;
    	padding: 0;
    	text-align: right;
		}

		#sidenav ul li {
					background: url("../graphics/layout/bg_sidenav.png") no-repeat scroll 12px center transparent;
					border-top: 1px solid #b7b7b9;
					color: #54168e;
					height: 37px;
					vertical-align: middle;
					}
					
					#sidenav ul li a {
						color: #54168e;
						line-height: 37px;
						padding-right: 15px;
						text-decoration: none;
						}
						
		#sidenav ul li:last-child {
		border-bottom: 1px solid #b7b7b9;
		}
		
		#sidenav ul li.active, #sidenav ul li:hover {
		background: url("../graphics/layout/bg_sidenav_active.png") no-repeat scroll 12px center transparent;
		}
		
		#sidenav ul li.active a, #sidenav ul li a:hover, #sidenav ul li a:active {
			color: #314f8b;
			}


/*----------- Footer Section -----------*/

#footer {
	text-align: center;
	margin-bottom: 1em;
	}
	
#socialmedia {
	}
	
	#socialmedia ul {
		list-style: none outside none;
		margin-bottom: 0;
		margin-top: 28px;
		padding: 0;
		}
		
		#socialmedia ul li {
			display: inline-block;
			padding: 0 10px;
			}
			
		#socialmedia a {
			display: block;
			}
			
		#socialmedia img {
			border: 0;
			background: url('../graphics/layout/bg_body.jpg') repeat top center;
			}
			
		#socialmedia a:hover img {
			visibility: hidden;
			}
			
		.elmhurst {
			background: url('../graphics/layout/socialmedia/elmhurst_hover.png') no-repeat left top;
			}
			
		.facebook  {
			background: url('../graphics/layout/socialmedia/facebook_hover.png') no-repeat left top;
			}
			
		.isa {
			background: url('../graphics/layout/socialmedia/isa_hover.png') no-repeat left top;
			}
			
		.ussc {
			background: url('../graphics/layout/socialmedia/ussc_hover.png') no-repeat left top;
			}
			
#contactinfo {
	font-size: 13px;
	color: #737373;
	margin-top: 1em;
	}
	
	#contactinfo a {
		color: #0d0d0d;
		text-decoration: none;
		text-transform: uppercase;
		}

/*----------- CORE FIXES ---------------*/
div.portal_login div.form_row_submit {
	background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    width: auto;	
    }	
    
.content_image_box {
	background: none;
	border: none;
	}
	
.content_image img {
	margin: 0;
	}
	
.error_message {
	position: absolute;
	bottom: -180px;
	z-index: 300;
	}
	
#masthead .content_image img {
margin: 0 0 0 10px;
}
	
/*----------- IE FIXES Section -----------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#primarynav ul li:hover {padding-top: 21px;}
#login div.form_row_submit input {border: none;}
#primarycontent {width: 470px; padding: 13px 10px 13px 0;}
#news .content_news_article_headline {margin-top: 5px;}
}

#ie7 #util ul li {float: left;}
#ie7 #login div.form_row_submit input {border: none, background: #485265;}
#ie7 #primarynav ul li {float: left;}
#ie7 #primarynav ul li ul {top:150px; left:0;}
#ie7 #primarynav ul li ul li {float:none;}
#ie7 #news .news_articles ul li {padding-top: 20px}
#ie7 #spotlets ul li {float: left; background: url("../graphics/layout/button.png") no-repeat scroll center 70px transparent;}
#ie7 #socialmedia ul {width:500px;}
#ie7 #socialmedia ul li {float:left;}
#ie7 #home_slideshow_nav {width: auto; bottom: 0; }
#ie7 #home_slideshow_nav a:link {float: left;}
#ie7 #spotlightarea { overflow:hidden; height: 100% !important;}
#ie8 #login div.form_row_submit input {border: none, background: #485265;}
#ie9 #login div.form_row_submit input {border: none, background: #485265;}
#ie7 #spotlets a{display:block;width:320px;height:165px;padding: 0;background-position:center 34px;}

.internal #sidenav ul li {
height:auto;
background-position:left 10px;
}

.internal #sidenav ul li ul li{
height:auto;
font-size:0.75em;
}

/* logo added */

#header{min-height:199px;background-color:#11589A;}
#wrap{position:relative;}
#logo{float:none;}
#primarynav{position:absolute;top:0;right:0; height: 158px;}
#logo, #primarynav {margin-top:0;}
