.main1 { font-size: 10.5pt; font-family:Mangal;}
.main2 { font-size: 10.5pt; font-family:Mangal; padding-left: 23px;}
.hanging-indent { font-size: 10.5pt; 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: 1pt solid windowtext;border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 1pt 1pt 1pt medium; vertical-align:top; width:50%; }

td { font-size: 10pt; font-family:Mangal; line-height: 150%; padding:5px; text-align:left;}
th { font-size: 11pt; 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;}

/* MISCELLANEOUS STYLES*/
.formatb { font-size: 11px; font-family: Mangal; COLOR: #000000;  font-style: bold; BACKGROUND:#EEEEEE; 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: 10pt; font-family: Mangal; COLOR: #000000;  font-style: bold; BACKGROUND:#EEEEEE; 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: 10pt; font-family: Mangal; border:double; border-color:#336699; padding:5px; color:#666666; margin-right:auto; margin-left:auto; width:80%;}
.red-border { font-size: 10pt; font-family: Mangal; border:double; border-color:#FF6633; padding:5px; color:#666666; margin-right:auto; margin-left:auto; width:80%;}
.green-border { font-size: 10pt; font-family: Mangal; border:double; border-color:#33CC33; padding:5px; color:#666666; margin-right:auto; margin-left:auto; width:80%; }
.blue-border { font-size: 10.5pt; 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*/
.call-out {font-size: 10pt; 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: 10pt; 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: 10.5pt; font-weight:550; font-family: Mangal; padding:5px; color:#CC6666; background-color:#FFFFCC; margin-right:auto; margin-left:auto; width:95%;}
.heading2 {font-size: 10.5pt; 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:10.5pt; 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:10pt; 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:10.5pt; 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%;}


/*MISCEL*/
.format_subtitle { font-size: 1.5em; color:#CC0000; padding-left:25px;}
.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-left:-20px; margin-bottom: 5px}
.format_author { font-size: 10.5pt; color:#999999; font-weight: bold; padding-top: 1.5em; margin-left:25px;}
.format_quote { font-size: 10pt; font-family:Mangal; font-weight: none; padding-left:60px }
.verse_inset { font-size: 10pt; font-family:Mangal; color:#3333CC; font-weight: none; padding-left:60px }
.verse {font-family:Mangal; font-size:10pt;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}
.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%}

/*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%;
}