/* TWO COLUMN LAYOUT */


body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:960px; /* 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(../images_pres/b6.jpg) repeat-y;
	}
#header {
	}
#nav {
	width:145px; /* the content margin must match this value */
	float:left; /* floats on nav and content divs make them sit side by side */
	}
#content {
	margin-left:145px; /* margin = width of nav column */
	background:#00CCFF;
	}
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background:#808073; /* 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 */
	text-align:center;
	left:2%;
	}
#nav_inner {
	padding:1em 1.5em .5em 0em; /* creates space between the box and the content */
	text-align:center;
	}
#content_inner { 
	padding:1em 1em 1em 0em; /* creates space between the box and the content */
	text-align:center;
	}
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}
#column1 {
	width:390px;
	float:left
}
#inner_column1 {
	padding:10px;
	text-align:left;
}
#column2 {
	width:390px;
	float:right
}
#inner_column2 {
	padding:10px;
	text-align:left;
}
.clearfloats {
clear:both
}
