/* these styles deal mainly with the main 3 or 2 column structure of the pages. */

#columns3,
#columns2 {
	width:100%;
	/* the following set the min and max width that the page will expand and shrink to. the expression is needed for IE */
	min-width: 800px;
	max-width: 1280px;
	width: expression((this.parentNode.offsetWidth <= 800) ? "800px" : (this.parentNode.offsetWidth > 1280) ? "1280px" : "auto");
}
#header {
	position:relative;
}

#navigation {
	width:200px;
	float: left;
	position:relative;
}

#container {
	width: 100%;
	margin-right: -200px;
    margin-left: -200px;
	float: left;
}
#content {
	margin-right: 210px;
	margin-left: 210px;
}
#columns2 #container {
	margin-right:0;
}
#columns2 #content {
	margin-right:10px;
}
#sidebar {
	width: 200px;
	float: right;
}

#footercontainer {
	clear: both;
}
#footer {
	margin:10px;
	padding:10px 0;
}