/* 	NESTED FLOAT LEFT

	These are the basic CSS rules to create this.
	Customization should be done in parent file or other css files
*/

body {
	background-color: black;
	margin: 0px 20px 0px 20px; 
	/* Prevents the body gap at top and ensures 
	at least some margin on left and right (thereby 
	creating the width of #main). 
	However, other margins/padding should be set in the 
	appropriate div blocks */
	text-align: center; 
	/* IE5/Win workaround to ensure #main is centered */
}

#main {
	margin-left: auto;
	margin-right: auto;
	border: solid 1px black; 
	background-color: rgb(130,160,210); 
	/* This is a generic Blue color
	It's purpose is to provide a middle value tone
	that both Black AND White text will show up on
	This color, of course, can be changed in the parent file */
	
	/* background-color: rgb(255,255,225);  pale yellow */
	
	text-align: left; /* return text align to standard */
}

#main #menu {
	float: left;
	padding: 10px;
	/*border-right: solid 1px rgb(225,225,225); 
	 this border is used if the background image doesn't render */
}

#footer {
	margin-top: 5px;
	text-align: center;
	color: white; 
	/* based on the fact that the default background here is black */
}