/* TWO COLUMN LAYOUT */
body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:1220px; /* sets max layout width */
	min-width:720px; /* 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 */
	background:url(../../../chapter_5/code/images/2_col_faux_art.gif) repeat-y;
	}
#header {
	}
#navbar { 
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	/* IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style declaration. 
The incorrect IE5/Win value is above, while the correct value is below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:33px; /* the correct height */
	}/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct length values to user agents that exhibit the parsing error exploited above yet get the CSS box model right and understand the CSS2 parent-child selector. 
ALWAYS include a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
#site_ad-loc {
	padding-left: 10px;
	height: 20px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 20px;
	}
#two_column_wrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	background: url(../../images/lay/3_col_faux_art_left.gif) repeat-y left;
  }
#nav {
	width:150px; /* the content margin must match this value */
	float:left; /* floats on nav and content divs make them sit side by side */
	}
#content {
	margin-left:150px; /* margin = width of nav column */
	}
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background:#DDC; /* TEMP - REMOVE OR RESTYLE  */
	}
#header_inner, #nav_inner, #content_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 */
	height: 100px; 
	}
#nav_inner {
	padding:1em .5em; /* creates space between the box and the content */
	}
#content_inner { 
	padding:0em 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;
	}