div#wrap {
  /*center the div on the page*/
  margin-left:auto;
  margin-right:auto;
  width: 780px;
}

#main-content {
  background-image: url(https://www.jcim.net/wp-content/uploads/2020/01/cims_stars-light.jpg);
  margin: 0;
}

div#header {
  height: 40px;
  padding-top: .1em;
  padding-left: 3.5em;
  font-size: 2em;
  color: gray;
  font-family: Times New Roman, Times, serif;
  background: transparent;
}

div#search {
  font-size: .8em;
  font-weight: bold;
  color: gray;
  font-family: Times New Roman, Times, serif; 
  margin: 1em;  
  text-align: right;
}

div#search a {
  color: gray;
}

div#nav { 
  background-color: white;
  width: 100%;
  height: 1.2em;
  margin: .4em .1em 0em 0em;
}

#nav table { 
  margin-left: 1.5em;
  width: 780px;
}

#nav table td a {  
  font-family: Times New Roman, Times, serif;
  color: gray;
  text-decoration: none;
  font-size: .75em;
}

div#content { 
  width: 100%;
  background-color: white;
  margin-top: 1em;
  padding-bottom: 1em;
}

div#footer {  
  margin-top: 2em;
  background: transparent;

/*  border: 1px ridge #1A4078;*/
}
div#copyright {
  margin-left: -0.9em;
  font-size: 0.7em;
  color: gray;
  background: transparent;
}

body {
  font-size: 100.1%;
  font-family: Arial, Helvetica, sans-serif;
  color: #222222;
}

#content p, #content h1, #content h2, #content h3 {
  text-align: justify; 
}

#content a {
  color: black;
  text-decoration: none;
  font-size: inherit;
}


body {
  background-image: url(https://www.jcim.net/wp-content/uploads/2020/01/cims_stars-light.jpg);
}

h1 {
 color: gray;
 font-family: Times New Roman, Times, serif;
 font-size: 1.8em;
 padding-top: .8em;
 padding-left: 1em;
}

h2 {
 color: gray;
 font-family: Times New Roman, Times, serif;
 font-size: 1.3em;
 font-weight: bold;
 padding-left: 1.5em;      
}

h3 {
 color: gray;
 font-family: Times New Roman, Times, serif;
 font-size: 1.1em;
 font-weight: bold;      
}

sup {
  padding-left: .5em;
  font-size: .6em;
}

hr {  
 width: 85%;
}

p {  
  font-family: inherit;
  font-size: .9em;
  padding-left: 2em;
  padding-right: 1em;
  text-align: left;
}

.no-indent {
  font-family: inherit;
  text-decoration: none;
  text-align: justify;
  margin-top: .1em;
}

.first-line-indent {
  font-family: inherit;
  text-indent: 1em;
  padding-left: 2em;
  padding-right: 1em;
  text-align: left;
}

.sayings {
  margin-left: 15%;
  margin-right: 15%;
  text-align: left;
  font-weight: bold;
  color: #d0b972;
/*  color: #777777;*/
  text-decoration: none;
}

.sayings-cont { font-style: italic; text-align: left; }

.sayings2 {  /*workbook sayings line 2*/
  font-style: italic; }

.review {
	margin-left: 5%;
	margin-right: 5%;
	text-align: justify;
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	
}

.border {
  border: 1px ridge #1A4078;
  color: black;
}

.small-caps {
  font-variant: small-caps;
}

.italic {
  font-style: italic;
}

.center {
  text-align: center;
}

.black {
	color: black;
	font-weight: bold;
	text-align: left;
}

.bold {
	color: gray;
	font-weight: bold;
	text-align: left;
}

/*For search*/
.searchword { 
  background-color: yellow;
} 

/*
For TOC tree
*/

div#tree td {
  font-size: .75em; 
  text-decoration: none;
  white-space:nowrap;
  height: 16px;

}
div#tree td img { 
	border: 0px;
}

div#tree a {
 text-decoration: none;
 color: gray;
 font-weight: bold;
}

div#tree a:hover, td a:hover {
  text-decoration: underline;
}

.tree {
	font-size: 11px;
	padding: 10px;
	white-space: nowrap;
}

.tree img { 
	border: 0px;
	height: 16px;
	vertical-align: text-bottom;
}