@charset "utf-8";

body {
	background-color:#555;
	padding:1px;
	margin:1px;
}

h1,h2,h4,h5,h6,.menu{font-family:Georgia,Arial;text-align:center}
em,p.scripture,.script{font-family:"Times New Roman", Times;font-style:italic}
p,ul,ol{font-family:Arial}

h1{font-size:20pt;margin:30px 0 4px}
h2{font-size:16pt;margin:40px 0 3px}
h3{ font-size:14pt; margin:0 0 5px; text-align:center; font-weight:normal; font-style:italic}
h5{font-size:12pt}
h6{font-size:12pt;margin:14px 0 3px;text-align:left}

p{font-size:12pt;margin:0 0 12px}
p em{font-size:14pt}
p.ft-note{margin-left:35px;text-indent:-35px}
.ft-note p{margin-left:35px;text-indent:-32px}
.quote{margin:0 50px 12px; width:650px;}
.addendum .quote{margin:0 50px 12px; width:600px;}
.scripture{ font-size:13pt;margin:0 50px 12px; width:650px;}
.addendum .scripture{ font-size:13pt;margin:0 50px 12px; width:600px;}
.script{text-indent:-40px;margin-left:50px;font-size:13pt}

ul,ol{font-size:12pt;margin:3px 15px 8px 10px}
li{padding-bottom:12px;font-size:12pt}

.ck,.ckb,.bmb{margin:0 0 6px 33px;text-indent:-33px}
.bmb:before{content:url('../images/time.gif');padding-right:10px}
.ck:before{content:url('../images/ckdbox.GIF');padding-right:10px}
.ckb:before{content:url('../images/ckbox.GIF');padding-right:10px}

.center{text-align:center}
img{border:none}
.flt_rt img{float:right;width:auto;height:auto;padding:7px}
.flt_lft img{float:left;width:auto;height:auto;padding:7px}
.center img{width:auto;height:auto;padding:7px 7px}

sup{font-size:x-small;line-height:5px}

span.attn{color:#022751;font-weight:bold}
span.text {	color:#03d}
.strk{ text-decoration:line-through}

a{color:#006766;text-decoration:none;font-weight:bold}
a:hover{text-decoration:underline}
h2 a:hover{text-decoration:none}
a#tQT{visibility:collapse}

/*book marks*/
a.bkmk{padding-top:140px}
a.bkmk2{padding-top:220px}

div.content {
	background-color:#ccc;
	margin: 123px auto 4px;
	max-width:920px;
	min-width:760px;
	overflow:hidden;
	padding:20px 20px 0;
}

.t-border {
	background-color:#555;
	height:100px;
	margin-left:-20px;
	position: fixed;
	top:-3px;
	width:960px;
	z-index:1;
}

.header {
	background-color:#006766;
	color:#ccc;
	height:100px;
	margin-left:-20px;
	position: fixed;
	top:5px;
	width:960px;
	z-index:5;
}

.header #title1 {
	font-size:32pt;
	margin:30px 0 20px 40px;
}

.header #title2 {
	font-size:large;
	margin:-46px 0 0 400px;
	overflow:hidden;
}

#up_arrow {
	position: fixed;
	bottom:30px;
	margin-left:-10px;
	z-index:7;
	opacity:0.0;/*opacity:0.0*/
}

.menu {
	background-color:#022751;
	border:#7a7a7a thick solid;
	border-left: #555 20px solid;
	border-right: #555 20px solid;
	height:25px;
	margin-left:-40px;
	position: fixed;
	text-align:left;
	top:92px;
	width:960px;
	z-index:10;
}

.menu ul {
	float: left;
	list-style: none;
	margin: 0 0px;
	padding: 0;
}

.menu a,
.menu h3 {
	background-color:#022751;
	color:#fff;
	display: block;
	font-style:normal;
	font-weight:bold;
	font-size:12pt;
	font-family:"Times New Roman", Times;
	/*margin-bottom: 0px;*/
	margin: 4px 0 0;
	padding:0 10px;
	text-decoration: none;
}

.menu a:hover {
	text-decoration:underline;
}

.menu ul ul {
	background-color:#475c7b;
	border-bottom:#7a7a7a 5px solid;
	border-top:#7a7a7a 5px solid;
	display: none;
	position: absolute;
	left:0;
	margin-top:0px;
	width:960px;
}

