/* CSS Document */

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:justify;
color:#000}

.leftpic {
margin-right:10px;}

.pop {
background-color:#00FFFF}

.tableright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:right;
color:#000}

body {
background-color:#99CCFF}

blockquote {
background-color:#EBD994;
border:thin solid #CC9966}

blockquote p {
margin:10px;}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
text-align:center;
font-weight:bold;
text-decoration:underline;
color:#000}

h2 {
background-color:#33FFFF;
border:thin solid #009900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-align:center;
color:#6600CC}

h4 {
background-color:#FFCC99;
border:thin solid #009900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-align:center;
color:#6600CC}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
text-align:center;
color:#000}

a {
color:#930;
text-decoration:underline}

a hover {
color:#090;
text-decoration:underline;
cursor:default}

.thumbnail{
background-color:#FFFF00;
position:static;
z-index: 0}

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

.thumbnail span{ /*CSS for enlarged image*/
position:fixed;
background-color:#99CCFF;
padding: 5px;
left: -1000px;
border: 2px solid black;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 40px;
left: 40px; /*position where enlarged image should offset horizontally */}