.fac-content h1, .fac-content h2, .fac-content h3, .fac-content h4, .fac-content h5, .fac-content h6 {
 color:#555;
}
.fac_title, .fac-menu li:hover, .fac-menu li.sfHover, .fac-menu a:focus, .fac-menu a:hover, .fac-menu a:active,.fac-menu li li {
    background:#555;
}


.module_home_contentWrapper{
    max-height: 500px;
}
.spotlight_content_wrapper,
.spotlight .content {
    max-height: 450px;
}

/*********  OIRA infographic styles  **********/


.text_container{
    
    position: absolute;
    top: 148px;
    left: 40px;

}

.text_container_left{
    
	position:relative;
	margin: 40px 0 0 40px;
}

.infographic_wrapper{   
    position:relative;
}

.width_300{
	position:relative;
	width:300px;
	height:300px;
}

.height_220{

	position:relative;
	width:300px;
	height:220px;	
	
}

.height_400{

	position:relative;
	width:300px;
	height:400px;	
	
}

.height_500{
	position:relative;
	width:300px;
	height:500px;
}

.height_700{
	position:relative;
	width:300px;
	height:700px;
}


/*  Admissions infographic specific styles  */
.admission_text_numbers{
    position: absolute;
    top: 10px;
    left: 30px;
    font-size: 180px;
    line-height: 155px !important;
    font-weight: 900;
    color: #0077CA;
    margin: 0px;
    padding: 0px;
    font-family: "Franklin Gothic Condensed";

}

.admission_text_percent{
	
	position:absolute;
	top:15px;
	left:220px;
	font-size:80px;
	line-height:80px !important;	
	font-weight:900;
	color:#0077CA;
	margin:0px;
	padding:0px;	
    font-family: "Franklin Gothic Condensed";

}

.admission_text_description_line1{
    
	position:relative;
	left:0px;
	font-size:24px;
	line-height:24px !important;
	font-weight:300;
	color:#003C71;
	margin:0px;
	padding:0px;	
    font-family: "Franklin Gothic Condensed";
    
}

.admission_text_description_line2{
    
	position:relative;
	left:0px;
	font-size:37px;
	line-height:37px !important;
	font-weight:300;
	color:#003C71;
	margin:0px;
	padding:0px;	
    font-family: "Franklin Gothic Condensed";
    
}

.admission_text_description_line3{
    
	position:relative;
	left:0px;
	font-size:45px;
	line-height:35px !important;
	font-weight:300;
	color:#003C71;
	margin:0px;
	padding:0px;	
    font-family: "Franklin Gothic Condensed";
    
}

.admission_text_description_line4{
    
	position:relative;
	left:0px;
	font-size:26.5px;
	line-height:26.5px !important;
	font-weight:300;
	color:#003C71;
	margin:0px;
	padding:0px;	
    font-family: "Franklin Gothic Condensed";
    
}

.admission_text_description_line5{
    
	position:relative;
	left:0px;
	font-size:34.5px;
	line-height:34.5px !important;
	font-weight:300;
	color:#003C71;
	margin:0px;
	padding:0px;	
    font-family: "Franklin Gothic Condensed";
    
}

.text_numeric_small{
    
	position: absolute;
	top: 65px;
	left: 80px;
	font-size: 40px;
	line-height: 54px !important;
	font-weight: 900;
	color: #FFFFFF;
	margin: 0px;
	padding: 0;
	font-family: "Franklin Gothic Condensed";

}

.text_numeric_small span{

	font-size: 25px;
	line-height: 40px;
	vertical-align: top;

}

.ruler{
	
	position:absolute;
	left:10px;
	top:0px;
	height:100%;	
	width:auto;
	
}

.arrow{
	
    position: absolute;
    left: 10px;
    top: -52px;
    width: auto;
    height: 400px;

}

/*  Graduate employment infographic specific styles  */

.graduate_employment_text_numbers{
	position: absolute;
	top: 10px;
	left: 30px;
	font-size: 100px;
	line-height: 100px !important;
	font-weight: 900;
	color: #0077CA;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";

}

.graduate_employment_text_percent{
	
	position: absolute;
	top: 13px;
	left: 135px;
	font-size: 30px;
	line-height: 50px !important;
	font-weight: 900;
	color: #0077CA;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";

}

