body{
margin:0;
padding:0;
line-height: 1.5em;
background: #AAD1D6;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 768px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
position: relative;

}

#topsection{
background: #AAD1D6;
height: 243px; /*Height of top section*/
position: relative;
}

#topsection h1{
margin: 0;
padding-top: 25px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
background: #FFFFFF;
position: relative;}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: #D9D9FF;
height: 852px;
}

#footer{
clear: left;
width: 100%;
background: #B6D8DC;
color: #000;
text-align: center;
padding: 4px 0;

}

#footer a{
color: #800000;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

<style>
/* Validated by W3C CSS Validation Service */

/* set general thumbnail styles */
dl#pix	{image-align : left; position: relative; top: 10px; left: 10px; border : 5px solid white }

/* MouseOut state (default) - hide larger picture */
dl#pix a img.hid {
	width: 175px; height:118px;
	position: absolute; top: 120px; right: 260px; border : 1px solid blue;
	visibility: hidden;
	}

/* MouseOver state (hover)- reveal larger picture */
dl#pix a:hover img.hid { visibility:visible }
</style>

<style>
/* Validated by W3C CSS Validation Service */

/* set general thumbnail styles */
dl#pix1	{image-align : left; position: relative; top: 125px; left: 10px; border : 5px solid white }

/* MouseOut state (default) - hide larger picture */
dl#pix1 a img.hid {
	width: 175px; height:118px;
	position: absolute; left: +130px; top: +843px; right: 10px; border : 1px solid blue;	visibility: hidden;
	}

/* MouseOver state (hover)- reveal larger picture */
dl#pix1 a:hover img.hid { visibility:visible }
</style>

<style>
/* Validated by W3C CSS Validation Service */

/* set general thumbnail styles */
dl#pix2	{image-align : left; position: relative; top: 125px; left: 10px; border : 5px solid white }

/* MouseOut state (default) - hide larger picture */
dl#pix2 a img.hid {
	width: 175px; height:118px;
	position: absolute; left: +130px; top: +534px; right: 10px; border : 1px solid blue;	visibility: hidden;
	}

/* MouseOver state (hover)- reveal larger picture */
dl#pix2 a:hover img.hid { visibility:visible }
</style>