body { 
   background-color: transparent;
   background-image: url(gringobanner.gif); 
   background-repeat: no-repeat; 
   background-position: top; 
   margin-left: 90px; 
   margin-top: 150px; 
   margin-right: 200px
   mso-ansi-language:ES-CO;
}

div.bio {

   font-family: helvetica;
   position:absolute;
   left:20em;
   width:350px;
   display:block;
   border-right:solid 1px silver;
   border-bottom:solid 2px silver;
   text-align:justify;
   padding-right:1em;
}

b.grey {

    color:#aaa;
    font-size:110%;

}
<!----------------------------- drop cap -------------------->
  .firstletter {
    display:block;
    float:left;
    margin: 4px 0px 0px 0px;
    height : 1.5em;
    color:#aaa;
  }
 
  .firstletter span {
    font-size:270%;
    line-height:18px;
  }
  .firstletter + span{
    margin-left  : -1em;
  }
<!------------------ end drop cap ---------------------------->
img.bio {
   
  position:absolute;
  top:300px;
  width: 200px;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  margin: 1em;
  padding: 0px;
}


} 

b.composer {
   
   position:absolute; 
   left:60%; 
   font-size: 80%;
}

p.topmargin {
   margin-top: 3cm
}

font.indent {
   position:absolute; 
   left:10px; 
   font-size: 100%;
}



#footer {
    
    font-family: tempus sans ITC;
    font-size: 1.2em;
    left: 0px;
    top: 500px;
    
}


#footerBottom {

    position:fixed;
    margin: 2em;
    font-family: tempus sans ITC;
    font-size: 0.7em;
    clear: both;
    left: 0px;
    bottom: 3px;
    
}



a:link,  a:visited
{
      color: #266B73;
      text-decoration: none;
}

a:hover
{
      color: blue;
      text-decoration: bold;
}


img.otrosbio {
  float: left;
  width: 40%;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  margin: 1em;
  padding: 0px;
  }


#pastimageposition {
    position: relative; 
    width: 200px; 
    height: 200px;
}

img.qoa {width:250; position: absolute;  top:0; left: 0; z-index: 1; }

img.mistral {width:250; position: absolute; top:100; left: 220; z-index: 2; }

img.mazda {width:250; position: absolute; top:700;  left: 325; z-index: 3; }

img.teachers {width:150; position: absolute; top:350; left: 120; z-index: 4; }

img.crighton {width:150; position: absolute; top:450; left: 0; z-index: 5; }

img.clarinetfest {width:250; position: absolute; top:400; left: 360; z-index: 6; }

img.antioquia {width:300; position: absolute;  top:600; left: 20; z-index: 7; }

img.concertodelmes {width:250; position: absolute;  top:990; left: 5; z-index: 7; }



img.AndesRecital {
     width:180; 
     position: absolute;  
     top:1250; 
     left: 285; 
     z-index: 9; 
}
	
/* Antioquia */

img.ChrisYBanda {
     width:380; 
     position: absolute;  
     top: 0; 
     left: 0; 
     z-index: 1; 
}

img.ClarMaestra {
     width:180; 
     position: absolute;  
     top:150; 
     left: 250; 
     z-index: 2; 
}

/*  OSX   */

img.OSXletter2 {
  width: 240%;
  position:absolute;
  top: 0;
  left: -90;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 1em;
  padding: 0px;
  z-index: 1;
  }

img.OSXletter1  {
  width: 240%;
  position:absolute;
  top: 330;
  left: 180;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 2;
  }




/*  Tampico  */


img.TampicoButton {
     width:180; 
     position: absolute;  
     top:1150; 
     left: 185; 
     z-index: 8; 
}

img.TampicoProgInside {

  width: 400;
  position:absolute;
  top: 0;
  left: -90;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 1em;
  padding: 0px;
  z-index: 1;
}

img.TampicoProg {

  width: 400;
  position:absolute;
  top: 220;
  left: 180;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 1em;
  padding: 0px;
  z-index: 2;
}




/* Andes Recital */

img.AndesRecitalCover {
  width: 240%;
  position:absolute;
  top: 0;
  left: -90;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 1em;
  padding: 0px;
  z-index: 1;
  }

img.AndesRecitalProgram  {
  width: 370%;
  position:absolute;
  top: 330;
  left: 180;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 2;
  }

/* Yale */


img.YaleDiplomaSpan {
  width: 220%;
  position:absolute;
  top: 150;
  left: 100;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 1em;
  padding: 0px;
  z-index: 1;
  }

img.YaleDiplomaLatin {
  width: 200%;
  position:absolute;
  top: 0;
  left: -50;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 1em;
  padding: 0px;
  z-index: 1;
  }

/*  Tiblisi and Ukraine */


img.TibCons  {
  width: 150%;
  position:absolute;
  top: 0;
  left: -80;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 2;
  }

img.TibLet  {
  width: 230%;
  position:absolute;
  top: 700;
  left: -40;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 2;
  }

img.TibLetcj  {
  width: 200%;
  position:absolute;
  top: 1055;
  left: 280;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 3;
  }

img.TibProg {
  width: 230%;
  position:absolute;
  top: 150;
  left: 100;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 2;
  }

img.UkraineList  {
  width: 200%;
  position:absolute;
  top: 1400;
  left: 0;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 1;
  }

img.UkraineTeacher  {
  width: 200;
  position: absolute;
  top: 1800;
  left: 300;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 1;
  }


	
                       /*   Tanglewood     */

img.TanglewoodFellowship  {
  width: 500;
  height: 600;
  position:absolute;
  top: 0;
  left: -30;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 1;
  }

img.TwoodContemp  {
  width: 300;
  position:absolute;
  top: 400;
  left: 100;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 1;
  }

img.TwoodSection  {
  width: 400;
  position:absolute;
  top: 800;
  left: 250;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 1;
  }

       
      /*     Aguascaliente     */



img.AguasProgram  {
  width: 800;
  position:absolute;
  top: 0;
  left: 0;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 1;
  }


img.AguasFotoBio  {
  width: 800;
  position:absolute;
  top: 400;
  left: -70;
  border-left: 2px solid green;
  border-bottom: 4px solid green;
  border-top: 1px solid green;
  border-right:1px solid green;
  margin: 0em;
  padding: 0px;
  z-index: 1;
  }