body {
		margin: 10px;		
		padding: 10px;
		font-family: arial, verdana, sans-serif;
		font-size:14px;
		color: #000;
		background: #FFF;
		}
		
#main, #header {
	width: auto;
	border: 0;
	font-size:14px;
	margin: 0 5%;
	padding: 0;
	float: none !important;
	}
	
h3
{
	padding:0;
	font-size:16px;
	font-weight:bold;
	text-transform:none;
}

		
img
{
	display:none;
}

#navigation, #sidebar, #menuback, #sidebar, #menu_on, #footer
{
	display:none;
}

/* This'll only work in modern browsers like Firefox, but will add an explanation to the top of the page when printed. Slick, eh? */
#main:after {content: "This is a printer-friendly version of the Queen Mary's School website. The navigation and other unnecessary elements have been removed."; 
display: block; margin-bottom: 3mm; padding: 5px; background: #fafae9; text-align: center; border:1px solid black; }

#header:before {content: "Queen Mary's School - Girls day and boarding school"; 
display: block; font-size:24px;margin-bottom: 10px;  }



