html
{
	
	background-color: #e5e5e5;
	color: darkslategray;

}
body
{
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 100%;
	color: darkslategray;
	/*margin: 0;*/
	padding: 1em;
	background-color: #ffffff;
	display: inline-block;	
	width:60em;
	min-width: 55em;
	margin-left: 1em;
	margin-right: 1em;
	border-style: solid;
	border-color: #b5b5b5;
	border-width: 0.3em;
	-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
overflow-y: visible;
/*overflow-y: hidden;*/
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	
}
p{
font-weight: 500;
margin-left: 1em;
margin-right:1em;
}



details {
  margin: 1rem;
}
summary {
  font-weight: 500;
  background-color: #f2f2f2;
}

.btnShowHide{
height: 2em;
display: inline-block;
float: left;	
margin-right:0.5em;
margin-top: 0.1em;	
cursor:pointer;
}

.sectiontitle{
font-size: 120%;
font-weight: 900;
display: block;
}

.topictitle{
font-weight: 900;
}

.topictext{
margin-left: 1em;
margin-right:1em;
}

.floatright{
float: right;
padding-right: 2em;
color: #0000ff;
/*text-decoration: underline;*/
}

.indentedpara{
padding-left: 3em;
}

.topiccomment{
font-style: italic;
padding-left: 2em;
display: block;
}
.figimage {
  display: inline-block;
  width: 40%;
  margin: 10px;
  padding: 5px;
  
  border: 10px solid white;

  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}