div#container
{width: 500px; 
margin:0 auto;
z-index:10;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
	color:#343434;
	font-weight:normal;
    text-decoration:none;
	height:23px;
	width:23px;
	display:block;
	background:#7ac1e6;
}
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:#00aeef;background:#cc3e1d;}
a.tt:hover span.tooltip{
	z-index:25;
    font-family:arial;
	display:inline;
    position:absolute;
    bottom:0px; left:-70px;
	padding: 0px 0 0 0;
	width:200px;
	color: #000;
    text-align: center;;
}

a.tt:hover span.top{
	display: block;
	padding: 10px 8px 0;
   /* background: url(bubble.gif) no-repeat top;*/
   background:#FFF;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	width:147px;
	height:110px;
	padding:15px 0px 0px 0px;
	/*background: url(bubble_filler.gif) repeat bottom; */
	 background:url(/images/bubble.png) no-repeat;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
   /*background: url(bubble.gif) no-repeat bottom;*/
      background:#FFF;
}

.tooltip
{
padding:5px 0px 0px 0px;
}


a.snav{
	color:#49362b;
	display:block;
	padding:10px 10px 0px 10px;
	text-decoration:none;
	float:left;
    position:relative;
    z-index:24;
}
a.snav span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.snav:hover{ z-index:25; color:#cc3e1d;;}
a.snav:hover span.tooltip{
	z-index:25;
    font-family:arial;
	display:inline;
    position:absolute;
    bottom:0px; left:-70px;
	padding: 0px 0 0 0;
	width:200px;
	color: #000;
    text-align: center;;
}

a.snav:hover span.top{
	display: block;
	padding: 10px 8px 0;
   /* background: url(bubble.gif) no-repeat top;*/
   background:#FFF;
}
a.snav:hover span.middle{ /* different middle bg for stretch */
	display: block;
	width:147px;
	height:110px;
	padding:15px 0px 0px 0px;
	/*background: url(bubble_filler.gif) repeat bottom; */
	 background:url(/images/bubble.png) no-repeat;
}
a.snav:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
   /*background: url(bubble.gif) no-repeat bottom;*/
      background:#FFF;
}