@charset "UTF-8";
body {
	font-family:"Georgia",Times New Roman,serif;
	color:#000000;
	font-size:16px;
	background-image:url("background_blue.lite.jpg"); background-color:rgb(213, 220, 232);
	line-height:110%;
	}
/*begin tooltip style*/
		.tooltip {
			position: relative;
			display: inline-block;
			border-bottom: 1px dotted black;
		}

		.tooltip .tooltiptext {
			visibility: hidden;
			width: 120px;
			background-color: blue;
			color: #fff;
			text-align: left;
			border-radius: 6px;
			padding: 5px 5px;
			font-family: Arial,sans-serif;
			font-size: 85%;
			line-height: 125%;
			font-style: normal;
			

			/* Position the tooltip */
			position: absolute;
			z-index: 1;
			bottom: 100%;
			left: 50%;
			margin-left: -60px;
		}

		.tooltip:hover .tooltiptext {
			visibility: visible;
		}
		.tooltip .tooltiptext::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: blue transparent transparent transparent;
		}
		
/*end tooltip style*/
ul.poetry {list-style-type:none; margin:0; padding:0;}
li.poetry {text-indent:-2em; margin-left:15%;}	
blockquote {margin-left:8%; margin-right:8%;}	
span.smallCaps {font-size:80%; text-transform:uppercase;}
span.verseNumber {font-family: "Arial",Helvetica,sans-serif; color:#000000; vertical-align:10%; font-size:75%;}
span.bibleNumber {color:#000000; vertical-align:10%; font-family: "Arial",Helvetica,sans-serif; font-size:75%;}
a.defineTarget {border-bottom: dotted 1px;}
@media only screen and (max-width: 500px) {
	a.defineTarget {border-bottom: none;}
	a.defineTarget:hover {text-decoration: none; color: #000000;}
	}
a:link {color:rgb(0,0,75);}
a:visited {color:rgb(0,0,75);}
a:hover {color:#0000ff;}
a:active {color:#ff0000;}
a.undecorated:link {font-family: "Arial",Helvetica,sans-serif; text-decoration:none; color:#000000; vertical-align:10%; font-size:75%}
a.undecorated:visited {text-decoration:none; color:#000000;}
a.undecorated:hover {text-decoration:none; color:#0000ff;}
a.undecorated:active {text-decoration:none; color:#ff0000;}
a.numberAtFootnote:link {text-decoration:none; color:#000000;}
a.numberAtFootnote:visited {text-decoration:none; color:#000000;}
a.numberAtFootnote:hover {text-decoration:none; color:#0000ff;}
a.numberAtFootnote:active {text-decoration:none; color:#ff0000;}
a.contentsList:link {color:rgb(0,0,100); text-decoration:none;}
a.contentsList:visited {color:rgb(0,0,100); text-decoration:none;}
a.contentsList:hover {color:rgb(0,0,255); text-decoration:none;}
a.contentsList:active  {color:red; text-decoration:none;}
a.grayedOut {text-decoration:none; color:gray}
a.mouseover {color:#0033FF;}
table {
	padding:6px;
	border-collapse:separate;
	border-spacing:13px;
	border:0;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	}
td {
	vertical-align:top;
	hyphens:auto;
	}
td.spaced {
	line-height:130%;
	text-align:justify;
	width:66%; 
	vertical-align:text-top;
	}
td.rightSide {
	font-size:90%;
	line-height:120%;
	text-align:left;
	max-width:34vw;
	vertical-align:top;
	}
@media only screen and (max-width: 500px) {
	table {border-spacing: 3px; width:100%;}
	td.spaced {text-align: left; width:66%;}
	}
@media only screen and (max-width: 500px) {
	blockquote {margin-left: 10%; margin-right: 0px;}
	}
b.smaller {font-size:90%;}
div.mainHeading {font-size:200%; line-height:130%; text-align:center;}
@media only screen and (max-width: 500px) {
	div.mainHeading {font-size: 150%}
	}
div.subHeading {font-size:75%; line-height:100%; text-align:center; font-style:italic; text-transform:uppercase;}
p.shownAbove {margin-top:0px; margin-bottom:0.4em;}
p {
	font-size:16px;
}
p.caption {font-size:75%; text-align:left; line-height: 110%; margin-top:0px;}
p.signOff {font-size:65%; text-align:right; line-height:125%; hyphens:none;}
p.demoText {font-size:75%; text-align:left; line-height:150%; background-color:rgb(230,230,255);padding:3px;}
.hangingIndent {padding-left: 22px; text-indent: -22px;}
p.motto {font-size: 80%; font-style: italic; line-height: 110%; width: 60%; margin: auto; padding-top: 10px;}
@media only screen and (max-width: 500px) {
	p.motto {width:85%;}
	}
span.backToNormal {font-style: normal;}
figure.inText {
	width:100%;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	border-bottom:thin black solid;
	padding-bottom:8px;
	}
img.inText {
	width:100%;
	margin-top:10px;
	margin-bottom:8px;
	}
figcaption.inText {
	font-size:65%;
	line-height:120%;
	text-align:center;
	padding:0px;
	}
ul {
list-style-type: disc;
padding: 0px;
margin: 15px;
}
ul li {
background-position: 0px 5px;
padding-left: 3px;
font-size: 16px;
}
ul.bibliography {
list-style-type: disc;
padding: 0px;
padding-left: 20px;
margin: 15px;
}
ul li.bibliography {
background-position: 0px 5px;
padding-left: 15px;
text-indent: -15px;
}
#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 0px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 0px solid black;
  background-color: #000066;
  color: #cccccc;
  font-family: "Arial",Helvetica,sans-serif;
  font-size: 0.70em;
  line-height: 110%;
  text-align: center;
}
ul.breadcrumb {
	line-height: 65%;
	padding: 0px;
	list-style: none;
	background-image: url(background_blue.lite.jpg);
	color: black;
	text-align: right;
	font-style: italic;
	margin-bottom:3px; margin-right: 0px;
	}
ul.breadcrumb li {
	display: inline;
	font-size: 70%;
	}
ul.breadcrumb li+li:before {
	padding: 4px;
	color: black;
	content: ">\00a";
	}
ul.breadcrumb li a {
	color: black;
	font-size:100%;
	text-decoration: underline;
	}
ul.breadcrumb li a:hover {
	color: gray;
	text-decoration: underline;
	}
#forRightSide {
	 margin:0;
	 padding:0;
	 text-align:left;
	 line-height:90%;
	}
p.sectionHeading {
	text-align: left;
	text-transform: uppercase;
	}
p.subSectionHeading {
	text-align: left;
	font-style: italic;
	}
div.subtitle {
	text-align: left;
	margin-top: 14px;
	margin-bottom: 10px;
	}
footer {
	float:right;
	}
span.letterAsShape {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
ul.inset {
	list-style-type: none;
	margin-left: 0;
	padding-left: 40px;
	overflow: hidden;
	}
li.inset {
	float:left;
	}
li.inset a {
	display:block;
	color: black;
	text-align: center;
	padding-right: 10px;
	}