.menu ul ul li {
	display: inline-block;
	padding-left:30px;
	padding-bottom:5px;
}

.menu ul li:hover ul {
	display: block;
}

.menu ul ul a {
	background-color:#475c7b;
	/*font-family:"Times New Roman", Times;*/
}

.menu ul ul ul {
	background: none;
	border:none;
	left:inherit;
	padding-top:12px;
	width:auto;
	/*line-height:140%;*/
}

.menu ul ul ul li {
	margin-left:-30px;
	margin-top:-10px;
	display: none;
	padding-right:20px;
}

.menu ul ul li:hover ul li {
	display: list-item;
}

.menu ul ul ul li a {
	border: gray outset 3px;
	padding-right:20px;
	overflow:hidden;
	padding-top:0px;
}

#pm112 #m112 a,
#pm113 #m113 a,
#pm114 #m114 a,
#pm115 #m115 a,
#pm116 #m116 a,
#pm117 #m117 a,
#pm122 #m122 a,
#pm123 #m123 a,
#pm124 #m124 a,
#pm125 #m125 a,
#pm126 #m126 a,
#pm127 #m127 a,
#pm128 #m128 a,
#pm129 #m129 a,
#pm130 #m130 a,
#pm132 #m132 a,
#pm133 #m133 a,
#pm134 #m134 a,
#pm135 #m135 a,
#pm136 #m136 a,
#pm137 #m137 a,
#pm138 #m138 a,
#pm139 #m139 a,
#pm140 #m140 a,
#pm142 #m142 a,
#pm212 #m212 a,
#pm213 #m213 a,
#pm214 #m214 a,
#pm215 #m215 a,
#pm216 #m216 a,
#pm217 #m217 a,
#pm218 #m218 a,
#pm219 #m219 a,
#pm222 #m222 a,
#pm223 #m223 a,
#pm224 #m224 a,
#pm232 #m232 a,
#pm233 #m233 a,
#pm234 #m234 a,
#pm235 #m235 a,
#pm236 #m236 a,
#pm237 #m237 a,
#pm238 #m238 a,
#pm242 #m242 a,
#pm243 #m243 a,
#pm244 #m244 a,
#pm245 #m245 a,
#pm246 #m246 a,
#pm247 #m247 a {
background-color: #283446;
}
/*     end menu   */

.main {
margin:0 auto;
padding:10px 25px; 
}

form#search {
	margin-top:-10px;
	float:right;
}

div.pdf {
	position:absolute;
	margin-top:-8px;
	margin-bottom:42px;
	padding-left: 20px;
}

div.pdf a {
	padding-left: 50px;
}

.toc {
width:500px;
margin-left:150px;
}

.form {
	width:600px;
	margin-left:100px
}

.addendum {
	margin:30px 50px;
}

/* footer */
.footer {
	margin:30px auto -35px;
	height:220px;
}

.footer img {
	float:right;
	margin-top:30px;
	margin-right:110px;
}

.footer #rev_3 {
	font-size:10pt;
	float:right;
	margin-top:-63px;
	margin-right:70px;
}

.footer #update {
	position:absolute;
	margin-top:140px;
	margin-left:30px;
}

.footer #laugh {
	float:right;
	margin-top:2px;
	margin-right:40px;
}

.balloon {
	position:fixed;
	padding:0px;
	margin:0;
	border:solid 3px #006766;
	background-color:#CBCBCB;
	border-radius:8px;
	z-index:10
}

.balloon h1 {
	background-color:#006766;
	font-size:14px;
	color:#ccc;
	padding:3px 5px;
	margin:0
}

.balloon h1 a {
	color:#ddd;
	text-align:right
}

.balloon p {
	padding:5px 8px;
	margin:0
}

/*<span class="comment">sentance<span id="test" style="width:100px">opened menu</span></span>*/
.comment {
	text-decoration:underline;
	color:blue;
}

.comment:hover {
	text-decoration:underline;
}

.comment #test {
	position:absolute;
	background-color:yellow;
	margin-top:18px;
	margin-left:-70px;
	visibility:hidden;
	overflow:visible
}

.comment:hover #test {
	visibility:visible;
	width:150px;
}

