/*ALL PAGES - BACKGROUND AND TEXT STYLING*/
	body
	 	{
	 	background-color:rgb(0,0,0);
	 	}
	h1 /* Menu title button (VizStuff) - NOT USED  */ 
		{
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		font-weight: normal; /* 100-900 400=normal 700=bold */
		font-size: 45px;
		color: rgb(255,255,255);				
		}
	h2 /* Menu primary button (VISUALS) - NOT USED  */ 
		{
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 24px;
		color: rgb(255,255,255);				
		}
	h3 /* Menu secondary buttons (ABOUT WORDS QUOTES REFERENCE) - Used only for Visuals page "Understanding Things More Clearly With Graphics"  */ 
		{
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 18px;
		color: rgb(255,255,255);
		}
	h4 /* Tertiary buttons (  ) - NOT USED  */ 
		{
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 12px;
		color: rgb(255,255,255);
		}
	h5 /* Main page description (Understanding Things more Clearly with Graphics )  */ 
		{
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 18px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		color: rgb(100,100,100);
		}
	h6 /* Visuals titles ("Scale of the Solar System" for example)  */ 
		{
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 14px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		color: rgb(255,255,255);
		}	
	.p1 /* Text title - Capitalized, bold, underlined */ 
		{
		font-family: "Calibri Light", sans-serif;
		/* font-weight: 900; /*100-900 400=normal*/  /*Use inline <b> instead - To match MS Word styling */
		font-size: 14pt;
		line-height: normal;
		padding: 0px;
		margin: 0px;
		border: 0px;
		color: rgb(255,255,255);
		/* text-decoration: underline;*/  /*Use inline <u> instead - To match MS Word styling */
		}		
	.p2 /* Text sub title - Capitalized, underlined */  /* NOT STYLED CORRECTLY YET */
		{
		font-family: "calibri", sans-serif;
		font-weight: 400; /*100-900 400=normal*/
		font-size: 12px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		color: rgb(255,255,255);
		text-decoration: underline;
		}		
	.p3 /* Text sub sub title - Bold */  /* NOT STYLED CORRECTLY YET */ 
		{
		font-family: "calibri", sans-serif;
		font-weight: 400; /*100-900 400=normal*/
		font-size: 20px;
		line-height: 100%;
		padding: 0px;
		margin: 0px;
		border: 0px;
		color: rgb(255,255,255);
		text-decoration: underline;
		}		
	.p4 /* Text body */ 
		{
		font-family: "Calibri Light", sans-serif;
		font-weight: 400; /*100-900 400=normal*/
		font-size: 12pt;
		line-height: normal;
		padding: 0px;
		margin: 0px;
		border: 0px;
		color: rgb(255,255,255);
		text-decoration: none;
		}		
	.p5 /* Text body emphasis - Bold */  /* NOT STYLED CORRECTLY YET */ 
		{
		font-family: "calibri", sans-serif;
		font-weight: 900; /*100-900 400=normal*/
		font-size: 8px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		color: rgb(255,255,255);
		text-decoration: none;
		}
	.p20 /* ALL CONTENT COPYRIGHT */ 
		{
		font-family: "century gothic", arial, tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 12px;
		color: rgb(70,70,70);
		}	
	a:link 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 12pt;
		background-color: transparent;
		text-decoration: none;
		}
	a:visited 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 12pt;
		background-color: transparent;
		text-decoration: none;
		}
	a:hover 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 12pt;
		background-color: transparent;
		text-decoration: underline;
		}
	a:active 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 12pt;
		background-color: transparent;
		text-decoration: none;
		}		
