/* start of layout css - this will be kept in a separate file and imported using @import to hide it from older browsers */
	/* and also to make sure that is isn't edited to tweak layout for individual pages */
	/* comments have been added mainly to aid development and for a teaching tool for others who need to use this css file */
	/* most of the comments will be deleted for the final deployed file (although a copy of the development file will be kept */
	/* layout css was taken from http://glish.com/css */
	
	#frame {
		width:76em;
		margin-right:auto; /*these two margin settings centre the content of this div */
		margin-left:auto; /*these two margin settings centre the content of this div */
		margin-top: 1em;
		padding:0;
		text-align:left;
		}
		
	#leftcolumn {
		padding:0;
		float:left;
		background:#fff;
		padding: 0;
		clear: both; /* this stops the logo and toplinks (which use floats) from causing columns to wrap */
		width:19em;
		height: 100%; /* This fixes the IE5.0 SP1 white space bug */
		}
	
	#middlecolumn {
		width:38.4em;
		padding:0;
		float:left;
		background:#fff;
		}
	
	#rightcolumn {
		margin-top: 0.0em;
		float:left;
		text-align: center;
		width: 17.6em;	
		background:#fff;
			}
		
	#contentheader {
		background: url("/masterpages/images/header_background.gif") repeat-x;
		padding-right: 1em;
		height: 5.5em;
		}

	#contentfooter {
	background: #fff;
	width:76em;
	margin-right:auto;
	margin-left:auto;
	margin-top: 4em;
	text-align:center;
		}
		
		/* end of layout css */