A:link    {text-decoration: none; font-weight: bold; color: rgb(209,0,93)}
A:visited {text-decoration: none; font-weight: bold; color: rgb(209,0,93)}
A:active  {text-decoration: none; color: rgb(0,0,0)}
A:hover   {text-decoration: none; color: rgb(156,0,15)}

body
      { background-color: rgb(253,255,255);
        font-family: verdana, helvetica, sans-serif;
        font-size: 10pt;
        margin-left: 10%;
        margin-right: 10%;
				text-align: justify;
				line-height: 17pt }
div.bmmheader{
	background-image: url(prot_web.gif);
	width: 100%;
	height: 15%;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position:center;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#E1EEF9;
    color:#1D429B;
    font-size: 10pt;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#D1005D}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:4em; width:30em;
    border:1px solid #E1EEF9;
    background-color:#E1EEF9; color:#1D429B;
    text-align: left}

a.info2{
    position:relative; /*this is the key*/
    z-index:24; background-color:#E1EEF9;
    color:#1D429B;
    font-size: 10pt;
    text-decoration:none}

a.info2:hover{z-index:25; background-color:#D1005D}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:2em; width:10em;
    border:1px solid #E1EEF9;
    background-color:#E1EEF9; color:#1D429B;
    text-align: left}