html, body {
	/*
	GENERAL SETTINGS FOR THE SITE, SPECIFY BACKGRUND COLOUR/IMAGE HERE
	MAIN FONT is specified here, alternates and sizes later, in the main DIVs where content is displayed
	*/
	padding:0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	
	background-color: #474747;
	color: #232020;
	
	background-image: url(../../common/images/stagebgnd_rpt.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}


#siteLayout {
	/* This is the main 'box' that ALL site content lives in. We specify total width (incl margins) and position of the site here.
	*/
	width: 850px;
	margin:0px;
	padding:0px;	
	min-height: 100%;
		
	/*arrange layout here, setting left and right to auto centers the box, assigning a 0 will anchor to left or right respectively
	*/
	margin-left: auto;
	margin-right: auto;	

	/*look into specifying margins here. we would specify a repeating image as background and then add padding. for now we'll continue with specifying margins with the next two IDs
	*/
}

#leftMargin {
	margin:0px;
	padding:0px;	
	float: left;
	width: 0px;
	height: 100%;
}

#rightMargin {
	margin:0px;
	padding:0px;	
	float: right;
	width: 0px;
	height: 100%;
}

#contentLayout {
	/*site content PROPER goes in here. ensure that the width + the margins equals total siteLayout width. this is a parent container so needs no further styling data*/
	float: left;
	margin:0px;
	padding:0px;
	display: block;	
	left: 0px;
	width: 850px;
	height: 100%;
}


#siteContent {
	/*parent class for all content*/
	width: 100%;
	height: 100%;	

	float: left;
	margin:0px;
	padding:0px;
	display: block;	

	/*specify margins/borders, bg images for all site content here*/
	background-color: #fa9634;	

	background-image: url(../../common/images/pagetop_bgndLight.jpg);
	background-repeat: repeat-x;
	background-position: top;

}

#mainContent {
	width: 760px;

	padding: 0px;
	margin: 0px;

	margin-right: auto;
	margin-left: auto;

	position: relative;
}

#mainContentCentre {
	width: 690px;
	height: 100%;
	float: left;
	
	margin-left: auto;
	margin-right: auto;	

	padding-right: 35px;
	padding-left: 35px;
	padding-top: 30px;
	padding-bottom: 30px;	

	background-image: url(../../common/images/contentinnerFade.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
	font-size: 12px;
}

#mainPageContent {
 	width:455px;
	padding: 0px;
	margin: 0px;
	
 	float:left;
}

#mainBannerContent {
	width:200px;
	padding: 0px;
	margin: 0px;
	
	float:left;
	margin-left: 35px;
}

#fullPageContent {
	width: 655px;
	padding: 0px;
	margin: 0px;
	float:left;
}