.eom-wrapper {max-width: 100%; margin:auto;}
   
	.erp {text-align: center; width: 90%; margin: auto;}
    
	.eom {background-color: transparent; border-radius: 5px; 
		border: 0px dotted white; 
        width: 25%;
        min-height: 269px !important;
        float: left; text-align: center; 
        font-size: .9rem; line-height: 110%;
		margin-bottom: 20px;
        }
    .eom_name {background-color: transparent; margin-top: 1rem; font-weight: bold; padding: 0px 5px;}
    .eom_title {background-color: transparent; margin-top: .25rem; padding: 0px 5px;}
    .eom_month {font-size: 1rem; font-weight: bold; /*line-height: 130%; height: 35px; */}
    .eoms_month {font-weight: bold; color: maroon; text-align: left;}
    
    .eoy-wrapper {float: left; width: 260px; height:auto;}
    .eom_img {max-width: 180px; height: 160px; overflow: hidden; padding: 0px !important;}
    .eom_img img {margin: 0px !important;} 

	.faculty-listing__image img {object-fit: cover !important;} /*NEW JULY 29, 2024 FIX FOR SQUARE IMAGE tvs */

    .eom_prlink {margin: 20px auto auto auto; text-align:center; font-size: 1.25rem;}
    .onerecord {cursor:default; width: 100%; margin: auto; height: auto; text-align: left;}
    .onerecord .eom_narrative {color: #333; text-align: left; font-size: 1rem;}
    .onerecord .eom_narrative .eom_img {max-width: 240px; width: 240px; height: auto; float: left; margin: 0 .5rem .5rem 0; text-align: center; overflow: hidden;}
    .onerecord .eom_img img {max-width: 240px; margin: auto;}
    .onerecord .eom_name {color: #333; text-align: center; font-size: .85rem; line-height: 150%; margin-top: 0;}
    .onerecord .eom_title {color: #333; text-align: center; font-size: .85rem; line-height: 150%;}
    .spanLink {color: maroon; text-decoration: underline; cursor: pointer;}
    .spanLink:hover {color: gold; cursor: pointer;}
	.clear {clear: both !important;}
	.clear-both {clear: both !important;}
	
    .placeholder_img {background: #FFF; display: table-cell; vertical-align: middle;}

	.eoy-wrapper .eom {border: 0px dotted black !important; text-align: center; }	
	.foy-wrapper .eom {border: 0px dotted black !important; text-align: center;}
	.eoy-wrapper .eom_img {margin: auto; margin-top: 10px;}
	.erp-eom {width: 100%; margin: auto;}
	.eoms_month {font-size: 1.5rem; font-weight: bold; margin: 10px 0px;}
	
	.topLinks {text-align: center; padding-top: 20px;}
	.fiscalyear {font-size: 1.75rem;}
	.eom_img_home {max-width: 180px; height: 200px; overflow: hidden;  
							padding: 0px !important; margin: auto; margin-top: 10px; }
	.erpbackbutton {margin: 20px auto;}
	
	
	.eoy-wrapper {cursor: pointer; border: 1px dotted transparent; border-radius: .5rem; padding: 10px 0px 0px 0px;}
	.eoy-wrapper:hover {border: 1px dotted #9a0000; border-radius: .5rem; background-color: #f4f4f4;}
	
	.eomClick {cursor: pointer; border: 1px dotted transparent; border-radius: .5rem; padding: 10px 0px 0px 0px;}
	.eomClick:hover {border: 1px dotted #9a0000; border-radius: .5rem; background-color: #f4f4f4;}
	
	.dfy_img {max-width: 329px;}

	.eom .eom_img {margin: auto;}
	.eom .eom_img img {width: 100%; height: auto; margin: auto;}

	/*////////////812px///////////////////////////////////////////*/
@media screen and (max-width: 50.75rem) { 
	/*.eom {float: left; width: 33%; }*/
	.onerecord .eom_narrative .eom_img {max-width: 50%; width: auto;}

}	/*////////////414px///////////////////////////////////////////*/
@media screen and (max-width: 25.875rem) { /*414px*/
	.eom {float: none; width: 100%; clear: both; margin-bottom: 1rem;}
	.onerecord h2, .onerecord h3 {text-align: center;}
	.onerecord .eom_narrative .eom_img {float: none; width: 100%; max-width: 100%; clear: both; margin-bottom: 1rem;}
	.onerecord .eom_narrative .eom_name {margin-top: 0;}
}