/* Global margin/padding reset */
* {
	margin: 0;
	padding: 0;
	}


html, body {
	height: 100%; /* Must be assigned to EACH parent element */
	padding: 0;
	margin: 0;
	}

/* This extra div does nothing more than center the content, since the div giving us our height (#container) must be set to float: left */
#centerer { 
	height: 100%; /* Must be assigned to EACH parent element */
	/* border: 5px solid yellow; */
	margin: 0 auto 0 auto;
	width: 750px;
	}

#container {
	float: left; /* "Set a float to contain a float." --Eric Meyer */
	/* border: 5px solid red; */
	min-height: 100%;
	width: 100%; /* will need to be width of #centerer minus any padding */
	position: relative; /* makes any absolutely positioned elements set relative to THIS one */
	}
#wrapper {
	height:100%;
	float:left;
	}

/* The real magic; the difference between height and min-height */
* html #container { height: 100%; }

#navigation {
	width: 170px;
	/* background-color: #eee;
	border: 5px solid purple; */
	float: left;
	padding: 0 0 160px 0; /* Use bottom padding here to make space for footer */
	}
#rightCol {
	width: 170px;
	/* background-color: #eee;
	border: 5px solid gray; */
	float: right;
	padding: 0 0 160px 0; /* Use bottom padding here to make space for footer */
	}

#content { 
	padding: 0 0 160px 0; /* Use bottom padding here to make space for footer */
	/* border: 5px solid blue; */
	}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%; /* will need to be width of #footer minus any padding */
	/* border: 5px solid orange;
	background-color: #eee; */
	}
	

/* ADDITIONAL STYLE OVERWRITES
----------------------------------------------- */
div#content dl {
	float:left;
	}
div#rightCol {
	margin:0;
	padding:0;
	}
div#rightCol dl {
	float:left;
	padding:0;
	margin:0;
	}