/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:750px; /* 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;
	}

#content {
	clear:left;
	background-image:url(../graphics/dragonblk.jpg);
	background-repeat:no-repeat;
	background-position:bottom 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-image:url(../graphics/footer.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	height: 75px;
	}
#header_inner, #nav_inner, #content_inner, #header, #nav, #content, #slider, #footer  {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner {
	padding:.25em 3em 1em 1em; /* creates space between the box and the content */
	}
#nav_inner {
	padding:1em .5em; /* creates space between the box and the content */
	border-right:3px solid #B33;
	}
#content_inner {
	padding:.5em 2.5em 1em 3em; /* creates space between the box and the content */
	}
#footer_inner {
	padding:.75em 1em .5em 4em; /* creates space between the box and the content */
	text-align:left;
	margin: 0;
	}
#header, #content, #top {
	width:750px;
	}