/*
	This style sheet includes styles for classes and id:s used to form the main structure of the pages
*/

/*  The uppermost part of the page head */
#topNavigationCanvas {
	-moz-box-sizing: border-box;
	float: left;
	clear: both;
	width: 754px;
	height: 29px;
	background-color: #d7d7d7;
}

/*  The top navigation menu canvas */
#topNavigationMenu {
	-moz-box-sizing: border-box;
	float: left;
	clear: both;
	width: 754px;
	background-color: #e9e9e9;
	border-top: 1px solid White;
}

/*  The main logotype canvas */
#mainLogoCanvas {
	-moz-box-sizing: border-box;
	clear: both;
	width: 754px;
	height: 67px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
}

/*  Canvas for the main part of the page */
#mainCanvas {
	-moz-box-sizing: border-box;
	clear: both;
	width: 754px;
	height: 459px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* Page footer canvas */
#footerCanvas {
	-moz-box-sizing: border-box;
	clear: both;
	width: 736px;
	text-align: center;
	border-top: 1px solid #b5afa8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
}

/* Container for wide pages, ensuring the width of the page */
.pageContainerWide {
	width: 920px;
}
/* Width settings for canvases within wider pages */
.pageContainerWide #topNavigationCanvas {
	width: 920px;
}
.pageContainerWide #topNavigationMenu {
	width: 920px;
}
.pageContainerWide #mainLogoCanvas {
	width: 920px;
}
.pageContainerWide #mainCanvas {
	width: 920px;
}
.pageContainerWide #footerCanvas {
	width: 902px;
}

/* The page is divided into two columns, of which the rightmost is divided into another two columns at need */

/* The leftmost column */
#column1 {
	-moz-box-sizing: border-box;
	float: left;
	width: 236px;
	padding-right: 0px;
}

/* The right column, also container of two separate columns */
#column2 {
	-moz-box-sizing: border-box;
	float: right;
	width: 518px;
	margin-left: 0px;
}
/* Width settings for canvases within wider pages */
.pageContainerWide #column2 {
	width: 676px;
}

#column2 .colspan2 {
	-moz-box-sizing: border-box;
	float: right;
	width: 510px;
	margin-left: 0px;
}

/* The middle column */
#column2_1 {
	-moz-box-sizing: border-box;
	float: left;
	width: 352px;
	margin-top: 0px;
	margin-left: 0px;
}

/* The rightmost column */
#column2_2 {
	-moz-box-sizing: border-box;
	float: right;
	width: 166px;
	margin-left: 0px;
}