/* 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 */
}

#header 
{
	 
}

#nav 
{
width:160px; /* this width + content width must total 100% */
float:left; /* floats on nav and content divs make them sit side by side */	
}

#content 
{
/* border-right:150px solid; 
 margin-right:-150px;	/* default auto width */
/*float:left;*/
	
}
/* 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 */
padding: 10px;
margin: 15px;
}

.centerimg
{
margin: 0 auto;
text-align: center;
}


#nav_inner 
{
padding:0em .75em 1em 1em; /* creates space between the box and the content */
border-right:3px solid #B33;
}

#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;
font-size: .72em;
}

* html {