/*GUIDE FRAME - ALL PAGES (900x850 bounding box floats to window center )*/
	.GuideOuter900x850 
		{
		position: absolute;
		top: 0px; 
		left: 50%;
		width: 900px;
		height: 850px;
		margin-left: -450px; /*Always take 1/2 from the size of the width, they have to be negative*/
		/*border: 1px solid rgb(255,255,255); /*Used for reference purposes only - Comment out for final use*/
		}
	.GuideBackgroundMain 
		{
		width: 1600px;
		height: 850px;
		position: absolute;
		top: 0px; 
		left: 50%;
		margin-left: -800px; /*Always take 1/2 from the size of the width, they have to be negative*/
		/*border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
		}	
	@media only screen and (max-width: 1600px) 
		{
		.GuideBackgroundMain 
			{
			width: 900px;
			height: 850px;
			position: absolute;
			top: 0px; 
			left: 50%;
			margin-left: -450px; /*Always take 1/2 from the size of the width, they have to be negative*/
			/*border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
			}	
		.GuideBackground2 
			{
			width: 900px;
			height: 850px;
			position: fixed;
			top: 0px; 
			left: 50%;
			margin-left: -450px; /*Always take 1/2 from the size of the width, they have to be negative*/
			/*border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
			}	
		}
	.center /*To center images - Usually added as an inline style in the img element*/
		{
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		  /*width: 100%; */
		}
/*MENUS 1 (UPPER/MAIN) AND PAGE SPECIFIC (BY NAME) - ALL PAGES EXCEPT INDIVIDUAL VISUALS*/		
	.Menu1HomePage /*MENU 1 MAIN FOR HOME PAGE - ALL PAGES EXCEPT INDIVIDUAL VISUALS*/
		{
		position: absolute;
		top: 622px; 
		left: 50%;
		width: 800px;
		height: 115px;
		margin-left: -400px; /*Always take 1/2 from the size of the width, they have to be negative*/
		/* border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
		}	
	.Menu1Fixed /*MENU 1 MAIN FOR OTHER THAN HOME PAGE - FIXED IN PLACE REGARDLESS SCROLLING - ALL PAGES EXCEPT INDIVIDUAL VISUALS*/
		{
		/*background-color: rgb(0,0,0); */
		opacity: .9;
		position: fixed;
		top: 5px; 
		left: 50%;
		width: 800px;
		height: 190px;
		margin-left: -400px;
		z-index: 100;
		/*border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
		}	
	.MenuVizStuffGuide a
		{
		position: absolute;
		top: 0px; 
		left: 50%;
		width: 300px;
		height: 50px;
		margin-left: -150px;
		text-align: center;			
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		color: rgb(255,255,255);
		/* border: 1px solid rgb(50,50,50); /*Used for reference purposes only - Comment out for final use*/		
		}		
	.MenuVizStuffGuide a:link 
		{
		color: rgb(255,255,255);
		font-weight: normal;
		font-size: 45px;
		text-decoration: none;
		}		
	.MenuVizStuffGuide a:hover 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 46px;
		text-decoration: none;
		}	
	.MenuVizStuffGuide a.CurrentPage
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 45px;
		text-decoration: underline;
		} 		
	.MenuVisualsGuide a
		{
		position: absolute;
		top: 60px; 
		left: 50%;
		width: 130px;
		height: 30px;
		margin-left: -65px;		
		text-align: center;	
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		color: rgb(255,255,255);
		/* border: 1px solid rgb(50,50,50); /*Used for reference purposes only - Comment out for final use*/		
		}		
	.MenuVisualsGuide a:link 
		{
		color: rgb(255,255,255);
		font-weight: normal;
		font-size: 24px;
		text-decoration: none;
		}		
	.MenuVisualsGuide a:hover 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 25px;
		text-decoration: none;
		}	
	.MenuVisualsGuide a.CurrentPage
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 25px;
		text-decoration: underline;
		} 		
	.MenuButton1 a
		{
		width: 110px;
		height: 30px;
		top: 60px;
		text-align: center;	
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		color: rgb(255,255,255);
		/*border: 1px solid rgb(50,50,50); /*Used for reference purposes only - Comment out for final use*/		
		}		
	.MenuButton1 a:link 
		{
		color: rgb(255,255,255);
		font-weight: normal;
		font-size: 16px;
		text-decoration: none;
		}		
	.MenuButton1 a:hover 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 17px;
		text-decoration: none;
		}	
	.MenuButton1 a.CurrentPage
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 17px;
		text-decoration: underline;
		} 
	.MenuAboutGuide a
		{
		position: absolute;
		left: 0px;
		}		
	.MenuWordsGuide a
		{
		position: absolute;
		left: 150px;
		}		
	.MenuQuotesGuide a
		{
		position: absolute;
		left: 540px;
		}		
	.MenuReferenceGuide a
		{
		position: absolute;
		left: 690px;
		}		
	.MenuButton2 a
		{
		width: 210px;
		height: 30px;
		top: 105px;
		text-align: center;	
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		color: rgb(255,255,255);
		/*border: 1px solid rgb(50,50,50); /*Used for reference purposes only - Comment out for final use*/		
		}		
	.MenuButton2 a:link 
		{
		color: rgb(255,255,255);
		font-weight: normal;
		font-size: 16px;
		text-decoration: none;
		}
	.MenuButton2 a:hover 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 17px;
		text-decoration: none;
		}	
	.MenuButton2 a.CurrentPage
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 17px;
		text-decoration: underline;
		} 
	.MenuButton2Med a
		{
		width: 140px;
		height: 30px;
		top: 105px;
		text-align: center;	
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		color: rgb(255,255,255);
		/*border: 1px solid rgb(50,50,50); /*Used for reference purposes only - Comment out for final use*/		
		}		
	.MenuButton2Med a:link 
		{
		color: rgb(255,255,255);
		font-weight: normal;
		font-size: 16px;
		text-decoration: none;
		}		
	.MenuButton2Med a:hover 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 17px;
		text-decoration: none;
		}	
	.MenuButton2Med a.CurrentPage
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 17px;
		text-decoration: underline;
		} 
	.MenuButton2Small a
		{
		width: 50px;
		height: 30px;
		top: 105px;
		text-align: center;	
		font-family: "comic sans ms", century gothic, arial, tahoma, verdana, sans-serif;
		color: rgb(255,255,255);
		/*border: 1px solid rgb(50,50,50); /*Used for reference purposes only - Comment out for final use*/		
		}		
	.MenuButton2Small a:link 
		{
		color: rgb(255,255,255);
		font-weight: normal;
		font-size: 16px;
		text-decoration: none;
		}		
	.MenuButton2Small a:hover 
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 17px;
		text-decoration: none;
		}	
	.MenuButton2Small a.CurrentPage
		{
		color: rgb(255,255,255);
		font-weight: 900; /*100-900 400=normal*/
		font-size: 17px;
		text-decoration: underline;
		} 
	.Menu2LeftGuide a
		{
		position: absolute;
		left: 12px;
		}		
	.Menu2MidGuide a
		{
		position: absolute;
		left: 295px;
		}		
	.Menu2RightGuide a
		{
		position: absolute;
		left: 603px;
		}
	.Menu2BLeftFarGuide a
		{
		position: absolute;
		left: -25px;
		/*border: 1px solid rgb(50,50,50);*/
		}		
	.Menu2BLeftMidGuide a
		{
		position: absolute;
		left: 190px;
		/*border: 1px solid rgb(50,50,50);*/
		}		
	.Menu2BRightMidGuide a
		{
		position: absolute;
		left: 405px;
		/*border: 1px solid rgb(50,50,50);*/
		}
	.Menu2BRightFarGuide a
		{
		position: absolute;
		left: 620px;
		/*border: 1px solid rgb(50,50,50);*/
		}
	.MenuQuotesABGuide a
		{
		position: absolute;
		left: 10px;
		}		
	.MenuQuotesCDGuide a
		{
		position: absolute;
		left: 60px;
		}		
	.MenuQuotesEFGuide a
		{
		position: absolute;
		left: 110px;
		}		
	.MenuQuotesGHGuide a
		{
		position: absolute;
		left: 160px;
		}		
	.MenuQuotesIJKLGuide a
		{
		position: absolute;
		left: 215px;
		}		
	.MenuQuotesMGuide a
		{
		position: absolute;
		left: 265px;
		}		
	.MenuQuotesNOGuide a
		{
		position: absolute;
		left: 310px;
		}		
	.MenuQuotesPQGuide a
		{
		position: absolute;
		left: 360px;
		}
	.MenuQuotesRGuide a
		{
		position: absolute;
		left: 405px;
		}		
	.MenuQuotesSGuide a
		{
		position: absolute;
		left: 450px;
		}		
	.MenuQuotesTUVGuide a
		{
		position: absolute;
		left: 500px;
		}		
	.MenuQuotesWXYZGuide a
		{
		position: absolute;
		left: 560px;
		}		
	.MenuQuotesBadGuide a
		{
		position: absolute;
		left: 666px;
		}
