/* 100% height layout with header and footer */

html,body
	{
	margin: 0; /* margins clockwise from top to right to bottom to left */
	padding: 0; /* paddings clockwise from top to right to bottom to left */
	height: 100%; /* needed for container min-height */
/* 	overflow-x: hidden; */
	}

h1
	{ 
	margin:0.5em 0; /* margins clockwise from top to right to bottom to left */
	}

h2
	{
	margin:0 0 0.5em; /* margins clockwise from top to right to bottom to left */
	}

p
	{ 
	line-height: 1.5; 
	margin: 0 0 1em; /* margins clockwise from top to right to bottom to left */
	}

.cntnr
	{
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 100%;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	}

.hdr
	{
	padding: 1em; /* paddings clockwise from top to right to bottom to left */
	}

div#header p
	{
	font-size: 1.1em;
	margin: 0; /* margins clockwise from top to right to bottom to left */
	}

.divCntnt
	{
	background-image: url("../VsGgraphics/gridscape converge transp-1024x0488.png"), url("../VsGgraphics/gridscape diverge transp-1024x0488.png");
	/* background-repeat: repeat-x, repeat; */
	}
 
.padCntnt
	{
	padding: 0em 0em 0em 0em; /* paddings clockwise from top to right to bottom to left */
/* 	height: 100%; */
	}

div#content p
	{
	text-align:justify;
	padding:0 1em; /* paddings clockwise from top to right to bottom to left */
	}

div#footer
	{
	position: absolute;
	width: 100%;
	bottom: 0; /* stick to bottom */
	}

div#footer p
	{
	padding: 1em; /* paddings clockwise from top to right to bottom to left */
	margin: 0; /* margins clockwise from top to right to bottom to left */
	}