@charset "UTF-8";
/* CSS Document */

body, html {
	width: 100%; height: 100%; margin: 0; padding: 0;	
}

#pageBackground {
	position: fixed; top: 0; left: 0; z-index: 0;
}

#pageBackground img {
	height: 100%; width: 100%; display: inline;	
}




#pageContainer {
	position: absolute; top: 0px; width: 100%; min-width: 1024px; height: 100%; min-height: 100%; z-index: 1; text-align: center; margin: 0; padding: 0;
}

#pageContainer #pageLeft {
	position: absolute; top: 0px; left: 0px; width: 220px; height: 190px; z-index: 3;
}

#pageContainer #pageRight {
	position: absolute; top: 190px; left: 220px; width: 680px; height: 550px; background-color: #000000; text-align: left; z-index: 2;
}

#pageContainer #pageRight #title {
	position: absolute; top: 100px; left: 70px; z-index: 3;	
}

#pageContainer #pageRight #content {
	position: absolute; top: 150px; left: 70px; width: 540px; height: 340px; overflow: auto; z-index: 3;	
}

#pageContainer #pageRight #navigation {
	position: absolute; top: 510px; left: 70px; width: 540px; z-index: 3;	
}

#pageContainer #pageRight #navigation #navigationLeft {
	position: absolute; left: 0px; width: 110px; z-index: 3;	
}

#pageContainer #pageRight #navigation #navigationCentre {
	position: absolute; left: 110px; width: 320px; z-index: 3; text-align: center; text-transform: uppercase; padding-top: 5px;
}

#pageContainer #pageRight #navigation #navigationRight {
	position: absolute; right: 0px; width: 110px; z-index: 3;	
}

#pageContainer #footer {
	position: absolute; top: 780px; width: 100%; height: 38px; z-index: 4; background-image: url(background-footer.png); background-repeat: repeat-x;
}

#pageContainer #footer #footerLeft {
	position: absolute; top: 10px; left: 10px; width: 70%; height: 100%; text-align: left; float: left;
}

#pageContainer #footer #footerRight {
	position: absolute; top: 10px; right: 10px; width: 30%; height: 100%; text-align: right;
}