.graduate_employment_text_description_line1{
    
	position: relative;
	left: 0px;
	font-size: 24px;
	line-height: 24px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.graduate_employment_text_description_line2{
    
	position: relative;
	left: 0px;
	font-size: 22px;
	line-height: 22px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.graduate_employment_text_description_line3{
    
	position: relative;
	left: 0px;
	font-size: 25px;
	line-height: 25px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.graduate_employment_text_description_line4{
    
	position: relative;
	left: 0px;
	font-size: 29.4px;
	line-height: 26px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.people{
	
	position: absolute;
	left: 160px;
	top: 17px;
	height: 85px;
	width: auto;
	
}

.graduate_employment_text_container{
    
	position: absolute;
	top: 95px;
	left: 32px;

}

/* Experiential Learning specific styles */

.experiential_learning_text_numbers{
	
	position: absolute;
	top: 10px;
	left: 30px;
	font-size: 150px;
	line-height: 150px !important;
	font-weight: 900;
	color: #0077CA;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";

}

.experiential_learning_text_percent{
	
	position: absolute;
	top: 18px;
	left: 185px;
	font-size: 60px;
	line-height: 70px;
	font-weight: 900;
	color: #0077CA;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";

}

.experiential_learning_text_description_line1{
    
	position: relative;
	left: 0px;
	font-size: 24px;
	line-height: 24px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.experiential_learning_text_description_line2{
    
	position: relative;
	left: 0px;
	font-size: 36.5px;
	line-height: 28px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.experiential_learning_text_description_line3{
    
	position: relative;
	left: 0px;
	font-size: 22.5px;
	line-height: 22px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.experiential_learning_text_description_line4{
    
	position: relative;
	left: 0px;
	font-size: 26.5px;
	line-height: 22px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.experiential_learning_text_description_line5{
    
	position: relative;
	left: 0px;
	font-size: 37px;
	line-height: 32px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.experiential_learning_text_description_line6{
    
	position: relative;
	left: 0px;
	font-size: 34px;
	line-height: 25px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.experiential_learning_text_description_line7{
    
	position: relative;
	left: 0px;
	font-size: 21px;
	line-height: 21px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";

}

.experiential_learning_text_description_line8{
    
	position: relative;
	left: 0px;
	font-size: 20px;
	line-height: 20px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.experiential_learning_text_description_line9{
    
	position: relative;
	left: 0px;
	font-size: 22px;
	line-height: 20px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
    
}

.gradTag{
	
	position: absolute;
	left: 180px;
	top: 90px;
	width: auto;
	height: 90px;

}

.experiential_learning_text_container{
    
	position: absolute;
	top: 148px;
	left: 34px;

}

/* Students geographics statistic */

.students_geographics_text_description_line1{
	
	position: relative;
	left: 0px;
	font-size: 17px;
	line-height: 18px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";		
	
}

.students_geographics_text_description_line2{

	position: relative;
	left: 0px;
	font-size: 18.6px;
	line-height: 18px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
	
}

.students_geographics_text_description_line3{
	
	position: relative;
	left: 0px;
	font-size: 24px;
	line-height: 23px !important;
	font-weight: 300;
	color: #003C71;
	margin: 5px 0 0 0;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";	
	
}

.students_geographics_text_description_line4{
	
	position: relative;
	left: 0px;
	font-size: 20px;
	line-height: 19px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";	
	
}

.students_geographics_text_description_line5{

	position: relative;
	left: 0px;
	font-size: 24px;
	line-height: 23px !important !important;
	font-weight: 300;
	color: #003C71;
	margin: 12px 0 0 0;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
	
}

.students_geographics_text_description_line6{

	position: relative;
	left: 0px;
	font-size: 20px;
	line-height: 19px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
	
}

.students_geographics_text_container{
	
	position: absolute;
	top: 30px;
	left: 175px;

}

.students_geographics_line_connector_dark{
	
	position: absolute;
	left: 139px;
	top: 78px;
	width: 30px;
	height: 2px;
	background-color: #003C71;
		
}

.students_geographics_line_connector_light{
	
	position: absolute;
	left: 158px;
	top: 133px;
	width: 13px;
	height: 2px;
	background-color: #0077CA;
		
}


.piechart{
	
	position: absolute;
	left: 10px;
	top: 20px;
	height: 180px;
	width: auto;
	
}

/* Assigned writing statistic */

.assigned_writing_text_numbers{
	
	position: absolute;
	top: 103px;
	left: 113px;
	font-size: 75px;
	line-height: 100px !important;
	font-weight: 900;
	color: #0077CA;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";

}

.assigned_writing_text_numbers_small{
	
	position: absolute;
	top: 80px;
	left: 117px;
	font-size: 45px;
	line-height: 35px !important;
	font-weight: 900;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";

}

.assigned_writing_text_container{
	
	position: absolute;
	top: 30px;
	left: 10px;

}

.assigned_writing_text_description_line1{
	
	position: relative;
	left: 0px;
	top: 10px;
	font-size: 15px;
	line-height: 15px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0px;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";		
	
}

.assigned_writing_text_description_line2{

	position: relative;
	left: 0px;
	font-size: 18.6px;
	line-height: 16px !important;
	font-weight: 300;
	color: #003C71;
	margin: 20px 0 0 0;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
	
}

.assigned_writing_text_description_line3{
	
	position: relative;
	left: 0px;
	font-size: 21px;
	line-height: 22px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0 0 0 0;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";	
	
}

.assigned_writing_text_description_line4{
	
	position: relative;
	left: 0px;
	font-size: 20px;
	line-height: 16px !important;
	font-weight: 300;
	color: #003C71;
	margin: 5px 0 0 0;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";	
	
}

.assigned_writing_text_description_line5{

	position: relative;
	left: 0px;
	font-size: 24px;
	line-height: 22px !important;
	font-weight: 300;
	color: #003C71;
	margin: 0 0 0 0;
	padding: 0px;
	font-family: "Franklin Gothic Condensed";
	
}

.papers{
	
	position: absolute;
	left: 200px;
	top: 17px;
	height: 160px;
	width: auto;
	
}

/*  Colors for testing  */

.brown{
	
	background-color: #EB974E;

}

.orange{
	
	background-color: #F39C12;

}

.white{
	
	background-color: white;

}

.grey{
	
	background-color: grey;

}

.yellow{
	
	background-color: #F9BF3B;

}

.light_blue{
	
	background-color: #C5EFF7;
	
}

/* Mobile infographic styles */

 @media (max-width: 768px) {

    .infographic_wrapper{
        
        width:100%;
        
    } 
    
    .width_300{

    	margin:0 auto;

    } 
    
	.height_220{
	
    	margin:0 auto;	
		
	} 
	
	.height_500{
	
    	margin:0 auto;	
		
	}  
	
	.height_400{
	
    	margin:0 auto;	
		
	} 	    

}