/* CSS Document */
    li {
      margin-bottom: 10px;
    }
    .steplist {
      margin-top: 0px;
    }
    .steplist li {
      margin: 0px 0px 26px 0px;
    }

    .thumbnail{
    position: relative;
    z-index: 0;
    text-decoration: none;
    }
    
    .thumbnail:link {color: #FF0000}     /* unvisited link */
    .thumbnail:visited {color: #FF0000}  /* visited link */

    .thumbnail:hover{
    /*background-color: transparent;*/
    background-color: white;
    z-index: 50;
    }
    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }
    .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    }
    .thumbnail:hover span.sp { /*CSS for enlarged image on hover*/
      visibility: visible;
      top: -150px;
      left: -150px; /*position where enlarged image should offset horizontally */
    }
    .thumbnail:hover span.spn { /*CSS for enlarged image on hover*/
      visibility: visible;
      top: -120px;
      left: -100px; /*position where enlarged image should offset horizontally */
    }    
    .thumbnail:hover span.tl { /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 64px; /*position where enlarged image should offset horizontally */
    }
    .thumbnail:hover span.bl{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: -220px;
    left: 64px; /*position where enlarged image should offset horizontally */
    }    
    .thumbnail:hover span.tr{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: -606px; /*position where enlarged image should offset horizontally */
    }
    .thumbnail:hover span.tr2{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: -220px; /*position where enlarged image should offset horizontally */
    }    
    .thumbnail:hover span.br{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: -220px;
    left: -606px; /*position where enlarged image should offset horizontally */
    } 
    .thumbnail:hover span.br2{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: -300px;
    left: -420px; /*position where enlarged image should offset horizontally */
    }        
    .lileft {
      margin:0px 20px 0px 20px;
      /*display:inline;*/
      text-decoration: none;    
    }
    .liright {
      float:right;
      margin:0px 30px 0px 20px;
      /*display:inline;*/
      text-decoration: none;
    }