@charset "UTF-8";
/* CSS Document */


.style1 {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 9pt;
}
.style2 {font-size: 10pt}
.style3 {font-family: verdana, Helvetica, sans-serif; font-size: 10pt; }
.style4 {font-family: verdana, Helvetica, sans-serif}
.style5 {font-size: 10px}
.style6 {font-size: 10pt}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none}

P     {line-height: 18pt}

a.top:link {color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
a.top:active {color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
a.top:visited {color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
a.top:hover {color: #ffffff; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; background: orange;}


a.sub:link {color: #000000; text-decoration: none;}
a.sub:active {color: #000000; text-decoration: none;}
a.sub:visited {color: #000000; text-decoration: none;}
a.sub:hover {color: #ffffff; text-decoration: none;}


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 1px gray;
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: 60px; /*position where enlarged image should offset horizontally */

}

</style>