/* TWO COLUMN LAYOUT */
body {
  text-align:center; /* IE6 needs this to center the layout in the browser window */	}

#main_wrapper {
  max-width:865px; /* sets max layout width */  
  min-width:750px; /* 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 {height:9em;	
}

#nav {float:left; width:100%; font-size:.825em; height:2.25em; margin-bottom:5px;}
#nav ul {margin:0;}
#nav li {margin-left:0; float:left;}
#nav ul, #navbar li {float:left; list-style-type:none;}
#nav a {display:block; height:2.25em; width:6.9em; text-align:center; line-height:2.25em; text-decoration:none; outline-style:none;}

#leftcolumn {width:25%;  float:left; /* floats on leftcolumn and content divs make them sit side by side */ margin:0 0 5px 0;
}

#content {float:left; width:75%; /* margin-left:160px;*/ /* margin = width of leftcolumn */ text-align:left;
}
#content.inside {float:left; width:75%; /* margin-left:160px;*/ /* margin = width of leftcolumn */ text-align:left;
}

#footer {clear:both; /* makes the footer sit below whichever column is longest */  
}

#header_inner, #leftcolumn_inner, #content_inner {overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
}

#header_inner {padding:.5em; /* creates space between the box  and the content */
}

#leftcolumn_inner {padding:1em; /* creates space between the box and the content */ text-align:center;
}

#leftcolumn_inner.alt {padding:1em; text-align:left;}

#content_inner {padding:0 3em 1em 1.5em; /* creates space between the box and the content */ background-image: url(images/angellogo-square200-invert-fliph-grn-tr.gif); background-position:bottom right; background-repeat:no-repeat;
}

#content_inner.alt {padding:0 3em 1em 1.5em; background:none;}

#footer_inner {padding:.5em 1em; /* creates space between the box and the content */	text-align:center;}