body{font: .75em Arial,sans-serif; background: #FFFFFF; color: #333333}
        div#container{width: 500px; margin:0 auto}
        h1{ color: #F60; margin: 1em 0 0; letter-spacing: -2px; }
        p{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;}
        a.tt:hover span.tooltip{
            display:block;
            position:absolute;
            top:0px; left:0;
	        padding: 15px 0 0 0;
	        width: 550px;
	        color: #993300;
            text-align: center;
	        filter: alpha(opacity:90);
	        KHTMLOpacity: 0.90;
	        MozOpacity: 0.90;
	        opacity: 0.90;
        }
        a.tt:hover span.top{
	        display: block;
	        padding: 30px 8px 0;
            background: #548912 no-repeat top;
        }
        a.tt:hover span.middle{ /* different middle bg for stretch */
	        display: block;
	        padding: 0 8px; 
	        background: #548912 repeat-y bottom;
        }
        a.tt:hover span.bottom{
	        display: block;
	        padding:3px 8px 10px;
	        color: #548912;
            background: #548912 no-repeat bottom;
        }