@font-face 
{
    font-family: 'TEXTI';
    src: url('fonts/TimesNewerRoman-RegularItalic.otf') format('opentype');
    font-weight: normal;
    font-style:  normal;
}
@font-face 
{
    font-family: 'HEAD';
    src: url('fonts/MYRIADPRO-REGULAR.OTF') format('opentype');
    font-weight: normal;
    font-style:  normal;
}
@font-face 
{
    font-family: 'HEADB';
    src: url('fonts/MYRIADPRO-BOLD.OTF') format('opentype');
    font-weight: normal;
    font-style:  normal;
}
@font-face 
{
    font-family: 'HEADC';
    src: url('fonts/Cabin-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style:  normal;
}

table					{	border-collapse:  collapse;   
							border:           0;
							padding:          0;
						}
input             {  vertical-align:   bottom;
                     background:       #ffffff;
							margin:				0; 
                  }						
select				{  margin:				0;
							padding:				0;
							margin-left:      1;
						}
form              {  margin:           0; 
                     padding:          0;
                     font-size:        11px; 
                     vertical-align:   top;
                  }
img               {  border:           0; 
   						max-width:        100%;
							height:           auto;
						}		
hr                {  vertical-align:   bottom;
							height:		      20;
							border:           0;
							border-top:       1px solid #666666;
                  }
.head2            {  font-family:      HEADB;
                     font-size:        24px;
                     line-height:      30px;
							margin-bottom:    24;
                  }
.head3            {  font-family:      HEADB;
                     font-size:        22px;
                     line-height:      27px;
							margin-bottom:    22;
                  }
.subhead3         {	font-family:		HEAD;
							font-size:			20px;
                     line-height:      27px;
						}
.head4            {  font-family:      HEADB;
                     font-size:        20px;
                     line-height:      26px;
							margin-bottom:    20;
                  }
.subhead4         {	font-family:		HEAD;
							font-size:			19px;
                     line-height:      26px;
						}
.head5            {  font-family:      HEADB;
                     font-size:        19px;
                     line-height:      25px;
							margin-bottom:    19;
                  }
i                 {  font-weight:      normal;  
                     font-style:       italic; 
                  } 
blockquote        {  margin-left:      40;
                     margin-right:     0;
                  }
            
/*-------------------------------------------------------------------*/

a                 {	color:				#000000; 
							margin:				0;
				      }
a:link            {	text-decoration:	none;      color: #dd0000; background: transparent; }
a:visited         {	text-decoration:	none;      color: #dd0000; background: transparent; }
a:hover           {	text-decoration:	underline; color: #dd0000; background: transparent; }
a:active          {	text-decoration:	none;      color: #dd0000; background: transparent; }

/*-------------------------------------------------------------------*/

ul    		   {	margin-left:			18; 
						margin-right:			0;
  						margin-top:				0;
  						margin-bottom:			12;			  
  						padding:             0;
						vertical-align:		top;
						list-style-type:     square;
					}

ul li	   		{	margin-left:			0; 
     					margin-top:				0;
	     				margin-bottom:			0;
     					padding:             0;
						padding-left:			0;
						vertical-align:		bottom;
					}
ol    		   {	margin-left:			18; 
						margin-right:			0;
  						margin-top:				0;
  						padding:             0;
						vertical-align:		top;
					}
ol li	   		{	margin-left:			0; 
     					margin-top:				0;
	     				margin-bottom:			0;
     					padding:             0;
						padding-left:			0;
						vertical-align:		bottom;
					}
						
.ul            {  color:            black;
               }
a:link.ul      {	text-decoration:	none;      color: #000000; background: transparent; }
a:visited.ul   {	text-decoration:	none;      color: #000000; background: transparent; }
a:hover.ul     {	text-decoration:	underline; color: #000000; background: transparent; }
a:active.ul    {	text-decoration:	underline; color: #000000; background: transparent; }
                  
.ar            {  }
a:link.ar      {	text-decoration:	none;      color: #000000; background: transparent; }
a:visited.ar   {	text-decoration:	none;      color: #000000; background: transparent; }
a:hover.ar     {	text-decoration:	underline; color: #000000; background: #ffff99;     }
a:active.ar    {	text-decoration:	underline; color: #000000; background: #ffff99;     }
                  
/*-------------------------------------------------------------------*/

.background			{	background:				#FFFFFF;	 
							color:					black; 
							margin-top:				6;
							margin-left:         0;
							margin-right:			0;
							margin-bottom:			0;
						} 
.topcolor			{  text-align:				left; 
                     width:					870;
						}
.topcenter			{	width:					600;
							text-align:          left;
				      }
.adcol				{	width:            250;	  
							padding-left:     20;
							vertical-align:	top;
							padding-top:      0;
							text-align:			left;
						}
.toplinks			{	height:              35;
						}
.topphoto			{	width:					600;
							vertical-align:		top;
							text-align:          left;
						}
.booklinks			{	text-align:          left;
							margin-top:				3;
						}

.maincol			   {	padding-top:			0;
							vertical-align:		top;
							width:					600;
							text-align:				left;
				      }
.botcenter			{	width:					600;
							height:              700;
							vertical-align:      top;
							text-align:				left;
						}
						
/*-------------------------------------------------------------------*/

.topmenubox			{  vertical-align:		bottom;
							text-align:				left;
						}
.spacer           {  width:               44;
                  }
.topmenu,
.topmenua,
.topmenux,
.topmenuy			{  font-family:			HEAD;
							font-size:				19px; 
							line-height:			26px; 
                     text-align:          left;
							padding-bottom:      3;
						}
.topmenux			{	border-bottom:			2px solid #000000;
							padding-bottom:		1;
						}
a.topmenuy			{	border-bottom:			2px solid #ff0000;
							padding-bottom:		1;
							text-decoration:		none; 
						}

a:link.topmenu 	{  text-decoration:		none; 
							padding-bottom:      3;
						}
a:visited.topmenu {  text-decoration:		none; 
							padding-bottom:      3;
						}
a:hover.topmenu	{  text-decoration:		none; 
                     border-bottom:       2px solid #ff0000;
							padding-bottom:      1;
						}
a:active.topmenu	{  text-decoration:		none; 
                     border-bottom:       2px solid #ff0000;
							padding-bottom:      1;
						}

a:link.topmenua 	{  text-decoration:		none; 
							color:				   #0000ff;
							padding-bottom:      3;
						}
a:visited.topmenua{  text-decoration:		none; 
							color:				   #0000ff;
							padding-bottom:      3;
						}
a:hover.topmenua	{  text-decoration:		none; 
							color:				   #0000ff;
                     border-bottom:       2px solid #0000ff;
							padding-bottom:      1;
						}
a:active.topmenua	{  text-decoration:		none; 
							color:				   #0000ff;
                     border-bottom:       2px solid #0000ff;
							padding-bottom:      1;
						}

/*-------------------------------------------------------------------*/
        
.middlecolor		{  text-align:				left; 
							width:               870;
						}
.titlebox			{	vertical-align:   bottom;
							width:				540;
							text-align:			left;
							padding-top:		5;
							padding-bottom:	5;
						}
.title				{	font-family:      HEADB;
  							font-size:			28px;
                     line-height:      41px;
						}
.subtitle         {  font-family:      HEAD;
  							font-size:			28px;
                     line-height:      39px;
							color:				#666666;
                  } 
.artitle				{	font-family:      HEADB;
  							font-size:			28px;
                     line-height:      41px;
						}
.subartitle			{	font-family:      HEAD;
  							font-size:			28px;
                     line-height:      41px;
						}
.bookname			{	font-family:		HEADB;
							font-size:			25px;
							line-height:		30px; 
							text-align:			left;
							width:				480;
							vertical-align:   bottom;

						}
.chapname			{	font-family:      HEADB;
							font-size:        25px;
							line-height:		30px; 
							width:				480;
							vertical-align:   bottom;
						}
.sectdesc			{	font-family:      Arial Narrow, HEAD;
							font-size:        25px;
							line-height:		30px; 
							font-weight:      bold;
							padding-top:		12;
							padding-bottom:   24;
						}

.chapverse			{	font-family:      HEAD;
							font-size:        25px; 
							line-height:		28px; 
						}

/*-------------------------------------------------------------------*/

.nametable			{	width:				600; 
                     padding-left:     20;
				      }
.searchtable		{	width:		      600; 
							margin-top:       0;
							margin-bottom:    8;
			         }
.searchbox			{	padding-bottom:   0;
							padding-top:		0;
							width:				600;
							font-size:			1px;
                     text-align:       left;
							vertical-align:	bottom;
						}
.searchresults		{  width:            600;
					      vertical-align:   top;
					      margin-top:			20;
					      margin-bottom:		0;
				      }
.devotable			{	width:            100%;
							padding-top:      10;
							vertical-align:	top;
						} 
						
/*-------------------------------------------------------------------*/

.ulred				{	margin:				0;
							padding:				0;
							padding-left:		17;
							color:				#CC0000;
						}

/*-------------------------------------------------------------------*/
            
.imglink          {	
                     display:				block;
                     float:				left; 
/*							border:				1px solid #666666;	 */
                  }
.imgborder        {	
                     display:				block;
                     float:				left; 
							border:				1px solid #666666;	 
                  }
a:visited.imglink {	/*border:				1px solid #666666; */ } 
a:link.imglink    {	/*border:				1px solid #666666; */ } 
a:hover.imglink   {	/*border:				1px solid #666666; */ } 
a:active.imglink  {	/*border:				1px solid #666666; */ } 

.border           {	border:				1px solid #666666;
                  }

/*-------------------------------------------------------------------*/

.large            {  font-family:      Times New Roman;
                     font-size:        21px; 
                     line-height:      28px; 
                     text-align:       left;
                  } 
.mediumlarge      {  font-family:      Times New Roman;
                     font-size:        18px; 
                     line-height:      24px; 
                     text-align:       left;
                  } 
.medium           {  font-family:      Times New Roman;
                     font-size:        16px; 
                     line-height:      21px; 
                     text-align:       left;
                  } 
.label            {  font-family:      arial, helvetica;
                     font-size:        16px; 
                     line-height:      21px; 
                     text-align:       left;
                  } 
.smalltext			{  font-family:      Times New Roman;
							font-size:			15px;
							line-height:      20px;
                     text-align:       left;
						}
.minitext         {  font-family:      Times New Roman;
                     font-size:			13px;
                     line-height:		16px;
                     text-align:       left;
                     margin-bottom:    6;
                  } 
.tiny             {  font-family:      Times New Roman;
                     font-size:			16px;
                     line-height:		20px;
                     margin:           0;
                  } 

/* Bible book names */

.b, a.b				{  font-family:		HEADC;
                     font-size:			18px;
                     line-height:		24px;
						} 
a.b		         {  width:				100%;
                     text-align:			left;
                     display:				block;
						} 
a:link.b				{	text-decoration: none;      color: #000000; background: transparent; }
a:visited.b			{	text-decoration: none;      color: #000000; background: transparent; }
a:hover.b			{	text-decoration: underline; color: #000000; background: #ffff66;     }
a:active.b			{	text-decoration: underline; color: #000000; background: #ffff66;     }

/* Index words */

.i, a.i				{  font-family:		HEADC;
                     font-size:			17px;
                     line-height:		24px;
						} 
a.i		         {  width:				150;
                     text-align:			left;
                     display:				block;
						} 
a:link.i				{	text-decoration: none;      color: #000000; background: transparent; }
a:visited.i			{	text-decoration: none;      color: #000000; background: transparent; }
a:hover.i			{	text-decoration: underline; color: #000000; background: #ffff66;     }
a:active.i			{	text-decoration: underline; color: #000000; background: #ffff66;     }

/*-------------------------------------------------------------------*/

.section          {	font-family:			HEADB;
							font-size:				19px; 
							line-height:			26px;
							text-align:				left;
							margin-top:				10;
							margin-bottom:       0;
						}
						
.olinks				{	font-family:			HEAD;
							font-size:				18px; 
							line-height:			25px;
						}
					
/*-------------------------------------------------------------------*/

.desc			      {	font-family:		   TEXTI;
				      	font-size:			   22px;
				      	line-height:		   30px; 
				      	text-align:			   left;   
							margin-top:          11;
							margin-bottom:       -2;
                  } 
.vn					{  font-family:			HEADB;
							font-size:				21px;
							color:					#ff0000;
						}
a:link.vn			{	text-decoration: none;      color: #ff0000;  }
a:visited.vn		{	text-decoration: none;      color: #ff0000;  }
a:hover.vn			{	text-decoration: underline; color: #ffffff; background: #cc0000; }
a:active.vn			{	text-decoration: underline; color: #ffffff; background: #cc0000; }

p,						
.note,				
.latin,				
.verse,				
.word 				
						{  font-family:		   Times New Roman;
				      	font-size:			   21px;
						   line-height:			28px; 
							text-align:				justify;
							margin-bottom:			20;
                  } 
u						{  font-weight:			bold;
							font-style:				italic;
							text-decoration:		underline;
						}

.note             {  font-style:				italic;
						   line-height:			27px; 
							padding-left:        30; 
                  }
.latin            {	font-style:				italic;
						   line-height:			27px;  
		            }
.k888 				{	font-family:			HEAD;
							font-size:				25px;
							line-height:			29px; 
							text-align:				center;
							margin-bottom:			0;
						}
.k999 				{	font-family:			HEADB;
							font-size:				25px;
							line-height:			29px; 
						}

/*-------------------------------------------------------------------*/

.verse            {  line-height:		   28px; 
                  }
.word					{  font-weight:			bold;
						   line-height:			28px; 
							font-style:				italic;
							text-decoration:		underline;
							background:				#f3ffbb; 
						}
.rank					{  font-family:			Arial Narrow, trebuchet ms;
						   font-size:				18px; 
						   line-height:			28px; 
							font-weight:			normal;
						   width:					38;
							padding-top:			1;
						   vertical-align:		top;  
						   text-align:				right; 
						   padding-right:			10; 
						}
.notjust				{	text-align:				left;
						}
.nomar            {  margin:              0;
                  }	

/* Article text fonts */

.artext,
.artexti,
.artextb,
.artextbr,
.artextbi,
.artexth
						{	font-family:			Times New Roman;
				      	font-size:			   21px;
						   line-height:			28px; 
                     margin-bottom:       20;
						}
.artexti          {  line-height:		   27px;
							font-style:				italic;
						}
.artextb 		   {	font-weight:			bold;
						}
.artextbr	      {	font-weight:			bold;
                     color:					#dd0000;
						}
.artextbi	      {	font-weight:			bold;
							font-style:				italic;
						}
.artexth 		   {	font-family:			HEADB;
						}

/* Catechism of the Bible */

.contents 		   {	font-family:			HEADB;
							font-size:				20px;
							line-height:			28px;
						   text-align:				left;
							margin-bottom:			25;
                  }
.question 		   {	font-family:			HEADB;
							font-size:				20px;
						   line-height:			23px; 
						   text-align:				left;
							margin-bottom:			-15;
                  }
.answer           {  font-family:			Times New Roman;
				      	font-size:			   21px;
						   line-height:			27px; 
						   text-align:				left;
                     margin-bottom:			23;
						}

.highlight			{  background:				#f3ffbb;
						}

.w250			      {  width:               250;
							font-style:				italic;
				      }				
.it               {  font-style:			   italic; 
                  } 
.author				{	padding-bottom:      10;
                     padding-top:         3;
						}
.authortext       {  font-family:         Times New Roman;
                     font-size:           19px;
                     line-height:         23px;
                     margin-bottom:       18;
                  }
.toptable			{	width:					600; 
							vertical-align:		top;
							margin-top:          3;
							margin-bottom:       0;
						}
.texttable			{	width:					600; 
							vertical-align:		top;
							text-align:				left;
						}
						
.article				{	padding-top:		0;
							padding-left:		0; 
							padding-bottom:   20;
							vertical-align:	top;
							text-align:			left;
							width:				600;
						}
.booknametable    {  margin-top:       0;
							margin-bottom:    6;
							width:            600;
						}
.prev					{	font-family:		HEAD;
							font-size:			18px; 
							line-height:		19px;
							color:				#666666; 
                     padding-bottom:   3;
                     width:            60;
							vertical-align:   bottom;
						}
.next					{	font-family:		HEAD;
							font-size:			18px; 
							line-height:		19px;
							color:				#666666; 
                     padding-bottom:   3;
                     text-align:       left;
							vertical-align:   bottom;
						}
.chapnumtable		{	width:				600;
							margin-top:       13;
							margin-bottom:    13;
						}
.form					{	font-family:      arial, helvetica;
							font-size:        17px;
							line-height:      23px;
						}                    
.input            {	font-family:      Times New Roman;
							font-size:        19px; 
							line-height:      23px;
							padding-left:     5;
							padding-bottom:   3;
							height:           30;
                     width:            440;
							background:       #ffffff;
							border:           1px solid #666666;
						}

.input2, .input3  {	font-family:      Times New Roman;
							font-size:        19px; 
							line-height:      23px;
							padding-left:     5;
							padding-bottom:   2;
							height:           30;
							background:       #ffffff;
							border:           1px solid #666666;
						}
.input2           {  height:           23;
                     width:            38;
                  }
.input3           {  height:           23;
                     width:            268;
                  }
.textbox				{	font-family:      Times New Roman;
							font-size:        17px; 
							line-height:      23px;
							padding-top:      5;
							padding-left:     8;
                     width:            598;
							background:       #ffffff;
							border:           1px solid #666666;
						}
.msgtext  			{	font-family:      Times New Roman;
							font-size:        19px; 
							line-height:      23px;
							padding-top:      5;
							padding-left:     8;
                     width:            548;
							background:       #ffffff;
							border:           1px solid #666666;
						}
						
/*-------------------------------------------------------------------*/
                  /* search form */
.search           {  font-family:    Times New Roman;
                     padding:        0;
                     margin:         0;
                  }
                  
.button           {	font-family:		Times New Roman;
			   			font-size:			17px;
							line-height:      22px;
			   			padding-left:     3;
                     padding-bottom:   2;
			   			text-align:       center;
							cursor:           hand;
  							background:       #dfdfdf;  
							color:            #000000;
  							border:           1px solid #666666;   
                     width:				69;
							height:           33;
							margin-bottom:		1;
                  }
.button:hover     {  background-color: #ffdd00; 
							cursor:           hand;
                  }
                  /* Report Error button */
.button2          {	font-family:		Times New Roman;
			   			font-size:			17px;
							line-height:      22px;
			   			padding-left:     4;
			   			padding-bottom:   0;
			   			text-align:       center;
							cursor:           pointer;
							cursor:           hand;
  							background:       #E3DE6F;    
  							border:           1px solid #666666;   
                     width:            170;
                     height:           25;
                     padding-bottom:   1;
                  }  
.button2:hover    {  background-color: #ffff66; 
							cursor:           hand;
                  }
                  /* Search query box */
.query			   {	font-family:		Times New Roman;
					   	font-size:			21px; 
					   	line-height:		23px; 
					   	height:				33; 
					   	width:				564;
					   	vertical-align:	top;
					   	padding-left:		6; 
			   			padding-bottom:   1;
                     margin-right:     1;
					   	border:				1px solid #666666;   
					   }
.radiobox			{	width:				595;
							text-align:       left;
							height:           33;
							background:			#dfdfdf;
							border:           1px solid #ffffff;
						}
.radio,
.radio2				{	font-family:		arial, helvetica;
							font-size:			15px;
							line-height:      12px;
							text-align:			right;
							width:				130;
							padding-left:     20;
							padding-bottom:   0;
						}
.radio2				{  width:				70;
						}

/*-------------------------------------------------------------------*/

.bookphoto			{  padding-top:		5;
							text-align:       left;
							padding-bottom:   2;
						}
.OT1,
.OT2, 
.NT               {  padding-top:      0;
						}

.AP			      {	font-family:			arial, helvetica;
				      	font-size:				15px; 
				      	line-height:      	20px;
				      	padding-top:     	   15;
							padding-bottom:      10;					
				      	color:            	#000000;
				      	text-align:				left;
				      	vertical-align:      bottom;
				      } 
.books0		      {	text-align:          left;
                     padding-top:         20;
				      }
.books1		      {	width:					133;					  /* 128 */	
				      	text-align:          left;
                     padding-top:         18;
				      }
.books2		      {	padding-left:   		4;                  /* 108 */
							width:					104;	
							text-align:          left;
                     padding-top:         18;
				      }
.books3		      {	padding-left:     	10;                 /* 133 */
				      	width:					119;          		
							text-align:          left;
				      	border-left:      	1px solid #666666;
				      }
.books4		      {	padding-left:     	3;                  /*  98 */
				      	width:					90;          		
				      	text-align:          left;
				      }
.books5		      {  padding-left:     	10;                 /* 133 */
				      	width:               125;
							text-align:          left;
				      	border-left:      	1px solid #666666;
							padding-right:       0;
				      }

.ast			      {	color:					#ff0000;
					   }

/*-------------------------------------------------------------------*/

.bottomtable		{	width:				870; 
                     padding-left:     20;
                     padding-right:    20;
				         vertical-align:   middle;
							text-align:			left;
                     background:       #ffffff;
			         }		

.copyrightbox		{	font-family:		arial, helvetica;
							font-size:			15px;  
							line-height:		20px;
							padding-top:		20;
							width:            600;
						}					  
.copyright			{  text-align:       left;
						}

.bottombar			{	width:				600; 
                     padding-left:     20;
							height:           35;
			         }
.bottomspace		{	width:				870; 
							height:           1000;
			         }

/*-------------------------------------------------------------------*/

.report     {  font-family:  Times New Roman;
               font-size:    16px;
               line-height:  23px;
            }                        

            /* for index search results */      
.words      {  vertical-align:   top; 
               width:            150; 
               text-align:       left; 
            }

/*----------------------------------------------------------------------------*/

.searchlinks	{  width:            600;
                  padding-left:     20;
				      vertical-align:   top;
				      margin-top:			10;
				      margin-bottom:		0;
				   }
            /* page numbers for search results */
.pagenumb   {  text-align:       right;
               width:            30;
            }
            /* for rank and percentage in search results */
.rowht      {  height:           20px;
               vertical-align:   top;
            }

.articles_left		{ padding-top: 17;
						}

.articles_right	{ padding-top: 17;
						}

.chapnum				{  font-family:			Arial Narrow;
							font-size:				18px; 
							line-height:			30px; 
							border-radius:       7px;
                     height:              32;
							width:               28;
							padding-right:			1;
							margin-left:         1;
							margin-right:        0;
							margin-bottom:       2;
                     text-align:          center;
						   color:					#000000;
                     background:          #ffdd00;
							display:             block;
						}
a:link.chapnum 	{  color:					#000000;
							text-decoration:		none; 
                     background:          #dfdfdf;
						}
a:visited.chapnum {  color:					#000000;
							text-decoration:		none; 
                     background:          #dfdfdf;
						}
a:hover.chapnum	{  color:					#000000;
							text-decoration:		none; 
                     background:          #ffdd00;
						}
a:active.chapnum	{  color:					#000000;
							text-decoration:		none; 
                     background:          #dfdfdf;
						}
.sidelinks  		{	vertical-align:      bottom;
							padding-bottom:		5;
						}

.booktitle			{  font-family:			HEADB;
							font-size:				22px;
							line-height:			26px;
						}

.videotitle			{  font-family:			HEADB;
							font-size:				19px;
							line-height:			21px;
						}

.bookimg			{	padding-top:				6;
							width:					200;
						}
.videoimg			{	padding-top:         3;
							width:					200;
						}
.videocomments		{ 	font-family:			HEAD;
							font-size:				16px; 
							line-height:			22px;
							padding-top:         3;
							vertical-align:		top;
							text-align:				left;
							padding-left:			10;
						}

.photo				{  text-align:				center;
							padding-top:			10;
						}