body{
background:#FFFFFF;
margin:9px;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#666666;
}

A:link{ color:#999999; text-decoration:none; }
A:hover{ color:#6C8EFF; text-decoration:underline; }
A:active{ color:#999999; text-decoration:none; }
A:active:hover{ color:#6C8EFF; text-decoration:underline; }
A:visited{ color:#999999; text-decoration:none; }
A:visited:hover{ color:#6C8EFF; text-decoration:underline; }


#wrap{
width:800px;
margin-left:auto;
margin-right:auto;
}

#sidebar{
float:left;
text-align:left;
width:150px;
}

#container{
width:600px;
margin-left:160px;
border-left:#CCCCCC 1px solid;
}

#content1{
width:270px;
padding:20px;
float:left;
text-align:justify;
}

.content2{
padding:20px;
text-align:justify;
}

h3{
text-align:right;
color:#6C8EFF;
font-size:14pt;
font-weight:bold;
}

#title{
height:120px;
margin-top:30px;
border-bottom:#CCCCCC 1px solid;
text-align:right;
font-size:10pt;
letter-spacing:-1px;
color:#CCCCCC;
}

#footer{
text-align:center;
font-size:10px;
height:30px;
margin-top:10px;
border-top:#CCCCCC 1px solid;
text-transform:lowercase;
}

 #navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background:#F3F3F3;
width: 13em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top:#CCCCCC 1px solid;
text-align: right;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
background: #F3F3F3;
text-decoration: none;
}

#navlist li a:link { color: #6C8EFF; }
#navlist li a:visited { color: #999999; }

#navlist li a:hover
{
border-color: #FE3;
color: #666666;
background: #FFFFFF;
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #6C8EFF;
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;
position: fixed;
top: 50%;
margin-top: -25%;
margin-left: 130px;
/*top: 0;*/
/*left: 60px; *//*position where enlarged image should offset horizontally */

}

</style>