body
{
        font: normal 12px/14px Georgia, Verdana, "Lucida Grande", Lucida, Geneva, Helvetica, sans-serif;
        margin: 20px;
        color: #000;
        background-color: #FFF;
}

div#sect1
{
	position: relative;
	top: 0;
	left: 0;
	/*height:100%; why "height"? for some reason this fixes the problem that Win IE has when you put an absolutely positioned div in a relatively positioned div*/
}

div#sect2
{
	position: relative;
	top: 0;
	left: 0;
	height:100%; /*ditto*/
}

div#sect3
{
	position: relative;
	top: 0;
	left: 0;	
	/*height:100%; ditto*/
}

div#col1-1
{
	position: relative;
	top: 0;
	left: 0;
	padding: 15px;
}

div#col2-0{
	position: relative;
	top: 0;
	left: 0;
	width:65%;
	display:none;
	}

div#col2-1
{
	position: relative;
	top: 0px;
	left: 0%;
	width: 65%;
	min-height: 500px;
	/*hack for IE min-height*/
	height:auto;
	_height: 500px;
}

div#col2-2
{
	position: absolute; /* here is the nested absolutely positioned div */
	top: 0px;
	left: 65%;
	width: 35%;
	display:none;
}

div#col3-1
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-left:0;
	padding: 0px 0px 0px 15px;
}

div.content
{
	margin: 0px 0px 0px 10px;
	padding: 10px;
}