BODY {
MARGIN: 0px; 
PADDING: 10px;
BACKGROUND: #808080;
COLOR: #000000;
} 

A:link {background: none; color: 62757e; text-decoration: underline; cursor: pointer;}
A:visited {background: none; color: 62757e; text-decoration: underline; cursor: pointer;}
A:hover {background: none; color: red; text-decoration: underline; cursor: pointer;}
A:active { background: none; color: red; background: underline; cursor: pointer;}

.Global {
WIDTH: 100%;
HEIGHT: 100%;
}

.Global TD {
VERTICAL-ALIGN: top;
}

.Header {
BACKGROUND: #def2fa;
COLOR: inherit;
WIDTH: 100%;
HEIGHT: 65px;
PADDING: 0px; 
}

.Header TD {
BACKGROUND: #def2fa;
COLOR: inherit;
WIDTH: 50%;
BORDER: 0px;
PADDING: 0px;
VERTICAL-ALIGN: top;
TEXT-ALIGN: left;
}

.NavBar {
WIDTH: 100%;
HEIGHT: 27px;
}

.NavBar TD {
BACKGROUND: url("blueline-gradient.gif") repeat;
COLOR: inherit;
FONT: 16px arial,sans-serif;
PADDING: 0px 0px 0px 35px;
TEXT-ALIGN: left;
BORDER: 0px;
VERTICAL-ALIGN: middle;
}

.NavBarMenu TD {
BACKGROUND: none;
COLOR: inherit;
FONT: 16px arial,sans-serif;
PADDING: 0px 0px 0px 0px;
BORDER: 0px;
VERTICAL-ALIGN: middle;
}


.Left {
BACKGROUND: #ffffff;
COLOR: inherit;
}

.Content {
BACKGROUND: #ebf1f5;
COLOR: inherit;
}

.Right {
BACKGROUND: #ffffff;
COLOR: inherit;
}

.RightPanelBox {
WIDTH: 100%; 
HEIGHT: 100%; 
BACKGROUND: #fdfbec; 
BORDER: 1px solid gray;
}

.BoxStyle {
WIDTH: 90%;
BORDER: 1px solid gray;
MARGIN-TOP: 15px;
}

.BoxStyle TD {
BACKGROUND: #fdfbec;
COLOR: inherit;
PADDING: 0px;
TEXT-ALIGN: left;
BORDER: 0px;
}

.HeadingStyle {
BACKGROUND: inherit;
COLOR: #000000;
FONT: bold 25px arial,sans-serif;
}

P {
FONT: 15px arial,sans-serif;
}

.Padded {
PADDING: 15px;
}

.SmallFont {
FONT: 13px arial,sans-serif;
}

.MedFontBold {
FONT: bold 15px arial,sans-serif;
}

.SmallFont TD {
FONT: 13px arial,sans-serif;
}

.MedFontBold TD {
FONT: bold 15px arial,sans-serif;
}

.Footer {
BACKGROUND: url("blueline-bg01.gif");
COLOR: #000000;
FONT: 13px arial,sans-serif;
HEIGHT: 22px;
TEXT-ALIGN: center;
}


<style type="text/css">

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

}

</style>


