BODY {	
	background: black;
	padding:0px 1%; 
	font-size: 14px; 
	right: 0px; 
	left: 0px; 
	font-family: Arial, Verdana, Helvetica, sans-serif ; 
	color:lightgrey; 
	text-align: justify; 
	line-height:140%; 
    /*  CURSOR: url('zztop_mescalero.gif');  */
	margin: 0.5%;	
	-webkit-text-size-adjust: 100%;
	}


h1  {font-family: Arial, Verdana, Helvetica, sans-serif ; font-size:24px; line-height:130%; text-align:center;
	color:#aa88ff;}
h2  {font-family: Arial, Verdana, Helvetica, sans-serif ; color:#ff6666; font-size:10px; line-height:1%}


hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
} 

/* not compatible with IE11
.rainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) ); 
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text; }  */


@supports (background-clip: text) {
	.colorize {
		background-image: url("colorbar.gif");
		height: 100%; 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	
		color:transparent;
		background-clip: text; }
	}

@supports (-webkit-background-clip: text) {
	.colorize {
		background-image: url("colorbar.gif");
		height: 100%; 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

		color:transparent;
		-webkit-background-clip: text;	}
	}


/* @supports not (background-clip: text) {
	.colorize {
    color:#88ff00;	}	}  */

	

center    { color: white; font-size: inherit; right: 0px; left: 0px; text-align: center; line-height:100%; }

A:link    { margin:0; font-size: inherit; color:yellow; text-decoration: underline; line-height:130%; }

A:active  { color:white; }

A:visited { color:darkorange; }

A:hover   { color:white; }

table     { width:100%; table-layout:fixed; text-align:left; border:1px solid grey; border-collapse:collapse; border-color:grey; margin: auto; vertical-align:middle; }

td        { font-size:14px; text-align:left; vertical-align:middle; border-bottom:1px solid #444444; padding:4px 6px 4px 0px; height:47px; }

td:nth-child(1)	{ padding-left: 18px;   
		  padding-right: 0px;
		}

td:nth-child(2) { padding:6px 15px 1px 0px;
		}

td:nth-child(3) { padding-left: 12px;
		}