a:link 

	{ 

		text-decoration: none; 

		color: #60f0f0; 
		
		 text-shadow: 1px 1px 2px rgba(200, 200, 200, 0.8);

	} 

	
a:visited 

	{ 

		text-decoration: none; 

		color: #f0f060; 
		
		 text-shadow: 1px 1px 2px rgba(200, 200, 200, 0.8);

	} 

a:hover 

	{

 		color: #f06060; 
 		
 		 text-shadow: 2px 2px 2px rgba(200, 200, 200, 1);

	}   


p,body

	{	

		padding:0px 0px 0px 0px;

		font-family: Arial;

		background-color: black;

		color: white; 
      
	}

	

button

	{	

		font-family: Arial;
		
		 text-shadow: 2px 2px 2px rgba(100, 100, 100, 1);
		 
		 box-shadow: 1px 1px 1px #888888;

	}

	

img

	{

		margin-right:10px;

		margin-bottom:10px;

	}

	

img.main,img.full

	{

		margin-right:0px;

		margin-bottom:0px;

		

	}

	

img.pc_only,h1

	{

   		display: none;
		visibility: hidden;
		float: left;

	}

		

p.padding, p.landscape

	{

		display: inline;

		margin-left:0px;

		margin-bottom:20px;

		margin-right:0px;

	}

		

img.right 

	{

   	float: right;

		margin-right: 170px;

	}

		

img.joined

	{

		clear:both;

		margin-bottom:0px;

	}

	

table,td,tr

	{

		margin: 0px 10px 10px 0px;

		padding: 0px;

    }
	



/*Phone Landscape Blue*/

@media all 

and (max-device-width : 960px) and (max-device-height : 640px) and (orientation : landscape)

,(max-device-height : 960px) and (max-device-width : 640px) and (orientation : landscape)

{

	body, div

	{ 

		width: 97%;

		width: 97vw;

    	padding: 0vw;

    	margin: 0vw;

		margin-left:2px;

		position: static; 

	}

	.padding, h1, p.leftpadding ,.tablet

	{

		display:none;
		visibility: hidden;

	}

	a.pc_only , span.pc_only

	{

   	pointer-events: none;

		color:#FFFFFF;
		
		 text-shadow: 2px 2px 5px rgba(200, 200, 200, 0.5);

   	cursor: default;

	}

	.landscape

	{

		display: none;

	}

	.phone

	{

		display: inline;
		
		visibility: visible;
		
		padding: 0px 0px 0px 0px;

	}
	
	iframe.pc_only

	{

		display: none;
		
		visibility: hidden;
		
	}

	iframe.full

	{
		
		max-width: 1200px;
		
		width: 95vw;

		width: 95%;
		
		height: auto;
		
		clear: both;

	}

	br.navigation

		{

			clear:both;

		}

	p, body, td 

	{	

		font-size: 14px;

		color: #eeeeff;

	}

	button 

	{	

		font-size: 14px;

	}

	.main, img.right

	{

		float: left;

		margin-bottom:5px;

		margin-right:10px;

		margin-left:0px;

		width: 45vw;

		width: 45%;

		height: auto;

	}

	img.main

	{

		margin-right:10px;

		margin-bottom:10px;

	}

	.mainlarge

	{

		margin-bottom:5px;

		margin-right:10px;

		width: 55vw;

		width: 55%;

		height: auto;

	}

	.full

	{

		width: 95vw;

		width: 95%;

		height: auto;

	}

	img.thumb

		{

			width: 120;

			height: auto;

			clear: both;

		}

	img.leftpadding, img.secondary

	{

		width: 35%;

		width: 35vw;

		height: auto;

		margin-left:0px;

		margin-right:10px;

		margin-bottom:10px;

		float: left;

	}

	div.navigation_pane

	{

		position: static; 

		height: 12%;

		height: 12vh;

		width: 100%;

		width: 100vw;

	}

}



/*Phone Portrait Cyan*/

@media all 

and (max-device-width : 1200px) and (max-device-height : 2100px) and (orientation : portrait),(max-device-width : 1200px) and (max-device-height : 2100px) and (orientation : portrait)

