<STYLE>
body {background: color: #ccccff}
P {font-size: 12pt; font-family: Verdana}
H1 {font: 36pt verdana bold; color: #330033}
H2 {font: 18pt verdana bold; color: #330033}
H3 {font: 14pt verdana; color: #330033}
H4 {font: 12pt verdana; color: #330033}
H6 {font: 10pt verdana bold; color: #660000}
HR {color: #330033}
LI  {font-size: 10pt; font-family: Verdana}
.lower a:link {font: color: #FF00FF; text-decoration: none}
.lower a:hover {font: verdana bold; color: #ff9900; text-decoration: underline}
.lower a:active {font: verdana; color: #ff9900; text-decoration: underline}
.lower a:visited {font: verdana; color: #ffff66; text-decoration: none}
.cap {font-size: 8pt; font-family: verdana bold}
.sm {font-family: verdana; font-size: 10pt; color: #660000;}

div.leftpic {float: left; padding-bottom: 10px; margin: 0px 10px 0px 0px; text-align: center}
div.rightpic {float: right; padding-bottom: 10px; margin: 0px 0px 0px 10px; text-align: center}

.nav a:link { height: 20px; font: bold 8pt verdana; color: #993300; padding-left: 5; padding-right: 5; 
 #ffffff; background: none; text-decoration: none }
.nav a:hover { height: 20px; font: bold 8pt verdana; font-color: #000000; 
 #ffffff; background: none; text-decoration: underline  }
.nav a:active { height: 20px; font: bold 8pt verdana; 
 #ffffff; background: none; text-decoration: underline  }
.nav a:visited { height: 20px; font: bold 8pt verdana; color: #993300; 
 #ffffff; background: none; text-decoration: none }

.sm {font-size: 10pt; font-family: Verdana}
html>body .nav a:active{ /* Apply mousedown effect only to NON IE browsers */border-style: inset;}


/*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: 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{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}

</STYLE>

