/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	width:1000px; /* widths of columns will change proportionately as this width is changed */
	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 {
	background:url(../img/banner.png) no-repeat 0 0;
	height:160px;
	width:100%;
	}
#nav {
	width:16%; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */
	}
#content {
	float:left; /* floats on nav and content divs make them sit side by side */
	width:84%; /* this width + nav width must total 100% */
	top:0px;	
	}
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	}
#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:6em 1em 0em 1em; /* creates space between the box  and the content */
	text-indent:-9999px;
	}
#header_inner h1{
	background:url(../img/logo.png) no-repeat 0 0;
	
}
#header_inner h1 a{
	display:block;
    width:543px;
	height:45px	;
}
#nav_inner {
	padding:.3em 0; /* creates space between the box and the content */
	
	}
#content_inner { 
	padding:0 .1em 1em 1.8em; /* creates space between the box and the content */
	}
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}
