/* Layout Stylesheet */ 

body {
 margin:20px;
 background:#FFCCCC;
 color: #333333;
 text-align:center;
 padding:0;
 }
a {
color: #000000;
}
a:hover{
color: #000000;
font-weight: bold;
text-decoration: none;
}

#outer {
 text-align:left;
 border:1px solid #000000;
 width:650px;
 margin:auto;
 }

#hdr {
 height:100px;
 background:#eeeeee;
 color: #333333;
 }

#bar {
 height:25px;
 background:#FFCCCC;
 color: #000000;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

#bodyblock {
 position:relative;
 background: #dcdcdc;
 color: #333333;
 width:650px;
 padding:0;
 }

#l-col {
 float:left;
 background:#dcdcdc;
 color: #333333;
 width:145px;
 margin:5px;
 }

#cont {
 width:495px;
 min-height: 600px;
 background:#ffffff;
 color: #333333;
 text-align:left;
 }

#ftr {

 background:#c0c0c0;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }
 .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 */