body{ background-image: url(/images/bg.gif); margin: 0; padding: 0; border: 0; overflow: hidden; height: 100%; max-height: 100%; }

#framecontentTop, #framecontentBottom{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 80px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #042C09;
color: white;
}

#framecontentBottom{
top: auto;
bottom: 0; 
height: 60px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #042C09;
color: white;
}

#framecontentTop { 
background-color: #042c09; 
height: 80px; 
width: 100%; 
left: 0; 
top: 0; 
position: absolute; 
visibility: visible; 
}

#maincontent{
position: fixed; 
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
left: 0;
right: 0;
bottom: 60px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto; 
background: #fff;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 80px 0 60px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%;
}

/*blinky, blinky*/
.blink { 
font-size: 35px; 
color: red; 
display: inline; 
} 

/*image enlarging styles start here*/
.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFF99;
padding: 5px;
top: -225px;
left: 0px;
width: 350px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
white-space: nowrap;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -225px;
left: 90px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

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

.thumbnailr:hover{
background-color: transparent;
z-index: 100;
}

.thumbnailr span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFF99;
padding: 5px;
top: -225px;
left: 0px;
width: 350px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
white-space: nowrap;
}

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

.thumbnailr:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -225px;
left: -400px; /*position where enlarged image should offset horizontally */
z-index: 100;
}

/*image enlarging styles end here*/

.footer { color: #fff; font-size: 10pt; }
.footer a { color: #fff; text-decoration: none; }
.footer a:visited { color: #fff; text-decoration: none; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer a:active { color: #fff; text-decoration: underline; }