/* front page image for top events (in english) */
#topEvent {
	background-image:url('/content/images/events/ibs_en.png');
	background-position:top left;
	width:100%;
}
#topEvent:hover {
	background-position:bottom left;
}

/* Using 'media types' for tricking printer into printing background images...
	While the image is on screen, display the image anchor tag with hover effect achieved using the double background image & css. 
	If the page is to be printed then display a static image instead and hide the div containt the image hyperlink, 'forcing' an image print 
*/
@media screen { 
	#imgTopEvent { display:none; }
	#divTopEvent { display:block; }
}
@media print { 
	#imgTopEvent { display:block; } 
	#divTopEvent { display:none; }
}
