@charset "UTF-8";
/* CSS Document */
/* this file is for the style and layout of the main page div tags only */
/* the idea being that this layout can be used again */
/* therefore anything that may not exist on another site should be dealy with in the general style file */

body
	{
		background-color: #0000CC;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
.oneColFixCtr #container
	{
		width: 850px;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align: left; /* this overrides the text-align: center on the body element. */
		background-color: #000000;
		padding: 2px 2px; /* the first number controls the top and bottom the second controls the sides. they affect the space between content and the fixed width section */

	}
	
.oneColFixCtr #centralBlock
	{
		background-color: #FFFFFF;	/* the background color of the fixed width section */
		width: 850px
	}
	
#header	
	{
		width: 850px;
		height: 240px;
		background-image: url(../pageGraphics/header.jpg);
	}
	
#navigation
	{
		width: 850px;
		height: 20px;
	}
	
#mainPageContent /* the div tag that holds both the left side menu and the right side content div tags */
	{
		background-color: #FFFFFF;
		min-height: 550px;
	}
	
#footer
	{
		clear: both;
		width: 850px;
		height: 80px;
		background-image: url(../pageGraphics/footer.jpg);
	}
	
#fullWidthContent
	{
		float: left;
		width: 848px;
		margin: 10px 0px; /* the first number controls the top and bottom the second controls the sides. */
	}
	
#leftSideMenu	/* when the main page content is split in half, this controls the left side */
	{
		float: left;
		width: 249px;
		margin: 10px 0px; /* the first number controls the top and bottom the second controls the sides. */
	}
	
#rightSideContent	/* when the main page content is split in half, this controls the right side */
	{
		float: right;
		width: 599px;
		margin: 10px 0px; /* the first number controls the top and bottom the second controls the sides. */
	}