.style1 {font-family: "Trebuchet MS"; font-size:10pt;color:black}
.style3 {color: #3366FF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 24pt;font-weight: bold;}
.style6 {font-family: "Trebuchet MS"; color:#FF0000}
.style8 {color: #3366FF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 24pt;font-weight: bold;}
.style10 {font-size: 18pt;font-weight: bold;}	
.style16 {font-size: 16pt;font-weight: bold;}
.style11 {color: #FF0000; font-weight: bold; }	
.style12 {font-family:'Trebuchet MS';font-size:12pt;color:#006699; font-weight:bold; padding:5px }
.s1 { position:absolute; left:120mm
  
	
}
.style13 {font-family: Verdana;font-size: 11pt;font-weight:bold; }
.cls { font-family: Courier New; font-size:12pt; color:#000000}

p.MsoNormal {margin:0in;margin-bottom:.0001pt;font-size:10.0pt;font-family:"Times New Roman";color:black;}
p.MsoBodyText3 {margin-top:0in;margin-right:0in;margin-bottom:9.0pt;margin-left:0in;font-size:10.0pt;font-family:"Trebuchet MS";color:black;}
body {
background-color: #CCCCCC;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 0px;
/*left: -1000px;*/
border: 0px solid #FFFFCC;
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:0;
left:0px;/*position where enlarged image should offset horizontally */

}