body {
	font: 11px/17px Verdana, Arial, sans-serif; /* make the font look a little nicer than default times new roman */
	text-align: center; /* center the layout in IE 5 */
}

#container {
	width: 750px; /* the width of our layout overall */
	margin: 0 auto; /* center the layout in mozilla and IE 6+ */
	text-align: left; /* put the text back where it should be */
}

#header {
	width: 100%; /* full width header & footer */
	height: 390px; /* give the header & footer a height */
}

#footer {
	width: 100%; /* full width header & footer */
	height: 100px; /* give the header & footer a height */
}

#sidebar {
	float: right; /* put the sidebar on the right */
	width: 280px; /* the width of our sidebar column */
}

#content {
	float: left; /* put the content on the left */
	width: 450px; /* the width of our content column */
}

#footer {
	clear: both; /* clear the floats set for the sidebar & content, otherwise it will disappear when one column is shorter than the other */
}

/* NOTE: the content column and sidebar column widths must - when added together - be less then or equal to the width of the container */