#banner {
	margin: auto;
	margin-top: 28px;
}

#banner #background {
	height: 150px;
	background: url('/layout/graphics/title/backgroundCentre.gif') repeat-x;
	margin: 0 50px 0 60px;
}

#banner #background #left {
	position: relative;
	background: url('/layout/graphics/title/backgroundLeft.gif') no-repeat;
	height: 150px;
	/* Will make the margin in the centre */
	margin-left: -50px;
}

#banner #background #left #right {
	position: relative;
	background: url('/layout/graphics/title/backgroundRight.gif') no-repeat 100%;
	height: 150px;
	margin-right: -50px;
}

#banner #background #left #right #search {
	position: absolute;
	width: 200px;
	height: 82px;
	background: url('/layout/graphics/title/backgroundSearch.gif') no-repeat;
	left: -13px;
	top: -26px;
	padding: 10px 20px;
}
#banner #background #left #right #search img {
	position: relative;
	margin-left: 46px;
}

/* Another fix for IEs weirdness */
#banner #background #left #right #search form {
	position: relative;
	float: left;
}

#banner #background #left #right #search form #text {
	background: white url('/layout/graphics/title/searchTextBox.gif');
	width: 131px;
	height: 31px; 
	font-size: 21px;
	border: 0px; 
	padding: 0 8px 0 9px;
	vertical-align: top;
	margin-left: -3px;
	margin-right: -3px;
}

#banner #background #left #right #logos {
	position: absolute;
	top: 10px;
	right: 80px;
	overflow: hidden;
	height: 90px;
}

#banner #background #left #right #logos img {
	vertical-align: middle;
}

#banner #background #left #right #links {
	position: relative;
	top: 112px;
	/* Stupid IE strikes again - can't handle padding statements on one line */
	padding-left: 30px;
	padding-right: 30px;
	overflow: hidden;
	height: 32px;
}

#banner #background #left #right #links div {
	position: relative;
	float: left;
	width: 16%;
}

#banner #background #left #right #links div img {
	border: none;
}