body {
  margin-top: 10px;
  position: center;
  background: #ffffff;
  width: 750px;
  color: #000000;
  font-size: 12pt;
}


/* previously embedded styles */
.maketitle { align : center }
div.abstract { margin-left: 20%; margin-right: 10%; }
h3.abstract  { align : center }
div.verse, div.quote, div.quotation {
  margin-left : 10%; 
  margin-right : 10%;
}
dt {font-weight: bold}

/* top line of title text at top of page */
.title {
  font-size: 24pt;
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: 750;
  text-align: left;
  position: relative;
  margin-top: 5px;
  margin-bottom: 0px;
  padding-left: 20px;
  width: 740px;
  height: auto;
  color: #eeeeee;
  background: #004400;
  border-left: 3px solid #004400;
  border-right: 3px solid #004400;
  border-bottom: 0px solid #004400;
}

/* 2nd line of title text at top of page
   same basic style, but smaller text */
.title2 {
  font-size: 16pt;
  font-family: "Times New Roman", serif;
  text-align: left;
  position: relative;
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 740px;
  height: auto;
  color: #ffffff;
  background: #004400;
  border-left: 3px solid #004400;
  border-right: 3px solid #004400;
}

/* hyperlink in title */
.title a {
  color: #ffffff;
  text-decoration: none;
}

.title a:hover {
  color: #808080;
  text-decoration: none;
}

  /* hyperlink in title */
.title2 a {
  color: #ffffff;
  text-decoration: none;
}

.title2 a:hover {
  color: #8080ff;
  text-decoration: none;
}

  /*  the menubar at the top */
.menubar {
  font-size: 15pt;
  font-style: normal;
  font-family: sans-serif;
  text-align: center;
  position: relative;
  padding-right: 8px;
  padding-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 8px;
  width: 750px;
  height: auto;
  background: #d0d000;
  color: #eeeeee;
  border: 3px solid #d0d000;
}

  /*  hyperlink in menubar */
.menubar a {
  color: #ffffff;
  text-decoration: none;
}

  /*  hyperlink with mouse over it in menubar */
.menubar a:hover {
  color: #8080ff;
  text-decoration: underline;
}

.main {
 width: 758px;
}

.rfloaty {
float: right;
margin-left: 10px;
}

.lfloaty {
float: right;
margin-left: 10px;
}

/* mini bar under menu bar */
.minibar {
  text-align: right;
  width: 750px;
}


  /*  the bottom bar across all pages */
.bottom {
  position: relative;
  margin-top: 0px;
  margin-bottom: -10px;
  width: 750px;
  background: #ffffff;
  padding-left: 6px;
  padding-right: 6px;
  border-bottom: 4px solid #000040;
}

/*  title of section with dark bar below it */
.heading, h1, h2 {
  font-size: 18pt;
  text-align: left;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  position: relative;
  margin-top: 20px;
  margin-left: 0px;
  margin-bottom: 0px;
  width: 750px;
  height: auto;
  color: #000000;
  background: #ffffff;
  padding-left: 4px;
  padding-right: 6px;
  border-bottom: 3px solid #008000;
}

  /*  same style heading, but with larger text */
.headingLarge {
  font-size: 28px;
  font-style: bold;
  text-align: left;
  position: relative;
  margin-top: 20px;
  margin-left: 00px;
  margin-bottom: 0px;
  width: 750px;
  height: 36px;
  color: #000000;
  padding-bottom: 10px;
  padding-left: 6px;
  padding-right: 6px;
  background: #ffffff;
  border-bottom: 5px solid #000040;
}

/*  title of subsection with dark bar below it */
.subheading, h3 {
  font-size: 15pt;
  text-align: left;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  position: relative;
  margin-top: 16px;
  margin-left: 0px;
  margin-bottom: 0px;
  width: 500px;
  height: auto;
  color: #000000;
  background: #ffffff;
  padding-left: 4px;
  padding-right: 6px;
  border-bottom: 2px solid #008000;
}

  /*  a box for text, with a white background and border */
.text {
  font-size: 12pt;
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  text-align: left;
  position: relative;
  margin-left: 50px;
  margin-top: 10px;
  margin-bottom: 8px;
  width: 700px;
  background: #ffffff;
  color: #000000;
  padding: 2px;
  border: 2px solid #ffffff;
}

/*  a box for text, with a gray background and dark border
    info/text should always have same style text, etc-
    just different coloring */
.info {
	font-size: 12pt;
	text-align: left;
	position: relative;
	margin: 10px 20px;
	width: 700px;
	background: #e8e8e8;
	color: #000000;
	padding: 10px;
	border: 2px solid #444444;
}

/*  heading font inside an info box */
.info h3 {
  font-size: 16pt;
  text-align: left;
}

/*  heading font inside an info box */
.info h4 {
  font-size: 12pt;
  font-style: bold;
  text-align: left;
}

.right {
	width: 750px;
	text-align: right;
}