/****************************************************
	H E A D E R
****************************************************/
div#HeaderContainer {
}

/****************************************************
	C O L U M N S
	Correct styling of column <div>-tags: 
		width, float
	Incorrect styling of column <div>-tags:
		border, background, height, margin, padding
	See styling of inner <div>-tags in PageLayout.css
****************************************************/
/*** Site1 ******/
body#Site1 div#LeftColumn {
	float: left;
	width: 206px; /* not 207 to make room for 1px MinHeightColumn */
}

body#Site1 div#ContentInclRightColumn {
	float: right;
	width: 751px;
}

body#Site1 div#ContentColumn {
	float: left;
	width: 511px;
}

body#Site1 div#RightColumn {
	float: right;
	width: 240px;
}

/*** Site2, Site3, Site4 ***/ 
body#Site2 div#LeftColumn,
body#Site3 div#LeftColumn,
body#Site4 div#LeftColumn {
	float: left;
	width: 334px;
}

body#Site2 div.ContentToTheLeft,
body#Site3 div.ContentToTheLeft,
body#Site4 div.ContentToTheLeft {
	float: left;
	width: 599px;
}

body#Site2 div.ContentToTheRight,
body#Site3 div.ContentToTheRight,
body#Site4 div.ContentToTheRight {
	float: right;
	width: 505px;
}

body#Site2 div#RightColumn,
body#Site3 div#RightColumn,
body#Site4 div#RightColumn {
	float: right;
	width: 240px;
}

body#Site2 div.ContentWide,
body#Site3 div.ContentWide,
body#Site4 div.ContentWide {
	float: left;
	width: 839px;
}

/****************************************************
	F O O T E R
****************************************************/
body#Site1 div#FooterContainer {
}

body#Site2 div#FooterContainer,
body#Site2 div#FooterContainer ul {
	background-color: #67B8E2;
}

body#Site3 div#FooterContainer,
body#Site3 div#FooterContainer ul {
	background-color: #000000;
}

body#Site4 div#FooterContainer, 
body#Site4 div#FooterContainer ul {
	background-color: #059573;
}

/* default */
div#FooterContainer {
	clear: both;
}

div#FooterContainer ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 10px 15px;
}

div#FooterContainer ul li {
	float: left;
	padding-left: 15px;
}

div#FooterContainer ul li a,
div#FooterContainer ul li a:visited,
div#FooterContainer ul li a:visited:hover,
div#FooterContainer ul li a:hover {
	color: #FFFFFF;
}