body {
       background-color: #DECBCF;
       background-image: url('images/quilt.jpg');
       background-repeat: repeat;
       background-position: top left;
       background-attachment: fixed;
       margin-left: 15px;
       margin-right: 100px;
       color: #800080;
       text-align: left;
		}

img {border:0; font-size:60%;}

P {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12.5px;
  }
   
H1 {font-family: Verdana, Arial, sans-serif; font-weight: bold; text-align: center; }

H2 {font-family: Verdana, Arial, sans-serif; font-weight: bold; text-align: center; }

H3 {font-family: Verdana, Arial, sans-serif;
    text-align: left;
    font-weight: lighter;
    font-stretch: expanded;
    color: rgb(88,114,169};
    }

H4, H5 {font-family: Verdana, Arial, sans-serif; color: #800080; text-align: center; }



.footnote {
          font-family: Verdana, Arial, sans-serif;
          font-size: 10px;
          font-stretch: expanded;
         }

.IEfootnote {
          font-family: Verdana, Arial, sans-serif;
          font-size: 10px;
          font-stretch: expanded;
         }
/* unvisited link */
   a:link { color: #800080; font-weight:bold; text-decoration: none; }

/* visited link */
   a:visited {color: #800080; text-decoration: none; }

/* mouse over link */
   a:hover {color: #5972A9;}

/* selected link */
   a:active {color: #00FF00; }
   
.thumb {
        margin: 15px;
        text-align: center;
       }

p.thumb { text-align: center;
       }
       
.row { width:100%;
       display:block;
       margin-left:auto;
       margin-right:auto;
     }

/* Thumbnail hover large image */

.thumbnail{ position: relative;
           z-index: 0;
          }

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #3258C7;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 50%;
left: 50%; /*sets upper left corner at center of screen; use html to offset half of image width and height */

}