.main1 { font-size: 1em; font-family:Mangal, Arial;}
.main2 { font-size: 1em; font-family:Mangal; padding-left: 23px;}
.hanging-indent { font-size: 1em; font-family:Mangal;}

/* To be used for two-column table of equal width -- HEADER */
.table_header1 {background-color: #336699; color: #F4F4F4; border: 1pt solid windowtext; width:50%;}
.table_header2 {background-color: #FFCC00; color: #242424; border: 1pt solid windowtext; width:50%;}

/* To be used for two-column table of equal width -- CELL */
.tablecell {border-left:medium none -moz-use-text-color; border-right:1pt solid windowtext; border-top:1pt solid windowtext; border-bottom:1pt solid windowtext; vertical-align:top; width:50% }

td { font-size: 0.9em; font-family:Mangal; line-height: 150%; padding:5px; text-align:left;}
th { font-size: 1.1em; font-family:Mangal; line-height:150%; padding:8px; text-align:center; }

/*BIBLE STUDY SERIES cover page with TABLE OF CONTENTS*/

#left_col {float:left; width:40%;}
#right_col {float:right; width:40%;}
#bottom_row {clear:both;}

/* DISCIPLESHIP COURSE SERIES*/
.h4 {font-weight:normal}
.m-verses {padding-left:2px; background:#FF9900; color:#fafafa; font-weight:bold;}

/* MISCELLANEOUS STYLES*/
.formatb { font-size: 11px; font-family: Mangal; COLOR: #000000;  font-weight: bold; BACKGROUND:#EEEEEF; BORDER-RIGHT: #EEEEEE 1px dotted; BORDER-TOP: #EEEEEE 1px dotted; BORDER-BOTTOM: #EEEEEE 1px dotted; BORDER-LEFT: #EEEEEE 1px dotted; }

/* CREDIT TO MBC */
.formatc { font-size: 0.9em; line-height: 1.2em; font-family: Mangal; COLOR: #000000;  font-weight: normal; BACKGROUND:#EEEEEF; BORDER-RIGHT: #EEEEEE 1px dotted; BORDER-TOP: #EEEEEE 1px dotted; BORDER-BOTTOM: #EEEEEE 1px dotted; BORDER-LEFT: #EEEEEE 1px dotted; }

/*double-border boxes */
.grey-bold { font-size: 0.9em; line-height: 1.2em; font-family: Mangal; border:double; border-color:#336699; padding:5px; color:#666666; margin-right:auto; margin-left:auto; width:80%;}
.red-border { font-size: 0.9em; line-height: 1.2em; font-family: Mangal; border:double; border-color:#FF6633; padding:5px; color:#666666; margin-right:auto; margin-left:auto; width:80%;}
.green-border { font-size: 0.9em; line-height: 1.2em; font-family: Mangal; border:double; border-color:#33CC33; padding:5px; color:#666666; margin-right:auto; margin-left:auto; width:80%; }
.blue-border { font-size: 1em; line-height: 1.2em; font-family: Mangal; border:solid; border-color:#3366FF; padding:5px; color:#666666; margin-right:auto; margin-left:auto; width:95%;}


/*single-or-non-border boxes*/
.simple-border {font-size: 1em; font-family: Mangal; border-style:solid; border-color: window-text; border-width:1pt; padding:5px; margin-right:auto; margin-left:auto; width:80%;}
.call-out {font-size: 0.9em; font-family: Mangal; border:groove; border-color:#0000DD; padding:5px; background-color:#FFCCFF; margin-right:auto; margin-left:auto; width:80%;}
.call-out2 {font-size: 0.9em; font-family: Mangal; border:solid; border-color:#800080; padding:5px; background-color:#CCCCCC; margin-right:auto; margin-left:auto; width:80%; color:#000066;}
.framed-verse {font-size: 20px; border:solid; padding:5px; background-color:#FFFF99; margin-right:auto; margin-left:auto; width:30%; text-align:center; color:#CC3333}
.heading {font-size: 1em; font-weight:550; font-family: Mangal; padding:5px; color:#CC6666; background-color:#FFFFCC; margin-right:auto; margin-left:auto; width:95%;}
.heading2 {font-size: 1em; font-weight:550; font-family: Mangal; padding:5px; color:#336699; background-color:#CCCCCC; margin-right:auto; margin-left:auto; width:95%;}
.heading3 {border-bottom:solid; color:#CC6600; width:95%;}
.heading4 {font-size:1em; border-style: solid; border-color: window-text; border-width: 1pt; padding: 5pt; color:#CC6666; background-color:#FFFFCC; margin-left:auto; margin-right:auto; width:95%;}
.heading5 {font-size:0.9em; border-style: solid; border-color:#AAAAAA; border-width: 1pt; padding: 5pt; color:#006699; background-color:#FEFEFE; margin-left:auto; margin-right:auto; width:95%;}
.heading6 {font-size:1em; border-style: solid; border-color: window-text; border-width: 1pt; padding: 5pt; color:#CC6666; background-color:#FFFFFF; margin-left:auto; margin-right:auto; width:95%;}

.comm-verse {font-size:0.98em; border-style: solid; border-color: window-text; border-width: 1pt; padding: 5pt; color:#9cc; background-color:#960; margin-left:auto; margin-right:auto; width:95%;}


/*MISCEL*/
.format_subtitle { font-size: 1.1em; text-align:center; font-weight:bold; color:#888888;}
.format_subtitle2 { font-size: 1.3em; font-family:Mangal; color: #3333cc; font-weight: bold; text-align:center}
.format_enumeration { font-size: 14px; font-family:Mangal; color:#006699; font-weight: bold;  margin-bottom: 5px}
.format_author { font-size: 1em; color:#999999; font-weight: bold; padding-top: 1.5em; text-align:right;}
.format_quote { font-size: 0.98em; font-family:Mangal, Arial; font-weight: normal; padding-left:30px }
.verse_inset { font-size: 1em; font-family:Mangal; color:#3333CC; font-weight: normal; padding-left:30px }
.verse {font-family:Mangal; font-size:1em; color:#800000;}
.boldhead {font-size: 1em; font-weight:bold; color:#006699; margin-top: 10px; margin-bottom: 10px;}
.highlight {background-color:#EEEEEE; color:#006633; font-weight:bold; line-height:150%}
span.highlight {background-color:#EEEEEE; color:#006633; font-weight:bold}
span.highlight2 {font-size:0.85em; background-color:#eee; color:#063; font-weight:normal}
.yellow-highlight {background-color:#FFFF00; font-weight:bold}
.hl-italics {background-color:#EEEEEE; color:#006633; font-style:italic; line-height:normal}
.pdf {font-family: Verdana, Arial, Helvetica, sans-serif; color:red; font-weight:bold; font-size:0.8em}
.scripture-text {font-weight:450; color:#990033; margin-right:auto; margin-left:auto; width:85%}
.underline {border-bottom:1px dotted gray}


/*LEFT INDENTS*/
.hundredfifty {margin-left:150px}
.hundred {margin-left:100px}
.fifty {margin-left:50px}
.twenty {margin-left:20px}
.twenty-five {margin-left:25px}
.tab {margin-left:10px}
.tab2 {margin-left:20px}

/* this works within P or DIV, but not with IMG only*/
.centeredImage {text-align:center; margin-top:0px; margin-bottom:0px; padding:0px;}


/*TO BE USED FOR DIV-CSS TABLE CELLS - TWO-COLUMN-ONE-ROW - YOU MUST DEFINE HEIGHT, WIDTH, MARGIN-LEFT SEPARATELY AS NECESSARY*/

#left-box {
float:left;
background-color:#FFFFCC;
border:solid 1px black;
padding:5px;
width:45%;
}

#right-box {
float:left;
background-color:#FFFFCC;
border:solid 1px black;
border-left:1px;
padding:5px;
width:45%;
}

#left-box1 {
float:left;
background-color:#FFCCCC;
border:solid 1px black;
padding:5px;
width:45%;
}

#right-box1 {
float:left;
background-color:#FFCCCC;
border:solid 1px black;
border-left:1px;
padding:5px;
width:45%;
}

/* LISTS */
OL.l-roman { list-style-type: lower-roman }
OL.l-alpha { list-style-type: lower-alpha }
OL.u-roman { list-style-type: upper-roman }
OL.u-alpha { list-style-type: upper-alpha }

/* for subscribe and search BUTTONS */

.subscribeButton {
    background:url(subscribe.png) no-repeat;
    cursor:pointer;
    width: 63px;
    height: 26px;
    border: none;
    margin:0 0 0.2em 0;
    
}

.searchButton {
    background:url(search.png) no-repeat;
    cursor:pointer;
    width: 63px;
    height: 26px;
    border: none;
    margin:0 0 0.2em 0;
}

.lastModifiedDate {
    font-weight:normal;
    color: #666666;
    font-size:0.7em;
    text-align:center;
    padding-top:3em;
  }

.pagelinks{
border-top: 1px dotted gray;
text-align:center;
font-weight:normal;
font-size:0.85em;
}