{


	
	p, body,td 

	{	

		font-size: 14px;

		color: #e0e0e0;

	}


	body

		{ 

			width: 96%;

			width: 96v;

    		padding: 0;

			margin-top: 5;

			border: 0;

		}

		

	a.pc_only, span.pc_only

	{

   	pointer-events: none;

		color:#FFFFFF;
		
		 text-shadow: 2px 2px 5px rgba(200, 200, 200, 0.5);

   	cursor: default;

	}

		

	table,td,tr

	{

		margin: 0px 10px 10px 0px;

		padding: 0px;

	}

		

	.padding, .landscape, tr.pc_only

		{

			display:none;
			
  			visibility: collapse;

		}

	

	p.navigation /*Top Right Bottom Left*/

		{

			padding: 0px 0px 0px 0px;

			display: none; 

			/* display: visible;  when fixed buttons */

		}

		
	.phone

	{

		display: inline;
		
		visibility: visible;
		
		padding: 0px 0px 0px 0px;

	}
	
	iframe.pc_only

	{

		display: none;
		
		visibility: hidden;
		
	}
	
	button.pc_only

	{

		display: none;
		
		visibility: hidden;
		
	}

	
	iframe.full

	{
		
		max-width: 660px;
		
		width: 99vw;

		width: 99%;
		
		height: auto;
		
		clear: both;

	}
	
	br.navigation

		{

			clear:both;

		}

		

	div.navigation_buttons 

	{

   	display: none;

	}

		

	div.content

		{

			top: 30px;

			position:static;

			width: 95vw;

			width: 95%;

		}

	

	/* Image */

	.main, img.right, img.full

		{

			width: 96vw;

			width: 96%;

			height: auto;

			margin-right:0px;

			margin-bottom:15px;

			margin-left:0px;

			

		}

		

		/* Image */

	img.thumb

		{

			width: 120;

			height: auto;

			clear: both;

		}

		

	img.joined

		{

			clear:both;

			margin-bottom:0px;

		}

	

	img.leftpadding, img.secondary

		{

			margin-left:0px;

			margin-right:10px;

			margin-bottom:10px;

			max-width: 45vw;

			max-width: 45%;

			height: auto;

			float: left;

		}

		

	
	

	button 

	{	

		font-size: 14px;

	}

	

	div.navigation_pane

		{

			position:static; /* fixed or static */

			margin-left:2px;

			width: 95%;

			width: 95vw;

			height: 8%;

			height: 8vh;

		}

}



/* 7" Tablet Portrait Red*/



@media all and (min-device-width : 600px) and (min-device-height : 961px) and (orientation : portrait)

,(min-device-height : 600px) and (min-device-width : 961px) and (orientation : portrait)



{

	p,b,body,td

	{	

		font-size: 22px;

		color: #ffeeee;

		padding:0px 0px 0px 0px;

	}

	a.pc_only,span.pc_only

	{

   	pointer-events: visible;

	color: #60f0f0;
		
	text-shadow: 2px 2px 5px rgba(200, 200, 200, 1);

   	cursor: auto;

	}

	table,td,tr

	{

		margin: 0px 10px 10px 0px;

		padding: 0px;

	}

	

	.graph

	{

		font-size: 14px;

	}

	

	canvas.graph, div.graph

	{

	 	height: 460;

		width: 800;

	}

	

	button

	{	

		font-size: 22px;

	}

	

	div.content

	{

		top: 40px;

		margin-left: 6px;

		position:static;

		width: 97%;

		width: 97vw;

	}

		

	div.navigation_pane

	{

		clear: both;

		position: static; 

		margin-left:0px;

		margin-bottom:5px;

		height: 10%;

		height: 10vh;

		width: 97%;

		width: 97vw;

		max-width: 1000px;

	}

	

	

	img.main, img.mainlarge, img.full, img.right, iframe.full

	{

		margin-bottom:20px;

		margin-right:20px;

		width: 99vw;

		width: 99%;

		height: auto;

		clear: both;

	}

	

	img.leftpadding, img.secondary

	{

		margin-left:0px;

		margin-right:20px;

		margin-bottom:20px;

		width: 45vw;

		width: 45%;

		height: auto;

		float: left;

	}

	

	img.thumb

	{

			margin-right:10px;

			margin-bottom:10px;

			width: 250;

			height: auto;

			clear: both;

		}



	img.padding

	{

		display:none;

	}

	

	.phone

	{

		visibility: visible;
		display: inline;

	}

	iframe.pc_only

	{

		display: none;
		
		visibility: hidden;
		
	}
	

	a.padding, p.padding, p.leftpadding, p.landscape

	{

		display:none;

	}

	

}



/* 7" Tablet Landscape, Green, acer 12" laptop 1366 x 768*/



@media all and (min-device-height : 610px) and (min-device-width : 961px) and (orientation : landscape)

,(min-device-width : 600px) and (min-device-height : 961px) and (orientation : landscape)

