div#bubblecontainer {
	width: 500px;
 	margin:0 0
}

p1 {
	margin: 0 0 1.7em;
}

/*---------- bubble tooltip -----------*/


a.tt {
    position:relative;
	z-index:24;
	color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
}


a.tt span { 
	display: none;
}



/*background:; ie hack, something must be changed in a for ie to execute it*/


a.tt:hover { 
	z-index:25;
	color: #aaaaff;
	background:;
}


a.tt:hover span.tooltip {
	display:block;
	position:absolute;
	top:-255px; left:-235px;
/* 15px per text line in bubble */
	padding: 15px 0 0 0;
	width:300px;
	color:#993399;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}


a.tt:hover span.top {
	display: block;
	padding:3px 8px 10px;
    background: url(/img/bubble_down_wide.gif) no-repeat top;

}


a.tt:hover span.middle { 

/* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/img/bubble_filler_wide.gif) repeat bottom; 

}


a.tt:hover span.bottom {
	display: block;
	padding: 30px 8px 0;
	color: #548912;
	background: url(/img/bubble_down_wide.gif) no-repeat bottom;

}