
/* background: url("images/gray-bkgd.jpg") fixed; }
 background: url("images/crossword.png")
 background: url("images/stone-bkgd.jpg")
 border-left: 3px groove #969696;
 border-top: 3px groove black;; border-bottom: 3px solid black; border-right: 3px groove black; border-left: 3px groove black;}  */

body {font-family: "Trebuchet MS", Verdana, Sans-serif;font-size: medium; padding: 0; color: black;} 

.container {padding: 0; margin: 0; width: 100%; background-color: #856300;}

.bodybox {color: black; background-color: #FFECB3; text-align: left; margin: 0 4% 0 4%; padding: .6em; border: 2px solid black; }

.topbox {color: white; background: transparent; text-align: left; margin: 0 0;  padding: 1em 5% .3em 5%;  border: none; }


.midacts {font: italic normal 900 220%/100% papyrus, serif; color: white; text-shadow: 3px 3px black; }

/*indexlink*/
.indexlink {position:fixed; right: 0%; left: 95%; bottom:5%; text-align:center;}

.button1 {
  font: bold 70% Arial;
	border-radius: 10px;  
  padding: 2px;
  border: 1px solid black;
	background-color: #FFF2CC;
}

/* Boxes    background-color: #FFECB3; */

.empbox  {padding:.4em .5em; margin: 0 5%; border: 3px double gray; text-align: left;} 

.shortempbox  {padding: .6em .6em; margin: 0 20%; border: 3px double gray; text-align: left;}

.shortthinbox {padding:.6em .6em; margin: 0 20%; border: 1px solid gray; text-align: left;}
.shortthinboxp {padding:0 .8em; margin: 0 20%; border: 1px solid gray; text-align: left;}

.thinbox {padding: .8em; margin: 0 5%; border: 1px solid gray; text-align: left;}

/* Box around paragraph */
.thinboxp {padding: 0 .8em 0 .8em; margin: 0 5%; border: 1px solid gray; text-align: left;}

.bigthinbox {padding:.6em .8em; margin: 0 2%; border: 1px solid gray; text-align: left;}

.noline  {margin: 0 5%; border: none; text-align: left;}

.shortnoline  {padding:.4em .5em; margin: 0 20%; border: none; text-align: left;}
 
/* Lines must be in <p> or <div> - not <span> */

.mediumline {margin: 1em 6%; border-top: 4px ridge black;}
.mmediumline {margin: 1em 18%; border-top: 4px ridge black;}
.smediumline {margin: 1em 24%; border-top: 4px ridge black;}

.thinline {margin: 1em 6%; border-top: thin solid black;}
.mthinline {margin: 1em 18%; border-top: 1px solid black;}
.sthinline {margin: 1em 24%; border-top: thin solid black;}

.doubleline {margin: 1em 6%; border-top: 4px double black;}
.mdoubleline {margin: 1em 18%; border-top: 4px double black;}
.sdoubleline {margin: 1em 24%; border-top: 4px double black;}

.dashline {margin: 1em 6%; border-top: thin dashed black;}
.mdashline {margin: 1em 18%; border-top: thin dashed black;}
.sdashline {margin: 1em 24%; border-top: thin dashed black;}

.sideline {padding-left: 1%; border-left: medium solid black;}


/* Spacing */

br.q { line-height: .25em }
br.qq {line-height: .5em }
br.qqq {line-height: .75em }

.nbq {margin-bottom: -.25em}
.nbqq {margin-bottom: -.5em}
.nbqqq {margin-bottom: -.75em}
.nb {margin-bottom: -1em}
.nbb {margin-bottom: -1.5em}
.nbbb {margin-bottom: -2em}

.pbq {margin-bottom:.25em}
.pbqq {margin-bottom:.5em} 
.pbqqq {margin-bottom: .75em}
.pb {margin-bottom: 1em}
.pbb {margin-bottom: 1.5em}
.pbbb {margin-bottom: 2em}

.ntq {margin-top: -.25em;}
.ntqq {margin-top: -.5em;}
.ntqqq {margin-top: -.75em;}
.nt {margin-top: -1em;}
.ntt {margin-top: -1.5em;}
.nttt {margin-top: -2em;}
.ntttt {margin-top: -2.5em;}
.ntpqq {padding-top: .5em;}

.ptq {margin-top: .25em;}
.ptqq {margin-top: .5em;}
.ptqqq {margin-top: .75em;}
.pt {margin-top: 1em;}
.ptt {margin-top: 1.5em;}
.pttt {margin-top: 2em;}

.left {text-align: left;}
.left1 {margin-left: 1em;}
.left2 {margin-left: 2em;}
.left3 {margin-left: 3em;}
.left4 {margin-left: 4em;}
.left5 {margin-left: 5em;}

.left-1 {margin-left: -1em;}
.left-2 {margin-left: -2em;}
.left-3 {margin-left: -3em;}
.left-15 {margin-left: -1.5em;}

/* Fonts */
.bcite {font-style: italic} 
.regcite {font-style: italic} 

.smbold {font-size: 75%; font-weight: bold; line-height:100%;}
.smtext {font-size: 80%; font-weight: normal; line-height:100%;}

.font55 {font-size: 55%;}
.font60 {font-size: 60%;}
.font65 {font-size: 65%;}
.font75 {font-size: 75%;}
.font80 {font-size: 80%;}
.font85 {font-size: 85%;}
.font90 {font-size: 90%;}
.font100 {font-size: 100%;}
.font110 {font-size: 110%;}
.font120 {font-size: 120%;}
.font130 {font-size: 130%;}
.font140 {font-size: 140%;}
.font150 {font-size: 150%;}

strong {font-size: 105%;}
.bold {font-weight: bold;}
.center {text-align: center;}
.underline {text-decoration: underline;}
.italic {font-style:italic;}
.normal {font-style: normal;}

/* Elements - Headers */

a:link {color:blue; background-color: transparent; text-decoration:underline;}
a:visited {color:red; background-color: transparent; font-weight: normal;}
a:focus {color:navy; background-color: transparent; text-decoration:underline}
a:hover {color:black; background-color: lime; text-decoration:underline;}
a:active {color:purple; background-color: transparent; text-decoration:underline}

h1 {font: normal normal 150%/110% "Trebuchet MS", "Verdana", sans-serif; text-align: center; }
h2 {font: normal normal 140%/110% "Trebuchet MS", "Verdana", sans-serif; text-align: center; } 
h3 {font: normal normal 130%/110% "Trebuchet MS", "Verdana", sans-serif; text-align: center;}
h4 {font: normal normal 120%/110% "Trebuchet MS", "Verdana", sans-serif; text-align: center;}
h5 {font: normal normal 110%/110% "Trebuchet MS", "Verdana", sans-serif; text-align: center;}
h6 {font: normal normal 100%/100% "Trebuchet MS", "Verdana", sans-serif; text-align: center;}

/* Outline */

ol.uproman {list-style-type: upper-roman;}
ol.upalpha {list-style-type: upper-alpha;}
ol.numbers {list-style-type: decimal;}
ol.loweralpha {list-style-type: lower-alpha;}
ol.lowerroman {list-style-type: lower-roman;}
ol.none {list-style-type: none;} 
li.none {list-style-type: none;}
ul.none {list-style-type: none;}
li.left {margin-left: 1.5em;}

ul.clist {list-style-image:url('../images/dism_rd.gif')}
ul.clist ul{list-style-image:url('../images/dism_gr.gif')}
ul.clist ul ul{list-style-image:url('../images/dismcyan.gif')}


/* ------- Bullets ------- */
.diredsm {list-style-image:url('../images/dism_rd.gif')}
.digreensm {list-style-image:url('../images/dism_gr.gif')}
.dicyansm {list-style-image:url('../images/dismcyan.gif')}
.none {list-style-type: none}

/* Check Small */
.check {padding-top: .5em; list-style-image:url('../images/check.jpg')}

.checkorangesm {padding-top: .5em; list-style-image:url('../images/ccheck.gif')}
.checkredsm {padding-top: .5em; list-style-image:url('../images/ccheck.gif')}
.checkgreensm {padding-top: .5em; list-style-image:url('../images/ccheck.gif')}
.checkyellowsm {padding-top:.5em; list-style-image:url('../images/ccheck.gif')}
.ccheck {padding-top: .5em; list-style-image:url('../images/ccheck.gif')}
.ccheckblack {padding-top: .5em; list-style-image:url('../images/ccheck.gif')}

/* Footnotes */
.fntext0 { margin-bottom: 3em; padding-top: 3em;}
.fntext1 {font-size: .7em; float:left; width:0px; margin:0 auto 0 -35px; text-align:left; text-decoration: none;}
.fntextdiv {margin: 0 auto 0 30px;}
.fnn-ref {font-size: .7em; font-weight: normal; padding-top: 8em;}
.fnol {list-style-type: none;}
.testfn {padding-top: 3em;}


/* style the verse link with the color red and a dotted red underline. */
a.vcVerseLink {text-decoration: none; font-size: 85%;}


/* VerseClick change the background color and font of text in popup #FFF2CB */
.vcPopupVerseText {	
	background-color:#FFF2CC;
	color:black;
	font-family:"Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 150%;
	border: 2px solid red;
}
/* and change the styles for the header. #d7c08b */
.vcPopupHeaderText {	
	background-color:black;
	color:yellow;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	border: 2px solid red;	
}

/*  Tooltip    font size is 1.8  change to 1.6 */
span.tooltip {display:inline; font-size: 0.55em; background:yellow; vertical-align: 50%; color:black; text-decoration:none;} 

span.tooltip span {display:none; padding:15px 35px 15px 15px; width:auto; text-decoration:none; font-size: 1.8em}

span.tooltip:hover span {display:inline; position: absolute; left:6%; right: 6%; top: inherit; border: 4px ridge #856300; background:#FFF2CC; color:black; text-decoration:none;}

/*  Tooltipbig  */
span.tooltipbig {display:inline; font-size: 0.62em; background:yellow;  vertical-align: 50%; color:black; text-decoration:none;} 

span.tooltipbig span {display:none; padding:15px 35px 15px 15px; width:auto; font-size: 1.8em;}

span.tooltipbig:hover span {display:inline; position: absolute; left:6%; right: 6%; top: inherit;  border: 4px ridge #856300; background:#FFF2CC;  color:black; text-decoration:none;}


/* White Background
a:link {color:red; background-color: transparent;}
a:visited {color:blue; background-color: transparent; font-weight: normal;}
a:focus {color:blue; background-color: gray; text-decoration:underline}
a:hover {color:red; background-color: transparent; text-decoration:underline;}
a:active {color:fuchsia; background-color: black; text-decoration:underline}
*/
