/* Holy Grail Layout
----------------------*/
/* The Essential Code - thanks to alistapart.com articel by Matthew Levine and follow-up by Gerd Reisselmann   */

		body {
			min-width: 374px;         /* 2 x (menuC fullwidth + contentC padding) + sidebarC fullwidth */
		}

		#container {
			padding-left: 187px;      /* menuC fullwidth */
			padding-right: 0;     /* sidebarC fullwidth + contentC padding */
		}

		#container .column {
			position: relative;
			float: left;
		}

		#content {
			padding: 0;       /* contentC padding */
			width: 100%;
		}

		#menu {
		  width: 187px;             /* menuC width */
		  padding: 0;          		/* menuC padding */
		  margin-left: -100%;
		  left: 0px;              /* sidebarC fullwidth for IE6 */
		}

		#container > #menu {
		  left: -187px;             /* -(menuC fullwidth + contentC padding) */
		  margin-left: expression(
			document.all.content.offsetWidth * -1 +
			parseFloat(document.all.content.currentStyle.paddingLeft) +
			parseFloat(document.all.menu.currentStyle.paddingLeft) +
			parseFloat(document.all.menu.currentStyle.paddingRight)
			); /* Fix for IE7 */
		}

		

		#pageFooter {
			clear: both;
		}

/*** Just for Looks and Diagnostics ***/

		body {
			margin: 0;
			padding: 0;
			background: #FFF;
		}

		#masthead, #pageFooter {
			/*font-size: large;*/
			text-align: center;
			padding: 0;
			background: #999;
		}
		#pageFooter{
			
		}
		#menu {
			background: #66F;
		}

		#content {
			background: #DDD;
		}

		#sidebar {
			background: #F66;
		}

		#container .column {
			padding-top: 1em;
			padding-bottom: 2em;
			/*text-align: justify;*/
		}