body {
	margin:10px 0px 10px 0px;
	padding:0px;
	text-align:center;
	}

/* container to centre all the elements on the page regardless of browser*/	
#container {
	position: relative;
	margin: 0 auto; /* top right bottom left */
	width: 800px;
	height: 600px;
	background: url(images/record2.jpg) no-repeat;
	}

html>body #maincontent {
	margin-left: 150px;
	width: 616px;
	min-height: 300px;
	padding: 20px;
	}

/* banner rules */
#banner {
	voice-family: "\"}\"";
	voice-family: inherit;
	height:125px;
	width:800px;
	padding:3px;
	}

html>body #banner {
	height:125px;
	width: 800px;
	padding:3px;
	}

#footer {
	height: 140px;
	width: 800px;
	}

/* Margin-right & magrin-left fixes the 3px vertical gap between divs on ie */
/* height sets minimum div height for ie (min-height is not properly recognised by ie)*/
	/* hide from mac */
	* html #navbar {margin-right: -3px; height:300px;}
	* html #maincontent {margin-left: 0; height:350px; min-height:350px;}
	/* end hide */