/* Authored by Tim Rauter October 2005 */



body {
margin: 30px auto;
background-color: #646464;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555555;
text-align: left;
}

a {
color: #FF9600;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #FF9600;
font-weight: bold;
text-decoration: underline;
}

.title {
font-size: 12px;
font-weight: bold;
color: #FF5A00;
}

.header {
height: 110px;
background-image: url(images/headerbg.gif);
background-repeat: no-repeat;
background-color: #646464;
}

.headerleft {
padding: 15px 0 0 15px;
}

.headerright {
padding: 15px 15px 0 0;
}

.mainbody {
background-image: url(images/mainbodybg.gif);
background-repeat: repeat-y;
background-color: #646464;
}

.mainleft {
padding: 0 0 0 20px;
}

.dividervert {
background-image: url(images/divider_vert.gif);
background-repeat: repeat-y;
}

.mainright {
padding: 10px 15px 0 5px;
}

.footer {
height: 43px;
margin: 0;
background-image: url(images/footerbg.gif);
background-repeat: no-repeat;
background-color: #646464;
}

.footerleft {
padding: 8px 0 0 35px;
font size: 9px;
}

.footerright {
text-align: right;
padding: 8px 35px 0 0;
font size: 9px;
}

.poweredBy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555555;
}

.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: 60px; /*position where enlarged image should offset horizontally */

}