body {
   margin: 0;
   padding: 0;
   background: #c5cecd url(jolda_images/immersed.gif) top left repeat-x;
   font-size: 0.8em; 
   font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
   font-weight: bold;
   text-align: center;
}

#midground {
   position: absolute;
   top: 60%;
   right: 0; /* must remain ZERO, else results in undesirable horizontal scrolling */
   width: 550px;
   height: 350px;
   background: transparent url("jolda_images/midground.gif") center right no-repeat;
   z-index: 2;
}

#foreground {
   position: relative;
   bottom: 0;
   width: 100%;
   height: 400px;
   background: transparent url("jolda_images/foreground.gif") bottom right repeat-x;
   z-index: 3;
}