body { color: #330000; font-size: 14px; font-family: "Times New Roman", Times, serif; background-color: #cccc99; margin: 0   }
h1 { font-size: 20px; font-variant: small-caps; }
h2 { font-size: 18px; font-variant: small-caps; letter-spacing: 1pt; margin: 0px;}
a  { color: #930; font-weight: bold; text-decoration: none  }
a:visited { color: #666}
a:hover { text-decoration: underline}
.footer { font-size: 12px }
.subnav { font-size: 12px }


ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin: 0;
padding: 0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
padding-right: 0px;
}
ul.enlarge img{
/*background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;*/ 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#fff;
padding: 10px;
/*font-family: 'Droid Sans', sans-serif;
font-size:.9em;*/
text-align: center; 
/*color: #495a62;*/ 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#fff;
}
ul.enlarge li:hover span{ 
top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
/*left: -180px;*/ /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(1) span{
left: 0px; 
}
ul.enlarge li:hover:nth-child(2) span{
left: -40px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -80px; 
}
ul.enlarge li:hover:nth-child(4) span{
left: -120px; 
}
ul.enlarge li:hover:nth-child(5) span{
left: -160px; 
}
ul.enlarge li:hover:nth-child(6) span{
left: -200px; 
}
ul.enlarge li:hover:nth-child(7) span{
left: -240px; 
}
ul.enlarge li:hover:nth-child(8) span{
left: -280px; 
}
ul.enlarge li:hover:nth-child(9) span{
left: -320px; 
}
ul.enlarge li:hover:nth-child(10) span{
left: -360px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}