a.note {
  	position:relative;
	color: gray;
}
a.note:hover {
   	background: none; 
  	z-index: 500;
	color: white;
}
a.note span {display: none;}
a.note:hover span {
   	display: inline; 
   	position: absolute;
   	white-space: normal;
   	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	text-align: justify;
	color: #000000;
   	width:250px;
   	bottom: 15px; 
   	left: 30px;
   	background: #FFFFFF;
   	padding: 10px;
   	border: 1px solid #BFA152;
   	border-left: 5px solid #BFA152;
}

.lettrine {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.75em;
}