@import "init.css";

#maincontainer {
	border: 5px solid white;
	margin-left: auto;
	margin-right: auto;
	width: 960px; /*width: 1010px;*/
	position: relative;
}

#header, #footer, #contentcontainer, #navigation,
#header .content, #footer .content,
#navigation .content, #sidebar .content, #sidebar2 .content,
#maintext .content
{
	width: 100%;
}

#sidebar, #sidebar2, #maintext
{
	float: left;
	/* overflow: hidden; */
}

#contentcontainer {
	overflow: hidden;
}

#navigation {
	position: absolute; top: 100px; left: 0;
	width: 100%;
}

#header {
	height: 100px;
}

.menu > li {
	float: left;
	position: relative;
	list-style: none;
	text-align: center;
}

#navigation a {
	display: block;
}

#maintext {
	width: 750px;
	/*margin-left: 250px;*/
}

#sidebar {
	width: 180px;
	/*margin-left: -1000px;*/
}

.column {
	/* Use the faux columns technique to achieve equal height for #maintext, #sidebar, and #sidebar2 */
	padding-bottom: 3000px;
	margin-bottom: -3000px;
	margin-top: 30px; /* equal to the height of #navigation */
}