/* Style to define the container which encompasses ALL body content */
div#pageContainer{
	position:relative;
	min-height:100%; 
	height: auto;
	/* fix in fixes.css */
}





 /* header/banner */
div#pageHeader {
	background-color: #4A5561;
	margin-top:0px;
	margin-bottom: 1.5em;
	height: 5.5em;
}

div#pageHeaderPadding { /* AC - header is positioned absolutely so no need to pad this */
}

div#pageHeader h1{
	margin:0em;
}

div#pageHeader a, div#pageHeader span{
	display: block; 
	position:absolute; /* AC - This fixes the tagline wrap under in IE */
	top:14px; left:21px;
	background: transparent url("/images/white-logo.png") no-repeat top left;
	color: #FFF;
	height: 54px;
	width: 148px;
	text-indent: -100em;
	overflow: hidden;
}

p#tagLine {
	margin:0px;
	padding: 1.9em 6em 0em 13em;
	color: #FFF;
	font-family: "Gill Sans", "Century Gothic", Arial;
	text-align:center;
	white-space:nowrap;
}

div#main{
	padding: 0.1em 1.4em;
	padding-bottom:10em; /* this needs to be large to allow for the height of the footer */
	margin-top:1px;
}



/* Styles for the layout of the footer */
div#footer{
	position:static;
	width:100%;
	text-align:center;
	padding:0;
	clear:both;
}

div#footer .smallBlock{
	margin:0;
	margin-left:1em;
	margin-right:1em;
	padding:0;
	padding-bottom:0.5em;
	text-align: center;
	font-size:85%;
}




/* Basket */
div#basket {
	position: absolute;
	top: 1.8em;
	right: 1.4em;
	border: 0em;
	color:#000;
}

div#basket a:hover{
	background-color:transparent;
}




/* columns */
#leftColumn {
	width: 49.9%;
	float: left;
	clear: left;
}

#leftPadding {
	margin-right:0.6em;
}

#rightColumn {
	width: 49.9%;
	float: left;
}

#rightPadding {
	margin-left:0.6em;
}