/*Created with Adobe RoboHelp 2017.*/
/**

=== TABLE OF CONTENTS ===

	-- Links
	
	-- Character formatting (spans)
	
	-- Headings and paragraphs
	
	-- Lists
	
	-- First-symbol formatting (paragraphs)
	
	-- Images
	
	-- Glossary terms


=== END OF TABLE OF CONTENTS === 

**/
html {
	background-color: #f9f9f9;
	font-size: 16px;
	padding: 20px 30px 48px;
}
BODY {
	max-width: 880px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
/** === LINKS === **/
A {
	padding: 0 2px;
	color: #326891;
	text-decoration: none;
}
A:link,
A:visited {
	border-bottom: 1px solid #326891;
}
A:hover,
A:active {
	border-bottom: none;
	color: #e23923;
}

/** === END OF LINKS === **/

/** === SPANS === **/

/** == Check these two bold-making properties, and choose the better one. == **/

span.area-name,
span.inlineBold,
p > span:first-child {font-weight: 600;}

span.inlineBold, p > span:first-child {letter-spacing: .4px;}

span.areaStyle {
	font-style: italic;
	letter-spacing: normal;
}
span.tip {
	color: #008000;
	letter-spacing: .3px;
}
span.inlineImportant {
	color: #ff0000;
	text-transform: uppercase;
}
/** === END OF SPANS === **/
/** === HEADINGS AND PARAGRAPHS === **/
h1 {
	font-family: "Segoe UI Semilight", Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 1.6;
	color: #000080;
	margin: 0 0 16px 37px;
	padding: 0 0 2px 0;
}
p {
	margin: 0 0 11px 37px;
	line-height: 1.5;
	padding-left: 35px;
	text-indent: -35px;
}
p.intro-paragraph {
	padding-left: 0;
	text-indent: 0;
}
/** === END OF HEADINGS AND PARAGRAPHS === **/
/** === LIST STYLES === **/
ul {
	margin: 28px 0 35px 7px;
}
li.introList {
	margin: 0 35px 3px 30px;
	line-height: 1.5;
	list-style: disc;
}
/** === END OF LIST STYLES === **/
/** === FIRST-SYMBOL FORMATTING === **/
p.underListListOptions,
p.underListFirstOptions {
	margin-bottom: 6px;
}
p.area {
	color: #000080;
	padding-bottom: 2px;
	border-bottom: 1px solid #000080;
}
p.underListFirstOptions {
	margin-top: 25px;
	color: #000080;
}
/* Possible div to encompass every other group to produce visual contrast. div {
	background-color: rgba(178, 189, 181, 0.027);
	padding-bottom: 3px;
} */
/** === END OF FIRST-SYMBOL FORMATTING === **/
/** === IMAGES === **/

img:first-of-type {margin: 5px 0 15px 37px;}

img.inline {
	margin-bottom: 0;
	margin-left: 0;
}
img.icon, p > img {
	margin: 0;
}
img.second {margin: 5px 0 5px 37px;}
img.bordered {border: 1px solid #c0c0c0;}

/** === END OF IMAGES === **/
/** === GLOSSARY TERMS === **/
A.glossterm {
	cursor: hand;
	color: #800000;
	font-style: normal;
}
SPAN.glosstext {
	color: #0000ff;
	font-weight: normal;
	font-style: italic;
}
/** === END OF GLOSSARY TERMS === **/

span.Subscript {
	vertical-align: Sub;
	color: #0000ff;
}