{

	p,b,body,td

	{	

		font-size: 22px;

		color: #eeffee;

	}


	iframe.pc_only
	
	{
		
	visibility: visible;
	display: inline;	
		
	}
	
	iframe.phone
	
	{
		
	visibility: hidden;
	display: none;	
		
	}


	a.pc_only,span.pc_only

	{

   	pointer-events: visible;

	color: #60f0f0;
		
	text-shadow: 2px 2px 5px rgba(200, 200, 200, 1);

   	cursor: auto;

	}


	.graph

	{

		font-size: 12px;

	}

	

	button

	{	

		font-size: 22px;

	}

	

	div.content

	{

		top: 40px;

		margin-left: 6px;

		position:static;

		width: 98%;

		width: 98vw;

	}

		

	div.navigation_pane

	{

		clear: both;

		position: static; 

		margin-left:5px;

		height: 12%;

		height: 12vh;

		width: 97%;

		width: 97vw;

	}

	
/* This has been modified 28-2-2022 */
	img.main, img.mainlarge

	{

		margin-bottom:20px;

		margin-right:20px;

		/*width: 55vw;

		width: 55%;*/
		
		max-height: 450px; /*650*/
		
		/*max-width: 50%;  /*80*/
		/*max-width: 50vw;  /*80*/


		width: auto; /* added */

		float: left;

	}


	img.full

	{

		margin-bottom:20px;

		margin-right:20px;

		/*width: 97vw;

		width: 97%;*/

		max-height: 650px; /*650*/
		
		/*height: auto;*/
		
		width: auto; /* added */

		float: left;

	}

	

	img.leftpadding, img.secondary

	{

		margin-left:0px;

		margin-right:20px;

		margin-bottom:20px;

		width: 25vw;

		width: 25%;

		height: auto;

		float: left;

	}

	

	img.thumb

	{

		margin-right:10px;

		margin-bottom:10px;

		width: 250;

		height: auto;

		clear: both;

	}

	

	.landscape, .padding

	{

		display: inline;

	}

	

	.tablet

	{

		display: none;

	}

}





/* Computer White iPad*/

	

@media all and (min-device-width : 1200px) and (min-device-height : 800px),  (min-device-width : 768px) and (min-device-height : 1100px) and (orientation : landscape)

{

	
	b

	{	

		font-size: 16px;

		color: #ffffff;

	}

	body,p,td

	{

		color: #ffeeff;

		font-size: 16px;

	}

	

	table,td,tr

	{

		margin: 0px 10px 10px 0px;

		padding: 0px;

	}

	

	button

	{

		font-size: 16px;

	}

	

	.graph

	{

		font-size: 14px;

	}

	

	img.leftpadding

	{

		margin-left:20px;

		margin-bottom:10px;

		margin-right:10px;

		width: auto;

		height: auto;

	}



	img.padding

	{

		display: inline;

		margin:0px 30px 10px 10px;

		float: left;

	}

	

	.landscape, .padding, .pc_only, p.tablet

	{ 

		display: inline;
		visibility: visible;

	}

	

	p.navigation

	{

		display: inline;

	}

	

	a.pc_only

	{

   	pointer-events: visible;

	color: #60f0f0;
		
	text-shadow: 2px 2px 5px rgba(200, 200, 200, 1);

   	cursor: auto;

	}

	

	div.content

	{

		position: absolute; 

		margin-left:10px;

		width: 95%;

		width: 95vw;

		max-width: 1200px;

		height: 650px;

		max-height: 650px;

		overflow: visible;

	}

	

	img.main, img.mainlarge, img.secondary, img.thumb

	{

		margin: 0px 10px 10px 0px;

		float: left;

		max-height: 650px;
		
		max-width: 80%;
		max-width: 80vw;

		width: auto;

		height: auto;

	}

	

	img.full,iframe.full

	{

		margin-bottom:20px;

		margin-right:20px;

		max-height: 705px;
		
		max-width: 94%;
		
		max-width: 94vw;

		width: auto;

		float: left;

	}

	iframe.full

	{
		
		max-width: 1200px;
		
		width: 99vw;

		width: 99%;
		
		height: 90vw;
		
		height: 90%;
		
		clear: both;

	}


	.phone

	{

		display: none;
		visibility: hidden;

	}

	

	div.navigation_pane

	{

		position: fixed; 

		top: 702px;

		width: 96%;

		width: 96vw;

		max-width: 80vw;

		max-width: 80%;
		
		max-width: 1200px;
		
		margin-left:10px;

		height: 40px;

	}

	

}



/* Default All*/
	
br.navigation
	{
		visible:none;
	}

	
p.clear
	{
		clear:both;
	}

 
a img 
	{ 
		border: none; 
	}  

	
img.joined
	{	
		margin-bottom:0px;
	}
	
	
a:link 

	{ 

		text-decoration: none; 

		color: #60f0f0; 
		
		 text-shadow: 1px 1px 2px rgba(200, 200, 200, 0.8);

	} 

	
a:visited 

	{ 

		text-decoration: none; 

		color: #f0f060; 
		
		 text-shadow: 1px 1px 2px rgba(200, 200, 200, 0.8);

	} 

a:hover 

	{

 		color: #f06060; 
 		
 		 text-shadow: 2px 2px 2px rgba(200, 200, 200, 1);

	}