/* layout */

html,
body {
	height:100%;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -7em; /* the bottom margin is the negative value of the footer's height */
}

#navigation {
	width:980px;
	height:6em;
	padding:11px 0 0 0;
	margin:0 auto;
	position:relative;
}

#header {
	clear:both;
	width:100%;
	height:145px;
	position:relative;
}

#header .container,
#footer .container,
#content {
	margin:0 auto;
	width:980px;
}

#content {
	clear:left;
}

#content .onecolumn,
#content .twocolumn {
	width:212px;
	padding:11px 11px 22px 11px;	
	float:left;
	margin:0 11px 0 0;
}

#content .twocolumn { width:457px; }

#footer {
	clear:both;
	background:url("../img/backgrounds/form.jpg");
	border-top:1px solid #ccc;
	padding:2em 0 0 0;
}

#footer, #push {
	height:5em; /* .push must be the same height as .footer */
}

#footer .container {
	text-align:center;
}