div#quotes  {
	margin-top:0.5cm;
	margin-left: 0.3cm;
	line-height: 14px
}
div#drop {
 	position: absolute; 
 	left:80%; 
	top:0.5cm
} 
div.q  {
	width:6cm;
	height:7cm;
 	position: absolute;
	overflow:hidden;
 	border-style: solid;
	border-width: 1px 3px 3px 1px;
	border-color: #000080;
	padding:3px 10px;
	background-color: #fff
}
div.q p {
	font-size:6px
}
div.q h2 {
	font-size:9px
}
div.q p.ref {
	line-height:9px
}
div.display {
	width:15cm;
	height:14cm;
/* 	position:absolute;
	left:3cm;
	top:3cm; */
	overflow:scroll;
	border-style: solid;
	border-width: 1px 3px 3px 1px;
	border-color: #000080;
	padding:0.8cm;
	background-color: #fff;
	z-index = 10
}
div.display p.ref {
	margin-top:9px
}
div.display img {
	display: block;
	float:left;
	margin:12px 10px 0 0;
}
div#truejoy {
	position:absolute;
	left:1cm;
	top:2.6cm;
	z-index:1
}
div#obstacles {
	position:absolute;
	left:2.5cm;
	top:3.3cm;
	z-index:2
}
div#deepestfear  {
	position:absolute;
	left:4cm;
	top:4cm;
	z-index:3
}
div#einstein  {
	position:absolute;
	left:5.5cm;
	top:4.7cm;
	z-index:5
}
div#lakatos {
	position:absolute;
	left:12.6cm;
	top:2.6cm;
	z-index:5
}
div#hilbert  {
	position:absolute;
	left:14.1cm;
	top:3.3cm;
	z-index:6
}
div#quindlen  {
	position:absolute;
	left:15.6cm;
	top:4cm;
	z-index:7
}
div#spencerbrown  {
	position:absolute;
	left:17.1cm;
	top:4.7cm;
	z-index:8
}
div#luther  {
	position:absolute;
	left:17.6cm;
	top:5.4cm;
	z-index:9
}
img {
	display: block;
	float:left;
	margin:3px 10px 0 0;
}