.bubbletip{
padding: 20px;
width: 300px; /*width of tooltip*/
font-size: 14px;
}

#content-main #diagram {
background: url(../images/how-it-works/plus.gif) no-repeat center 50px;
position: relative;
height: 500px;
}
#content-main #diagram h3 {
font: 18px "Comic Sans MS", Arial, Helvetica, sans-serif;
text-align: center;
line-height: 30px;
}
#content-main #diagram h3:hover {
cursor: help;
}
#content-main #diagram li#members h3 {
background: url(../images/how-it-works/members.gif) no-repeat center top;
padding-top: 77px;
width: 182px;
position: absolute;
bottom: 350px;
right: 427px;
}
#content-main #diagram li#applications h3 {
background: url(../images/how-it-works/grants.gif) no-repeat center top;
padding-top: 97px;
width: 219px;
position: absolute;
bottom: 350px;
left: 427px;
}
#content-main #diagram li#projects h3 {
background: url(../images/how-it-works/projects.gif) no-repeat center top;
padding-top: 138px;
width: 457px;
position: absolute;
left: 102px;
bottom: 185px;
}
#content-main #diagram li#kids h3 {
background: url(../images/how-it-works/kids.gif) no-repeat center top;
padding-top: 135px;
width: 441px;
position: absolute;
left: 106px;
bottom: 0;
}