@charset "utf-8";

body {
	text-align: center;
	min-width: 1000px;
}

#guiWrapper {
	margin: 0 auto 0 auto;
	width: 1000px;
	text-align: left;
}

#guiHeader {
	clear: both;
	float: left;
	width: 1000px; /* width: 100%; */
	margin: 0 auto 0 auto;
}

#guiFooter {
	clear: both;
	float: left;
	width: 1000px; /* width: 100%; */
}

#guiMiddle {
	clear: both;
	float: left;
	width: 1000px; /* width: 100%; */
}

.guiContainer {
	position: relative;
	clear: both;
	float: left;
	width: 1000px; /* width: 100%; */
	overflow: hidden;
}


/* no columns */

#guiMiddle {
	background: #F9F9F9;
}


/* 2 columns - menu on left */

.guiColumns2MenuLeft {
	background-color: #FFD8B7;
}

.guiColumns2MenuLeft .guiWrapper1 {
	float: left;
	width: 200%;
	position: relative;
	left: 200px;
	background-color: #F9FFF9;
}

.guiColumns2MenuLeft .guiWrapper2 {
	float: right;
	width: 50%;
	position: relative;
	right: 200px;
	padding-bottom: 1em;
}

.guiColumns2MenuLeft .guiColumnMiddle {
	margin: 0 15px 0 215px;
	position: relative;
	right: 100%;
	overflow: hidden;
}

.guiColumns2MenuLeft .guiColumnLeft {
	float: left;
	width: 170px;
	position: relative;
	right: 185px;
}


/* 2 columns - menu on right */

.guiColumns2MenuRight {
	background-color: #FEFF99;
}

.guiColumns2MenuRight .guiWrapper1 {
	float: left;
	width: 200%;
	margin-left: -200px;
	position: relative;
	right: 100%;
}

.guiColumns2MenuRight .guiWrapper2 {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
	background: #FFF;
}

.guiColumns2MenuRight .guiColumnMiddle {
	margin: 0px 15px 0px 215px;
	overflow: hidden;
}

.guiColumns2MenuRight .guiColumnRight {
	float: right;
	width: 170px;
	position: relative;
	left: 185px;
}


/* 3 columns */

.guiColumns3 {
	background-color: #FEFF99;
}

.guiColumns3 .guiWrapper1 {
	float: left;
	width: 200%;
	margin-left: -200px;
	position: relative;
	right: 100%;
	background-color: #F9FFF9;
}

.guiColumns3 .guiWrapper2 {
	float: left;
	width: 100%;
	margin-left: -50%;
	position: relative;
	left: 400px;
	background-color: #FFD8B7;
}

.guiColumns3 .guiWrapper3 {
	float: left;
	width: 50%;
	position: relative;
	right: 200px;
}

.guiColumns3 .guiColumnMiddle {
	margin: 0 215px;
	position: relative;
	left: 200%;
	overflow: hidden;
}

.guiColumns3 .guiColumnLeft {
	float: left;
	float: right;
	width: 170px;
	position: relative;
	right: 15px;
}

.guiColumns3 .guiColumnRight {
	float: left;
	float: right;
	width: 170px;
	margin-right: 45px;
	position: relative;
	left: 50%;
}
