* {
	/*font-family: Arial, Helvetica, sans-serif; */
	font-family:"Computer Modern", Georgia, serif; 
	/*color: rgba(64,0,0,0.8);  20190411  /*#400000; */
	color: rgba(0,0,224,1);
	font-size:large; /*	font-size:110%;*/
	background-color: rgba(238, 238, 238, .5) /*#eeeeee; /* ~~~~~~ */
	transition: all 0.5s ease;
/*	padding:0.5vmin; */
	border:0;
}
title:before {
	content:"-----";
}
body{ 
    opacity:0.5;
    transition: opacity 4s;
    -webkit-transition: opacity 4s; /* Safari */
/*    background: url('http://i.imgur.com/GySvQ.png'); /* 20190228 */

    background:
        linear-gradient(-90deg, rgba(0,0,0,.05) 1px, transparent 1px),
        linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px), 
        linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px),
        linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
        linear-gradient(transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),
        linear-gradient(-90deg, #aaa 1px, transparent 1px),
        linear-gradient(-90deg, transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),
        linear-gradient(#aaa 1px, transparent 1px),
        #f2f2f2;
    background-size:
        4px 4px,
        4px 4px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px,
        80px 80px;


}
h1 { 
	text-align:center;
	font-size:xx-large;
	
	/*no color specified 20190411*/	
	color: rgba(42,162,162,1); 
}
h2 {  
	font-size:larger;
/*	color:#6666cc; /* 20190228 */

/*	color:#0000ee; /*   20190228 */
	/*color: rgba(0,0,224,1); 20190411*/
	color: rgba(42,162,162,1); 

	/*	background:#FFFF88; */
	background-color:rgba(255, 255, 136, 0.7); /* 20190228 */
	padding-left:3%; padding-left:3vh;
	margin-bottom:-5px;
}
h2:hover {
/*	background-color:#cccc00; */
	transition: background-color 1s;
	}
h3 {
	font-size:large;
	opacity:0.7; /* 20190228 */
}
h4 {
}
h5 {
}
p, ul, li {
	opacity:0.7; /* 20190228 */
}
ul {
	margin: 5%; margin: 5vh;
	margin-top:-12px;
	margin-bottom:-6px;
	list-style-type:square;
}
a { 
	display:inline;
	font-weight:bold; 
}

a:hover { color:#000099; 
/*	font-weight:bold; */
	background-color:#ffff88;	
	transition: all 1.5s;
}
a:hover:before {
	font-size:smaller;
    content:"\25B8";
	transition: all 0.5s;
}

/* a:after{content:" (" attr(href) ") ";font-size:0.8em;font-weight:normal;}*/

/* a:hover:after {
	font-size:smaller;
    content:"\25C2";
	transition: all 0.5s;
	transition-delay: all 1.5s;
} */

.x-small {
	font-size: x-small;
}
.larger {
	font-size: larger;
}
.small {
	font-size: small;
}
.smaller {
	font-size: smaller;
	margin-top:-1.5vmin;
	margin-bottom:4.5vmin;
	padding-top:0vmin;
}

.Additive {
/*	text-transform: capitalise;*/
	font-variant:small-caps;
}
.formula {
/*	font-family:Georgia, "Times New Roman", Times, serif; */
	font-family:"Computer Modern", Georgia, serif; 
	color: #000000;
}
sup, sub{
/*	font-family:Georgia, "Times New Roman", Times, serif; */
	font-family:"Computer Modern", Georgia, serif; 
	color: #000000;
}
sup {
	font-size:70%;
/*	vertical-align: 2.5ex; */
	vertical-align: 2.0ex; 
	margin-left: 0.5ex; 
}
sub {
	font-size:70%;
	margin-left: -0.5ex; 
}
i {
	font-size: 110%;
}


.pageFooter:before { 
	content:" >> ";
}
.clickHere { 
	color:#151515;
	content:" click \25B8 "; /* small right-pointing triangle (normal 25b6 seems too large) */
	text-align:left;
	font-size:smaller;
}
.clickHere:before { 
	color:#999999;
	content:" click \25B6 ";
	margin-left:5%; margin-left:5vw;
}
.menuList {
	padding:2vw;
	text-align:center;
	
/*	background:#888888;   20190411*/
	background: rgba(42,162,162,0.8); 
	background-color:rgba(255, 255, 136, 0.8); /* 20190228 */
	
	opacity:0.5; /* 20190228 */
}
.menuList:after {
	content:" \2261 "; 
}

.menuMenu {
	display:none;
	opacity:0.5; /* 20190228 */
}
.menuMenu:after {
	content:" \2261 "; 
}
/*.menuMenu a{
	display:inline;
}*/
.formula {
	font-family:Georgia, "Times New Roman", Times, serif; 
	color: #000000;
}
sup, sub{
	font-family:Georgia, "Times New Roman", Times, serif; 
	color: #000000;
}
code { /* from oboe */
    font-family:"Computer Modern mono",monospace;
    color:#3d3935;
	background-color:#dddddd;
/*    font-size:80%*/
	opacity:0.6; /* 20190228 */
}
input {
	opacity:0.6;
}
hr {
/*	color:#dddddd; 20190317 darkened*/
/*	background-color:#999999; opacity:.8; 20190317*/
	border-top: 0.3vh solid grey; opacity:.4;
}
/* for 640px or less - - - - - - - - - - - - - 640px or less width */
@media screen and (max-width: 640px) {
 .menuList {
	display:none;
	position: absolute;
	position:fixed; /*20190411*/
	right:0; /*20190411*/
/*    width: 50%;     width: 50vw;   */
	text-align:left;
	height: 96%; 	height:96vh;   
	float: left;   
	opacity: 0.6;
 	color:rgba(0,0,64,1);/* 20190411*/
/*	margin: 1vw;*/
	padding:2vw;
	z-index: 9;
	font-size:3%;  font-size:3vh; /* 20190411*/
  }

 .menuList a {
	display:block;
	background-color:#FFFF99;
 	color:rgba(0,0,64,1); /* 20190411*/
	
 }

 .menuMenu {
	display:block;
	position:fixed; /*20190411*/
	right:0; /*20190411*/
	z-index:9;
 }
 code {
 	font-size:3%; font-size:2vmax;
 }
 code { /* from oboe */
 /*   font-size:120%;*/
	margin-left: 1vmin;
	text-indent: 3vmin;	
 }

}
/* for height 320px or less - - - - - - - - - - - - - 640px or less width */
@media screen and (max-height: 320px) {
 .menuList {
	columns:2;  /* 20190411*/
  }
}