/*OPINION FACT SLIDER SCALE - USED ON MULTIPLE PAGES*/		
	.OpinFactSliderGuide /*No smaller screen media version - This will be off screen for smaller screens, and that's okay*/
		{
		position: absolute;
		top: 85px; 
		left: 50%;
		width: 205px;  
		height: 39px;
		margin-left: 580px; /*For centering, always take 1/2 from the size of the width, they have to be negative - Here, offset that to right*/
		/*border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
		}	
/*COPYRIGHT - CURRENTLY NOT USED*/			
	.CopyrightGuideMain
		{
		position: absolute;
		top: 800px;
		left: 50%;
		width: 300px; 
		height: 20px; 	
		margin-left: -150px;
		/*border: 1px solid rgb(255,0,0);*/
		}
	.CopyrightGuideAbout
		{
		position: relative;
		/*top: 5750px;*/
		top: 20px;
		left: 50%;
		width: 300px; 
		height: 20px; 	
		margin-left: -150px;
		/*border: 1px solid rgb(255,0,0);*/
		}
	.CopyrightImage
		{
		position: absolute;
		top: -1px;
		left: 137px;
		}
	.CopyrightText
		{
		position: absolute;
		top: -10px;
		left: 45px;
		}
/*GUIDE DIVS FOR PAGE SPECIFIC TEXT - HEADER TEXT AND MAIN BODY TEXT*/	
/*Header text are centered - "Quotes" doesn't have header text, it's included left justified in main body text*/	
	.TextHeader1Guide /*Used for "Words" and "Reference" pages*/	
		{
		position: absolute;
		top: 180px; 
		left: 50%;
		width: 550px;  /*420 is actual width - Add some for safety, but use actual to calc margin-left*/
		height: 115px;
		margin-left: -210px; /*Always take 1/2 from the size of the width, they have to be negative*/
		/*border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
		}
	.TextHeader2Guide /*Used for "About" page*/	
		{
		position: absolute;
		top: 180px; 
		left: 50%;
		width: 650px;  
		height: 115px;
		margin-left: -325px; /*Always take 1/2 from the size of the width, they have to be negative*/
		/*border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
		}	
	.TextHeader3Guide /*Used for "About" page*/	 
		{
		position: absolute;
		top: 320px; 
		left: 50%;
		width: 550px;  /*420 is actual width - Add some for safety, but use actual to calc margin-left*/
		height: 115px;
		margin-left: -210px; /*Always take 1/2 from the size of the width, they have to be negative*/
		/*border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
		}	
	.TextHeaderVisualsGuide	
		{
		position: absolute;
		top: 120px; 
		left: 50%;
		width: 550px;  /*420 is actual width - Add some for safety, but use actual to calc margin-left*/
		height: 115px;
		margin-left: -210px; /*Always take 1/2 from the size of the width, they have to be negative*/
		/*border: 1px solid rgb(255,255,0); /*Used for reference purposes only - Comment out for final use*/
		}
/*Main body text guides are responsive - With 2 widths for screen size over 1600px wide (default) and 1600 or less*/		
	.TextMainAboutGuide
		{
		position: absolute;
		top: 470px; /*330 (140 less) if "Books" is removed*/
		left: 50%; /*250 if not centered*/
		width: 1600px; 
		height: 500px;
		margin-left: -800px; /*Always take 1/2 from the size of the width, they have to be negative*/
		text-align: left;
		/*border: 1px solid rgb(255,0,0);*/
		}
	@media only screen and (max-width: 1600px) 
		{
		.TextMainAboutGuide
			{
			position: absolute;
			top: 470px; /*330 (140 less) if "Books" is removed*/
			left: 50%; /*250 if not centered*/
			width: 800px; 
			height: 500px;
			margin-left: -400px; /*Always take 1/2 from the size of the width, they have to be negative*/
			text-align: left;
			/*border: 1px solid rgb(255,0,0);*/
			}	
		}
	.TextMainWordsGuide
		{
		position: absolute;
		top: 330px; 
		left: 50%; /*250 if not centered*/
		width: 1600px; 
		height: 500px;
		margin-left: -800px; /*Always take 1/2 from the size of the width, they have to be negative*/
		text-align: left;
		/*border: 1px solid rgb(255,0,0);*/
		}
	@media only screen and (max-width: 1600px) 
		{
		.TextMainWordsGuide
			{
			position: absolute;
			top: 335px; 
			left: 50%; /*250 if not centered*/
			width: 800px; 
			height: 500px;
			margin-left: -400px; /*Always take 1/2 from the size of the width, they have to be negative*/
			text-align: left;
			/*border: 1px solid rgb(255,0,0);*/
			}	
		}
	.TextMainReferenceGuide
		{
		position: absolute;
		top: 920px; 
		left: 50%; /*250 if not centered*/
		width: 1600px; 
		height: 500px;
		margin-left: -800px; /*Always take 1/2 from the size of the width, they have to be negative*/
		text-align: left;
		/*border: 1px solid rgb(255,0,0);*/
		}
	@media only screen and (max-width: 1600px) 
		{
		.TextMainReferenceGuide
			{
			position: absolute;
			top: 920px; 
			left: 50%; /*250 if not centered*/
			width: 800px; 
			height: 500px;
			margin-left: -400px; /*Always take 1/2 from the size of the width, they have to be negative*/
			text-align: left;
			/*border: 1px solid rgb(255,0,0);*/
			}	
		}
	.TextMain1Guide
		{
		position: absolute;
		top: 150px;
		left: 50%; /*250 if not centered*/
		width: 1600px; 
		height: 500px;
		margin-left: -800px; /*Always take 1/2 from the size of the width, they have to be negative*/
		text-align: left;
		/*border: 1px solid rgb(255,0,0);*/
		}
	@media only screen and (max-width: 1600px) 
		{
		.TextMain1Guide
			{
			position: absolute;
			top: 150px;
			left: 50%; /*250 if not centered*/
			width: 800px; 
			height: 500px;
			margin-left: -400px; /*Always take 1/2 from the size of the width, they have to be negative*/
			text-align: left;
			/*border: 1px solid rgb(255,0,0);*/
			}	
		}
/* Same as other TextMain bod guides, but for images on "Visuals" page*/
	.VisualsAll
		{
		position: absolute;
		top: 190px;
		left: 50%; /*250 if not centered*/
		width: 1810px;  /* 440px x 4 =1760 - It looks like maybe divs repeated horiz inside of divs need 1 px from edge and 6 px between? - so extra 20px for 4 =1780 - Added 30px safety buffer to right =1810*/
		height: 1200px; /*Height doesn't matter - Stuff inside will flow beyond the bottom*/
		margin-left: -890px; /*Always take 1/2 from the size of the width, they have to be negative*/
		text-align: left;
		/*border: 1px solid rgb(255,255,255);*/
		}
	@media only screen and (max-width: 1600px) 
		{
		.VisualsAll
			{
			position: absolute;
			top: 190px;
			left: 50%; /*250 if not centered*/
			width: 918px;  /* 440px x 2 =880 - It looks like maybe divs repeated horiz inside of divs need 1 px from edge and 6 px between? - so extra 8px for 2 =888 - Added 30px safety buffer to right =918*/
			height: 1200px; /*Height doesn't matter - Stuff inside will flow beyond the bottom*/
			margin-left: -444px; /*Always take 1/2 from the size of the width, they have to be negative*/
			text-align: left;
			/*border: 1px solid rgb(255,0,0);*/
			}	
		}
/*HOME PAGE*/		
	.Description /*Understanding Things More Clearly with Graphics*/
		{
		position: absolute;
		top: 735px;
		left: 50%;
		width: 800px; 
		height: 30px;
		margin-left: -400px;  /*Always take 1/2 from the size of the width, they have to be negative*/
		text-align: center;	
		/*border: 1px solid rgb(255,255,0);*/
		}
/*VISUALS PAGE*/		
	.VisualsSingle
		{
		position: relative;
		display: inline-block;
		width: 440px; 
		height: 500px;
		/*border: 1px solid rgb(0,150,0);*/
		}
	.VisualsSingleLink
		{
		position: absolute;
		width: 20px; 
		height: 750px;
		top: -250px;
		/*border: 1px solid rgb(0,150,0);*/
		}
	.VisualsSingleImageFlex
		{
		position: absolute;
		display: flex;
		justify-content: center;
		width: 440px; 
		height: 400px;
		/*border: 1px solid rgb(250,0,0);*/
		}
	.VisualsSingleImageFlex2
		{
		position: absolute;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		left: 20px;
		width: 400px; 
		height: 400px;
		/*border: 1px solid rgb(0,0,250);*/
		}
	.VisualsSingleTextFlex
		{
		position: absolute;
		top: 410px;
		left: 20px;
		width: 400px; 
		height: 80px;
		text-align: center;	
		/*border: 1px solid rgb(255,0,255);*/
		}
/*INDIVIDUAL ZOOMED VISUALS PAGES*/		
	#VisualFrame
		{
		width: 100%;
		height: 100%;
		transform-origin: 0px 0px;
		transform: scale(1) translate(0px, 0px);
		cursor: grab;		
		/*border: 2px solid rgb(255,0,0);*/ 
		}
	.VisualBase
		{
		position:absolute;
		width: 100%;
		height: auto;
		z-index: -100;
		opacity: 1.00;
		/*border: 4px solid rgb(0,255,0);*/
		}