BODY{
 font-family: Ariel, Helvetica, sans-serif, sans; 
 background: #B0F0E0
   url('/~scott/mat517.spr20/bg.png') 
   no-repeat fixed top center;
 background-size: cover;
}



a                  {text-decoration: none;} // font-weight: bold}
a:link, a:visited  {text-decoration: none;} //font-weight: bold}
a:active           {color: red; background-color: yellow;
					text-decoration: underline;}
a:hover            {color: red; background-color: yellow; 
					text-decoration: underline;}


ul.none { list-style-position: outside; list-style-image: url("/images/blank.gif");  }
li { margin-top: 1ex; }

div.head {
/* margin: 2em 2em 1ex 1ex; */
	text-align: center;
	line-height: normal;
	font-family: "Arial, Helvetica, sans-serif";
}

div.head h1 {
  letter-spacing: 0.04em;
  font-weight: bold;
  font-size:  175%;
  color: black;
/*    text-shadow:
	-2px -2px 0 #666,
	2px -2px 0 #666,
	-2px 2px 0 #666,
	2px 2px 0 #666;  */
/*  text-shadow: #FFFFFF .08em -.08em .4em; */
/*  padding: 0.1em 0.2em; */
/*  margin: 1em 0 0.4em 0; */
}

div.head h2 {
  font-size: 140%;
  font-weight: normal;
}

div.head h3 {
  font-size: 110%;
  font-weight: normal;
}

div.entry {
  position: relative;
  margin: 0; /* -.9ex; */
  clear: both;
}

div.entry h3 {
  letter-spacing: 0.04em;
  font-weight: normal;
  font-size:  110%; 
  padding: 0.1em 0.4em;
  background: #A0D0F0;
/*  opacity:.50;filter: alpha(opacity=50); */
/*  margin: 1em 0 0.4em 0; */
}

div.entry h4 {
  letter-spacing: 0.04em;
  font-weight: normal;
  font-size:  100%; 
  padding: 0.1em 0.4em;
  background: #e6f9ff;
/*  opacity:.50;filter: alpha(opacity=50); */
/*  margin: 1em 0 0.4em 0; */
}


div.content {
 border-radius: 2ex 2ex 2ex 2ex;
 -webkit-border-radius: 2ex 2ex 2ex 2ex;
 -moz-border-radius: 2ex 2ex 2ex 2ex;
 margin: 2ex .5em 1ex .5em; /* top right bottom left */
 /* padding: 1ex .75em .5ex .5em; */
 padding: 0pt .75em .5ex .5em;
 color: black;
 text-align: justify;
 background-color: white;
 background-image: none;
 opacity:.95;filter: alpha(opacity=95); 
 border: thick ridge grey;
}

div.content_nopads {
 margin: 0em 0em 0ex 0ex;
 padding: 0em 0em 0ex 0ex; 
 color: black;
 text-align: justify;
 background-color: white;
 background-image: none;
 opacity:.95;filter: alpha(opacity=95); 
 /* opacity:.90;filter: alpha(opacity=90); */
 border: thick ridge grey;
}

div.foot {
	margin-left: 40%;
	text-align: right;
	color: black;
	font-size: small;
}




table.excel {
		width: 100%;
		border: 0px solid blue;
		border-collapse:collapse;
}
table.excel thead th, table.excel tbody th {
		background:#CCCCCC;
		text-align: center;
		vertical-align:bottom;
		border-top: 1px solid blue;
		border-bottom:  1px solid blue;
}
table.excel tbody th {
		text-align:center;
}
table.excel tbody td {
	min-width: 8em;    
	vertical-align:center;
}
.clearfloat {
		clear: both;
}
table.excel tbody td {
	padding: 5px 5px;
	border-bottom: 1px solid blue;
}


#LBL {
	font-weight: bold;
}
#LBL:after { 
	 content: ": ";
}


div.columnar {
  -moz-column-width:    15em;
  -webkit-column-width: 15em;
  column-width:         15em;
  text-align: left;
}

div.columnar li {
  display: inline-block;
  width: 100%;
  margin-top: .5ex;
}

div.columnar ul {
  margin-top: 0px;
}

ul.none { list-style-position: outside; list-style-image: url("/images/blank.gif");  }
li { margin-top: 1ex; }


#INFO {
	color: #008800;
   font-size: smaller;
}

#IMPORTANT{
	color: #AA0000;
}

/* 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 */
DIV.XTINY		{ font-size : xx-small }
DIV.TINY		{ font-size : x-small  }
DIV.SCRIPTSIZE		{ font-size : smaller  }
DIV.FOOTNOTESIZE	{ font-size : small    }
DIV.SMALL		{ font-size : 90%; }
DIV.LARGE		{ font-size : 130%; }
DIV.XLARGE		{ font-size : 150%; }
DIV.XXLARGE		{ font-size : 175%; }
DIV.HUGE		{ font-size : 200%; }
DIV.XHUGE		{ font-size : 250%; }

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

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


/* document-specific styles come next */
SPAN.tt		{   }
DIV.centerline		{   }
DIV.navigation		{   }
SPAN.sf		{   }
DIV.center		{   }
#par174		{   }

.smtable, .smtable TD, .smtable TH {
		font-family: verdana,arial,helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		color: darkgreen;
}

.TITLE {
		  font-family: verdana,arial,helvetica; 
		font-size: 1.5em;
		font-weight: bold;   
		color: black; 
}

.NORMAL {
	font-family: verdana,arial,helvetica; 
		font-size: 1em;
		font-weight: normal;   
		color: black;
 }

.BOLD {
	font-family: verdana,arial,helvetica; 
		font-size: 1em;
		font-weight: bold;   
		color: black;
 }

.SPECIAL {
	   font-family: verdana,arial,helvetica;
	   font-size: 1.1em;
	   font-weight: bold;
	   color: darkred;
}

.ERROR {
	   font-family: verdana,arial,helvetica;
	   font-size: 1.1em;
	   font-weight: bold;
	   color: red;
}
.INFO {
	  font-family: verdana,arial,helvetica;
	  font-size: .9em;
	  font-weight: normal; 
	  color: green;
}

#toc_container {
	margin: auto;
	background: #f9f9f9 none repeat scroll 0 0;
	border: 1px solid #aaa;
	display: table;
	font-size: 95%;
	margin-bottom: 1em;
	padding: 15px;
	width: auto;
	
	
	  }
}

.toc_title {
	font-weight: 700;
	text-align: center;
}

#toc_container li, #toc_container ul, #toc_container ul li{
	list-style: outside none none !important;
}

#customers {
table-layout: fixed;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 70%;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;

}





#*/

#customers td, #customers th {
	border: 1px solid #ddd;
	padding: 8px;}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #4682B4;
	color: white;
}





ul.square {
	list-style-type: square;
}




div.mybox {
   background-color: #e6ffff;
  width: 80%;
  border: 5px solid lightblue;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}


* {
  box-sizing: border-box;
}

.row {
  display: flex;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 10px;
  font-size: 10px; /* 14px/16=0.875em */
  
   /* Should be removed. Only for demonstration */
}