body {

  margin: 0;

  padding: 0;

  color: #000;

  font: Arial, Helvetica, sans-serif;

}

a { color: #999; text-decoration: none  }
a:link  { color: black ; text-decoration: none; }
a:visited  { color: black ; text-decoration: none; }
a:active  { color: black ; text-decoration: none; }
a:hover   { color: white; text-decoration: none; border-color: white; }
h1 { color: #999; font-size: 0.8em; font-family: arial; font-weight: bold; line-height: 1em; }
h2 { color: #999; font-size: 0.7em; font-family: arial; font-weight: bold; line-height: 0.7em; }
h3 { color: #fff; font-size: 0.7em; font-family: arial; font-weight: bold; line-height: 2em; }
h4 { color: white; font-size: 0.7em; font-family: arial; font-weight: normal; font-style: normal; line-height: 1.3; }
h5 { color: white; font-size: 0.8em; font-family: arial; font-weight: bold; line-height: 0.8em; }
h6 { color: black; font-size: 0.7em; font-family: arial; font-weight: bold; font-style: normal; line-height: 1.1em; }


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #000000;
border: 1px solid #333333;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 0.6em Arial;
letter-spacing: 5px;
line-height: 0.7em;
color: white;
padding: 5px ;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: black;

padding: 5px ;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #FFFFFF;
padding: 5px;
z-index: 5;
}