/* Century Schoolbook font is very similar to Computer Modern Math: cmmi */
.MATH    { font-family: "Century Schoolbook", serif; }
.MATH I  { font-family: "Century Schoolbook", serif; font-style: italic }
.BOLDMATH { font-family: "Century Schoolbook", serif; font-weight: bold }

/* implement both fixed-size and relative sizes */
SMALL.XTINY		{ font-size : xx-small }
SMALL.TINY		{ font-size : x-small  }
SMALL.SCRIPTSIZE	{ font-size : smaller  }
SMALL.FOOTNOTESIZE	{ font-size : small    }
SMALL.SMALL		{  }
BIG.LARGE		{  }
BIG.XLARGE		{ font-size : large    }
BIG.XXLARGE		{ font-size : x-large  }
BIG.HUGE		{ font-size : larger   }
BIG.XHUGE		{ font-size : xx-large }

/* heading styles */
H1		{  }
H2		{  }
H3		{  }
H4		{  }
H5		{  }

/* mathematics styles */
DIV.displaymath		{ }	/* math displays */
TD.eqno			{ }	/* equation-number cells */


/* document-specific styles come next */

HTML { 
	background:  #ffffff; 
	color: 	     #000000;
	font-size:   12.7pt; /* this is because there were many <p> missing. We can change this value to 7pt to easily detect missing <p> */
	line-height: 1.6;
	
} 
BODY { 
	width: 	    6.5in; 
	margin-left: 0.8in;
	font-family: Georgia, serif; 
	} 
H1 {
	font-size:   22.7pt; /*32.7pt;*/
	text-align:  center;
}
H2 {
	font-size:   22.7pt;
	text-align:  center;
}
H3 {
	font-size:   14.7pt;
	text-align:  left;
}
H4 {
	font-size:   12.7pt;
	text-align:  left;
}
H5 {
	font-size:   10.7pt;
	text-align:  left;
}
H6 {
	font-size:   10.7pt;
	text-align:  left;
}
PRE { 
   font-size: 80%;
   background-color:rgb(240, 240, 240);
   text-align:  left;
}

ol{
	font-size:   14.5pt;
	text-align:  left;
	line-height: 1.6;
	}


p{
	font-size:   12pt;
	text-align:  left;
	line-height: 1.6;
}

/* standard link */

a:link {
    text-decoration: none;
	color: #006699;
}

a:visited {
    text-decoration: none;
	color: #006699;
}

a:hover {

	background-color:#eeeee4;
}

a:active {
    text-decoration: none;
	color: blue;
}

IMG {
 
    /*display: block;*/
    margin: 0 auto;
	width: auto;
	filter: brightness(1) contrast(1);

}

/* responsive css for small "devices" */

@media screen and (max-device-width: 700px) {
    body {
    padding: 10px;    
	width: 	    auto; 
	margin-left: 6px;		
    }
	H1 {font-size:   25pt;}
	IMG {max-width: 100%; height: auto;}
}

/* responsive css for small "browser window" */

@media screen and (max-width: 701px) {
    body {
    padding: 10px;    
	width: 	    auto; 
	margin-left: 6px;		
    }
	H1 {font-size:   25pt;}
	IMG {max-width: 100%; height: auto;}
}