/* 	"[Gld-iFrames-4-sPhones].css"
 		as of  August 03, 2021,
 	What the "iFrame" style-sheets control are the
	background for the  frame as a whole, and the 
	dimensions and positions of the iframes on the screen, 
	while the "settings" style-sheets control the 
	dimensions and positions of the CONTENT of those boxes. 

	The "Body" section sets the default settings for 
	everything governed by this style sheet, but can be 
	over-ridden either in specific sections below, or 
	in the files which are governed by this style sheet.
 */

 /* :  background-color: 
	Gold      =	background-color: #FFE97A;  	   
	Needed ONLY in the SideMenu, because the Main Page
	 color is  governed by its own file.    background-color:
	Silver    =	background-color: #D3D3D3;   
 	In order to locate the sidemenu properly, I had 
	to remove the "Align=center" from that menu file 

	How the WIDTH works :   
	For any element, if the WIDTH is not spelled out, 
	there appears to be a "Default" of about "333px",
	and a "Maximum" of about "700px". And so, a box's 
	width will be determined by the width of the content
	together with the "Padding", up to the  "Maximum".
*/


Body 		{
	background-color: #D3D3D3;

	width:1111px;	
	margin-top:222px;margin-bottom:222px;
	margin-left:99px;margin-right:133;
	overflow-x: hidden; 
/* 	Hide horizontal scrollbar 			*/
}

#Main 	
/* The attributes in this section only affect this particular frame:      	*/
{
	position: absolute;
	font-size: 1em; 
	background-color:lightyellow;
	top: 6%; 		
/*	   	this "Top" setting determines 
		the  OUTSIDE margin-TOP of THIS frame  		*/
	height: 88%;   
/*   		the OUTSIDE margin-Bottom of THIS frame is  
		determined by the "Height" setting of THIS frame */

/*
	left:8%;  
/*		the OUTSIDE margin-leftt of THIS frame is 
		determined by the "left" setting of THIS frame  */
	width:84%;
/*		the OUTSIDE margin-right of THIS frame is 
		determined by the "WIDTH" setting of THIS frame  */
	padding-left:1%; padding-right:0%;  
}