/* ==================================================================================================================*/
/*  11 June 2008                               byz_divna38.css                                                       */
/* ==================================================================================================================*/

HTML {
	SCROLLBAR-TRACK-COLOR: #285C85;
	SCROLLBAR-FACE-COLOR: #286D96;
	SCROLLBAR-HIGHLIGHT-COLOR: #999999;
	SCROLLBAR-ARROW-COLOR: #999999;
	SCROLLBAR-SHADOW-COLOR: #999999;
	SCROLLBAR-3DLIGHT-COLOR: #333333;
	SCROLLBAR-DARKSHADOW-COLOR: #285C85;
	}

/*****************************************************************************************

		    .offset_divna_box1		.offset_divna_box2	   .offset_divna_box3

		    ==================		==================	   ==================

			  div.divna_box1			    div.box5		 div.divna_box7
			Divna pic & text			   img 03487			  Welcome

			  div.divna_box2			    div.box5		 div.divna_box4
			 	 Mary text			   img 03486			Divna Bio

			  div.divna_box3			     div.bo5		 div.divna_box5
				     Chant			   img 03418			Interview


					divna_box4 houses IconsExplained footnote

*****************************************************************************************/

	/* From hereon down the boxes shown are the ones housed in the LEFT (offset) column */

	span.ita { 
		font-style: italic; 
		font-weight: bold;
		color: gold; 
		}

	span.ita2 { 
		font-size: 12px;
		font-style: italic; 
		font-weight: bold;
		color: gold; 
		}

	span.gold { 
		font-size: 12px;
		font-weight: bold;
		color: gold; 
		}

	span.bold { 
		font-size: 12px;
		font-weight: bold;
		}

	/* divna_box1 houses a 316x320px image of Divna, and 4 lines of text from her Interview with ...? */
	div.divna_box1 {
		position: relative;
		margin-left: 0px;							/* 200 */
		margin-top: 20px;
		width: 316px;
		/*height: ..px;*/
		font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: white;
		line-height: 14px;
		padding-top: 5px;
		padding-right: 3px;
		padding-bottom: 8px;
		padding-left: 3px;
		border: solid white 1px;
		background-color: ;						/* lightblue */
		}

	/* divna_box2 houses Mary's text */
	div.divna_box2 {
		position: relative;
		margin-left: 0px;							/* 200 */
		margin-top: 15px;
		width: 316px;
		/*height: ..px;*/
		font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: white;
		line-height: 14px;
		padding-top: 5px;
		padding-right: 3px;
		padding-bottom: 8px;
		padding-left: 3px;
		border: solid white 1px;
		background-color: ;						/* navy */
		}

	/* divna_box3 houses title of embedded music: 'Today Salvation has come!' */
	div.divna_box3 {
		position: relative;
		margin-left: 0px;							/* 200 */
		margin-top: 15px;
		width: 316px;
		/*height: ..px;*/
		font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: white;
		line-height: 14px;
		padding-top: 7px;
		padding-right: 3px;
		padding-bottom: 8px;
		padding-left: 3px;
		border: solid white 2px;						/* #999999 */	
		background-color: #202C48;					/* yellow */
		}

	/* span.divna houses Music Start */
	span.divna_start {
		font-family: tahoma;
		font-size: 10px;
		font-weight: bold;
		color: #009900;
		line-height: 12px;
		padding: 0px;
		border: solid white 1px;
		background-color: lightblue;
		}

	/* span.divna houses Music Stop */
	span.divna_stop {
		font-family: tahoma;
		font-size: 10px;
		font-weight: bold;
		color: #FF0000;
		line-height: 12px;
		padding: 0px;
		border: solid white 1px;
		background-color: lightblue;
		}

	/* End of boxes in left column */



	/* From hereon down the boxes shown are the ones housed in the CENTER (offset) column */

	div.box5 {					/* column 2, images */
		position: relative;
		width: 82px;
		text-align: center;
		margin-top: 3px;
		margin-right: 3px;		/* margin-right was added */
		margin-bottom: 0px;
		margin-left: 23px;		/* 23  4  6  10 */
		padding: 4px;
		border: solid gold 1px;		/* #285c85  #ba0000  #003C56  #F0BC28 */
		font-size: 11px;
		line-height: 9px;
		background-color: ;		/* #efdcb0  #003C56  #285C85  #F0BC28  gold */
		}




	/* From hereon down the boxes shown are the ones housed in the RIGHT (offset) column */

	/* divna_box7 houses a WORD OF WELCOME to Divna and Melodi */
	div.divna_box7 {
		position: relative;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -40px;		/* -36 -38 */
		margin-left: 0px;
		margin-text: left;
		width: 420px;
		/*height: 80px;*/
		line-height: 14px;
		font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: white;
		padding: 3px;
		border: solid white 2px;
		background-color: #202C48;						/* lightgreen  #202C48 */
		}




	/* divna_box4 houses Divna's biography in [ myframe_bio ] */
	div.divna_box4 {
		position: relative;
		margin-top: 0px;							/* 0 */
		margin-right: 0px;
		margin-bottom: 2px;		/* 0 */
		margin-left: 0px;							/* 200 */
		width: 410px;
		height: 202px;			/* 193 */
		border: solid #285C85 3px;
		background-color: ;						/* green */
		}
	/* divna_box4a makes a border around iFrame (wih bio) contained in [ divna_box4 ] */
	div.divna_box4a {
		position: relative;
		margin-top: 55px;							/**  100  **/
		margin-right: 0px;
		margin-bottom: 2px;		/* 0 */
		margin-left: 0px;							/* 200 */
		width: 426px;								/* 414 */
		height: 248px;			/* 239  204 */
		border: solid white 1px;
		background-color: ;						/* orange */
		}



	/* divna_box5 houses Interview with Divna in [ myframe ] */
	div.divna_box5 {
		position: relative;
		margin-top: 0px;							/* 100 */
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;							/* 200 */
		width: 410px;
		height: 202px;
		border: solid #285C85 3px;
		background-color: ;						/* orange */
		}
	/* divna_box5a makes a border around iFrame contained in [ divna_box5 ] */
	div.divna_box5a {
		position: relative;
		margin-top: 15px;							/* 100 */
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;							/* 200 */
		width: 426px;								/* 414 */
		height: 248px;								/* 204 */
		border: solid white 1px;
		background-color: ;						/* purple */
		}

	/* End of right column */




   /******************************************************************************/
   /* THE 3 OFFSET BOXES FOR THE 3 COLUMNS                                       */
   /******************************************************************************/
   /* offset_divna_boxes 1 and 2 are 2 columns of boxes, one left, and one right */
   /* together they hold all information of [ byz_divna36.htm ] page             */
   /******************************************************************************/

	.offset_divna_box1, .offset_divna_box2, .offset_divna_box3 {
		position: relative;
		color: ;
		}

	/* Divna's Photo and boxes underneath */
	.offset_divna_box1 {		
		position: relative;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: -648px;			/** -638 **/
		margin-left: 30px;			/* 70 */
		width: 325px;				/* 325 */
		/*height: ..px;*/
		/*font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: white;
		line-height: 14px;
		padding: 3px;*/
		/*margin-text: center;*/
		border: dashed red 0px;
		background-color: ;			/* lightgreen */
		}

	/* Center column box2 with icon image thumbnails */
	.offset_divna_box2 {
		position: relative;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -651px;			/* -660 */
		margin-left: 369px;			/* 450 */
		width: 145px;				/* 450 */
		height: 660px;				/* 663 */
		/*font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: white;
		line-height: 14px;
		padding: 3px;*/
		/*margin-text: center;*/
		border: solid white 0px;
		background-color: ;			/* gold */
		}

	/* Divna's Bio and Interview */
	.offset_divna_box3 {
		position: relative;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 522px;			/* 450 */
		width: 428px;				/* 450 */
		height: 663px;				/* 663 */
		/*font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: white;
		line-height: 14px;
		padding: 3px;*/
		/*margin-text: center;*/
		border: dashed yellow 0px;
		background-color: ;			/* red */
		}



	/* position: relative;  margin-left: 165px;  235  margin-top: -490px; */

	/* divna_box6 houses IconsExplained Footnotes */
	div.divna_box6 {
		position: absolute;
		top: 750px;				/* 730 */
		left: 530px;			/*  60 */
		width: 420px;			/* 840 */
		font-family: tahoma;
		font-size: 10px;
		font-weight: normal;
		color: #cccccc;
		line-height: 14px;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		border: solid white 0px;
		background-color: ;		/* #286D96  #285F85  #286D85  #285C85  purple */
		}

	/* divna_box6a houses Separate Phrase in IconsExplained footnote */
	div.divna_box6a {
		position: relative;
		top: 0px;
		left: 0px;
		width: 440px;			/* 460 (2 lines) 920 (1 line)  */
		font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: #ffffff;
		line-height: 14px;
		padding: 5px;
		border: solid #ba0000 0px;
		background-color: ;		/* #287385  #285F85  #286D85  #285C85  purple */
		}

	/*--+===============================================================================================+--*/
	/* The following code relates to the insertion of the Icons Explained Logo and explanation of the site */
	/*--+===============================================================================================+--*/

	/* overall_box1 houses the IconsExplained Information stuff */
	div.overall_box1 {
		position: relative;
		width: 370px;
		margin-top: 13px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 30px;
		padding: 5px;
		padding-bottom: 0px;
		font-family: verdana; 
		font-size: 11px; 
		color: #FFFFFF;  
		font-weight: normal; 
		font-style: normal; 
		line-height: 15px;
		background-color: ;				/* #202C48  #285C85  #286D96 */
		border: solid gold 0px;
		}

	.offset_box1, .offset_box2, .offset_box3 {
		position: relative;
		color: ;
		}

	/* offset_box1 houses the iex Logo (image) (221x85) - to be placed in box1 to the left */
	.offset_box1 {		
		position: relative;
		margin-top: -3px;
		margin-right: 0px;
		margin-bottom: -90px;			/** -98 **/
		margin-left: -3px;				/* 70 */
		width: 223px;						/* 325 */
		height: 92px;
		font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: white;
		line-height: 14px;
		padding: 3px;
		/*margin-text: center;*/
		border: dashed red 0px;
		background-color: ;			/* #202C48  lightgreen */
		}

	/* offset_box2 houses the start of the text */
	.offset_box2 {		
		position: relative;
		margin-top: -8px;
		margin-right: 0px;
		margin-bottom: 0px;			/** - 629  -683  -729  -665  -695 **/
		margin-left: 222px;			/* 70 */
		width: 177px;				/* 325 */
		height: 90px;
		font-family: verdana;
		font-size: 11px;
		font-weight: normal;
		color: white;
		line-height: 16px;
		padding: 5px;
		/*margin-text: center;*/
		border: dashed blue 0px;
		background-color: ;			/* #202C48  lightgreen  #285C85 */
		}

	/* box3 houses the balance of the text */
	div.box3 {
		position: relative;
		width: 400px;
		margin-top: -16px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 1px;
		padding: 5px;
		padding-bottom: 0px;
		font-family: verdana; 
		font-size: 11px; 
		color: #FFFFFF;  
		font-weight: normal; 
		font-style: normal; 
		line-height: 16px;
		background-color: ;				/* #202C48  #285C85  lightblue */
		border: solid gold 0px;
		}