body{ 
	margin: 0; 
	padding: 0px 0px 0px 0px; 
	}
div#ScrollBox{
	position:absolute;
	top:0px; left:0px;
	width:100%;
	z-index:0;
	}
	
div#HeaderBox{
	position:absolute;
	top:0px; left:0px;	
	height:50px;	
	z-index:1;	
	background-image: url(../Branding/HeaderBackground.png);
	}
	
div#HeaderShadow
{
	position:absolute;
	top:50px; left:0px;
    height: 4px;
    margin-bottom: 4px;
    background-image: url(../Images/HeaderShadow.png);
}
div#HeaderContent{
	margin-right:100%;
	}

div#NavBox{
	position:absolute;
	top:50px; left:0px;
	width:100%;
	height:22px;
	z-index:1;
	}
div#NavContent{
	margin-right:0px;
	padding-left:5px;
	}
div#NavContentRight{
	position:absolute;
	right:16px;
	float:left;
	background-color:#B5C7DE;
	}	
div#TitleBox{
	position:absolute;
	top:71px; left:0px;
	width:100%;
	height:40px;
	z-index:0;
	}
div#TitleContent{
	padding-left:5px;
	margin-right:16px;
	vertical-align:middle;
	height:40px;
	}
	
div#ContentBox{
	position:absolute;
	top:111px; left:0px;
	width:100%;
	z-index:0;
	}
div#ContentContent{
	padding:5px 0px 0px 40px;
	margin-right:16px;
	z-index:0;
	}

/*Footer*/
div#footerBox{ 
	position: absolute; 
	left: 0px; 
	bottom: -2px; 
	height: 20px;
	width:100%;
	z-index:1;
	} 
div#footerbumper{
	position:relative;
	bottom:0px;
	}
@media screen{ 
	div#footerBox { position: fixed; } 
	/* Don't do this at home this is the fix for the IE6 stuff.*/ 
	* html{ overflow: hidden; } 
	* html body{ 
		 overflow: hidden; 
		 height: 100%;
		 padding: 0px; 
	} 
	* html div#ScrollBox {
		overflow:auto;
		height:100%;
	}
	/*Nav*/
	* html div#NavContent{
		margin-right:16px;
	}
	* html div#NavContentRight{
		right:26px;
	}
	/*Footer*/
	* html div#footerBox { 
		position:absolute; 
		margin:0px 0px -2px 0px;
		width:100%;
	} 
	* html div#footerBox #footerContent{
		margin:0px 16px 0px 0px;
	}
	* html div#footerbumper{
		height:0px;
		margin-right:16px;
	}
	/* All done. */ 
}