body {
background-color: D3822B;
background-position: center 110px;
background-image: url(images/banner.gif);
background-repeat: no-repeat;
background-attachment: fixed;
text-align:center;
margin-top: 0}

table.main {
margin-left:auto; 
margin-right:auto;
background-color: FFFFFF; 
width: 800}

.menubkg {
background-image:url(images/menubkg.jpg);
height: 32px
}

.footbkg {
background-image:url(images/footer.jpg);
height: 20px;
font-family: verdana;
font-weight: 800;
font-size: 7pt;
text-align: center;
font-style: italic
}

.content {
color: 000000;
vertical-align: top;
font-family: arial, helvetica, sans serif;
font-size: 10pt
}

.tablecontent {
color: 000000;
vertical-align: middle;
font-family: arial, helvetica, sans serif;
font-size: 10pt
}

.header {
color: 000000;
font-family: times new roman;
font-size: 20pt;
}

.smheader {
color: 000000;
font-family: times new roman;
font-size: 14pt;
}

.smheader2 {
color: 000000;
font-family: times new roman;
font-size: 12pt;
}

.smalllink {
font-family: arial, helvetica, sans serif;
font-size: 8pt
}

.emphasis {
font-weight: 800;
font-style: italic;
font-size: 13pt;
}

ul {
margin-bottom: 0;
margin-top: 1;
margin-left: 0;
padding-left: 1em;
  }
li
  {
  margin: 0;
  padding: 0;
  }
  
a {
text-decoration: none;
color: #56330D;
}

a:hover {
text-decoration: underline;
}

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

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

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

}