/* TWO COLUMN LAYOUT */body {	text-align:center; /* IE6 needs this to center the layout in the browser window */	}	#main_wrapper {	max-width:1160px; /* sets max layout width */	min-width:120px; /* sets min layout width */	margin-left:auto;  /* centers layout in browser */	margin-right:auto; /* centers layout in browser */	text-align:left; /* resets the centering hack for IE6 on the body tag */	}#header {	 	}#promo {	width:20% /* this width + content width must total 100% */	float:left; /* floats on nav and content divs make them sit side by side */		}#content {        width:80%; /* this width + content width must total 100% */	float:right; /* floats on nav and content divs make them sit side by side */		/* default auto width */	}/* here comes a hack for IE6 *//* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE *//* if I float this element in other browsers, the layout breaks - don't remove this comment \*/* html #content { 	float:left; 	}/* end of hack - don't remove this comment */#footer {	clear:both; /* makes the footer sit below whichever column is longest */	background:#DDC; /* TEMP - REMOVE OR RESTYLE  */	}#header_inner, #nav_inner, #content_inner, #promo_inner {	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */	}#header_inner { 	padding:1em 2em; /* creates space between the box  and the content */	}#header_pic {float:right]		}#content_inner { 	padding:1em 1em 1em 1.5em; /* creates space between the box and the content */	}#footer_inner {	padding:.5em 1em; /* creates space between the box and the content */	text-align:center;	}* html {