body
{
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;  
	background-color: white;		
	font-size: 100%;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	
}	

#body_image,
#header_image
{
	width: 100%;  /* makes the image scalable */
	
}

#footer_image
{
	width: 90%;  /* makes the image scalable */
	margin-left: 5%;
}

#menu_bar
{  /* this does centre the menu bar */
	width: 85%;	
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 1%;	
}

#menu_bar p
{
	float: left;
	margin-left: 1%;
}

#menu_bar a
{
	text-decoration: none;	
}

#menu_bar a img
{
	text-decoration: none;
	outline: none;
	border: 0;
	/*width: 3%;  works in IE but not in FFox or Chrome */
}