/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* 14 November 2006. Styles_idb4c_one_page.css (this page) goes with Index_imagebase_@one_page with menu3_cm4.js */
/*  Updated : 13 May 2010  Added div.box_menu , 1-6  (position: absolute)                                        */
/*                                                                                                               */
/*                                                                                                               */
/*  17 November 2007                   Renamed: styles_idb4c_one_page_2007.css (this page)                       */
/*                                        into: iec_idb4c_@one.css                                               */
/*  <!--[if IE 6]> <link rel="stylesheet" href="ie6_idb4c_@one.css" type="text/css"/> <![endif]-->               */
/*  <!--[if IE 7]> <link rel="stylesheet" href="ie7_idb4c_@one.css" type="text/css"/> <![endif]-->               */
/*                                                                                                               */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



tr {
	background: window; }

td {	
	color: windowtext; font: menu; padding: 1px; padding-left: 5px; padding-right: 5px; }

table {
	border-top: 1px solid buttonshadow;
		border-left: 1px solid buttonshadow;
		border-right: 1px solid buttonhighlight;
		border-bottom: 1px solid buttonhighlight;
		margin: 20px; 
		}

thead td {
	background: buttonface; font: menu; border: 1px outset white; /* white */
		cursor: default; padding-top: 0; padding: bottom: 0;
		border-top: 3px solid buttonhighlight;
		border-left: 3px solid buttonhighlight;
		border-right: 3px solid buttonshadow;
		border-bottom: 3px solid buttonshadow;
		height: 16px; }

thead .arrow {
	font-family: webdings; color: red; padding: 0; font-size: 10px;
		height: 11px; width: 10px; overflow: hidden;
		margin-bottom: 2; margin-top: -3; padding: 0; padding-top: 0; padding-bottom: 2;}

	/*nice vertical positioning :-) */

	span.black {				//Color codes only 
		color: #000000; 
		}

	div.black {				//Color codes only 
		color: #000000; 
		}

	div.box660 {
		position: relative; 
		width: 600px;
		background-color: black;
		border: solid gold 2px;
		}

	div.box661 {
		position: relative; 
		width: 40px;
		background-color: black;
		border: solid purple 0px;
		}

	div.box662 {
		position: relative; 
		width: 287px;
		background-color: black;
		border: solid purple 0px;
		}

	div.box663 {
		position: relative; 
		width: 150px;
		background-color: black;
		border: solid purple 0px;
		}

	div.box664 {
		position: relative; 
		width: 96px;
		background-color: black;
		border: solid purple 0px;
		}

	div.box665 {
		position: relative; 
		width: 87px;
		background-color: black;
		border: solid purple 0px;
		}

	body {
		background: #590000;
		font-family: Arial, Helvetica, san-serif;
		font-size: 12px;
	   	font-size: 82%;
		color: #FFFFBB; 
		font-weight: normal;
		font-style: normal;
		line-height: 20px;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  
	table {width:665px;}  
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	table {width:600px;}  

	table, th, td {
		background-color: #850000;
		font-family: Arial; 
		font-size: 12px; 
		color: #FFFFFF; 
		border-width: 1px;
		border-color: #850000;	
		padding: 2px;
		line-height: 19px;
		font-style: normal;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px; 
		margin-left: 0px; 	/* 100 */
		}

div.2526 {font-family:Rockwell; color:#FFFFFF; font-size:25px; line-height:26px;}
div.h9 {font-family: Arial; font-size: 12px; color: #FFFFFF; font-weight: normal; font-style: normal; line-height: 16px;}
div.medium {font-family:Tahoma; font-size:11px; color:#FFFFFF; background-color:#FFFFF2;}
div.lineh {font-family:arial; font-size:12px; color:white; line-height:16px;}
div.size {font-size:11px; color:white;}
div.sub3   {font-size:10px; color:white; line-height:11px;}
div.title3 {font-size: 13px; color: #FFFFFF; line-height: 17px;}
div.title4 {color: #FF00FF; font-size: 12px; line-height: 15px;}
div.title5 {font-family:Rockwell; color:gold; font-size:15px; font-weight:bold; line-height:20px;}
div.title6 {font-size: 12px; color: #FFFFFF; line-height: 15px;}
div.titlex {font-family:Arial; color:gold; font-size:18px; font-weight:normal; line-height:20px;}
div.titlex {font-family:Rockwell; color:gold; font-size:19px; font-weight:normal; line-height:20px;}

span.2526 {font-family:Rockwell; color:#FFFFFF; font-size:25px; line-height:26px;}
span.beige11 {color:#FFFFEA; font-size:12px; line-height: 16px;}
span.bgcol1 {font-family:Arial; font-size:12px; color:#000000; font-weight:normal; background-color:gold; line-height:15px;}
span.bgcol2 {font-family:Arial; font-size:12px; color:#FFFFFF; font-weight:normal; background-color:#006600; line-height:15px;}
span.bgcol3 {font-family:Arial; font-size:12px; color:#FFFFFF; font-weight:normal; background-color:#0066FF; line-height:15px;}
span.bgcol4 {font-family:Arial; font-size:12px; color:#FFFFFF; font-weight:normal; background-color:#FF0000; line-height:19px;}

	span.bgcol6a {
		/* font-family:comic sans MS; */
		font-size: 12px; 
		color: #000000; 
		font-weight: normal; 
		background-color:#990000 ; /* #FF0000 */
		line-height:15px;
		}

span.bgcol5 {font-family:comic; font-size:12px; color:#FFFFFF; font-weight:normal; background-color:#0000FF; line-height:19px;}

span.bold {font-weight:bold;}
span.clr {color:#FFFFFF;}
span.copdate {font-size:10px; color:#CBB778;} 
span.goldx {color: #CBB778;} 
span.h9 {font-family: Arial; font-size: 12px; color: #FFFFFF; font-weight: normal; font-style: normal; line-height: 16px;}
span.h10 {font-family: Arial; font-size: 15px; color: #FFFFFF; font-weight: normal; font-style: normal; line-height: 22px;}
span.howto  {font-family:Arial; font-size:13px; color:#FFFF00; font-weight:normal; line-height:25px;}
span.howto2 {font-family:Arial; font-size:12px; color:#FFFFFF; font-weight:normal; font-style:normal; line-height:18px;}
span.howto3 {font-family:Arial; font-size:11px; color:gold; font-weight:normal; font-style:normal; line-height:14px;}
span.message {font-size: 11px; color: gold; font-weight: normal; line-height: 12px;}
span.new {font-size:15px; color:#FFFF00; font-weight:bold; font-style:italic;}
span.new2 {color:yellow; font-weight:bold; font-style:italic;}
	span.reduced_size {
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		}
span.rit {font-family: Arial; font-size: 11px; color: #FFFFFF; font-weight: normal; font-style: normal; line-height: 11px;}
span.sadvert {font-family:arial; font-size:11px; color:#000000; line-height:14px;}
span.sclr {color:#0000FF;}
span.sclr2 {color:#000000;}
span.size {font-size:11px; color:white;}
span.size11 {font-size:11px; color:white;}
span.size12 {font-size:12px;}
span.sm {font-size: 11px; line-height: 12px;}
span.sm2 {font-size:11px; line-height:12px; background-color:gold; color:red;}
span.sm3 {color:blue; font-weight:bold;}
span.sm4 {font-size:12px; line-height:14px; background-color:gold; color:red;}
span.sm5 {background-color:#982425;}
span.smallfont {font-size:8px;}
span.special  {font-family: Arial; font-size: 15px; font-weight: bold; font-style: normal; color: #FF00FF; line-height: 22px;}
span.special2 {font-family: Arial; font-size: 14px; font-weight: bold; font-style: normal; color: #FF00FF; line-height: 18px;}
span.specialx {font-size: 12px; color: yellow; font-weight: bold;}
span.sub3   {font-size:10px; color:white; line-height:11px}
span.taho  {font-family:tahoma; font-size:13px;}
span.title1 {font-family:Rockwell; color:#FFFFFF; font-size:16px; line-height:16px; font-weight:bold;}
span.title3 {font-size: 13px; color: #FFFFFF; line-height: 17px;}
span.title4 {color: #FF00FF; font-size: 12px; line-height: 13px;}
span.white11 {color:#FFFFFF; font-size:12px; line-height: 16px;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	/* divbox and offset_gboxes for 'Contemporary Icons' page with menu3_cm4.js */

	div.box02 {
		width: 440px;
		margin-top: 3px;
		margin-bottom: 0px;
		margin-left: 1px;
		padding: 10px;
		/* border: dashed cyan 3px; */
		border: solid gold 1px;
		background-color: #850000;				/* #790000  #E0C488  #F8E0A8 */
		}

	div.box1 {				/* box1 (replaces box4c2) - Index-Imagebase All-in-One Pg */
		width: 300px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 15px;
		margin-top: 5px;			/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;			/* -15 */
		margin-left: 0px;
		padding: 10px;
		border: solid gold 2px;
		background-color: #FFFFEA;
		}

	div.box2 {				/* box2 (replaces box4c4) - iconboards.com and Xenia adverts on All-in-One Pg */
		width: 245px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 14px;
		margin-top: 13px;			/* -17 */
		margin-right: 0px;
		margin-bottom: -10px;		/* -15 */
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid gold 2px;
		background-color: #FFFFEA;
		}

	div.box3 {				/* box3 (replaces box4c3) - Webmaster message on All-in-One Pg */
		width: 245px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 14px;
		margin-top: 0px;			/* 0 -17 */
		margin-right: 0px;
		margin-bottom: -15px;		/* -15 */
		margin-left: -45px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		/* border: solid gold 1px; */
		background-color: #850000;
		}

	div.box4c3 {				/* box4c3 - Index-Imagebase Entry Pg. Webmaster message. */
		width: 245px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 14px;
		margin-top: 0px;			/* -17 */
		margin-right: 0px;
		margin-bottom: 5px;		/* -15 */
		margin-left: -5px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		/* border: solid gold 1px; */
		background-color: #850000;
		}

	div.box5 {				/* box5 - houses text Index-Imagebase All-in-One page opening screen */
		width: 300px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 15px;
		margin-top: 0px;			/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;		/* -15 */
		margin-left: 0px;
		padding: 10px;
		/* border: solid gold 2px; */
		background-color: #590000;
		}

	div.box6 {				/* divbox6 houses Explanations for Imgbase, nested inside offset_images_only_box4 */
		width: 720px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 15px;
		margin-top: 0px;			/* -17 */
		margin-right: 30px;
		margin-bottom: 0px;		/* -15 */
		margin-left: -70px;
		padding: 10px;
		border: solid gold 0px;
		/* background-color: #590000; */
		}

	/* divbox7 houses Explanations for Index, nested inside offset_images_only_box2 */
	div.box7 {
		width: 740px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 15px;
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: -100px;	/* -70 */
		padding: 10px;
		border: dashed green 0px;
		/* background-color: #590000; */
		}

	/* divbox7a houses "B. Imagebase" */
	div.box7a {
		width: 753px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 15px;
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;	/* -70 */
		padding: 10px;
		border: solid gold 1px;
		background-color:#982428;
		}

	div.box13a { 			/* box13 provides for empty space between paragraphs) */
		width: 130px;
		margin-left: 42px;
		margin-bottom: 0px; 
		line-height: 4px;
		border: dashed red 0px;
		}

	/* box13x also provides space between paragraphs */
	div.box13x {
		position: relative;
		width: 130px;
		margin-left: 12px;
		margin-bottom: -3px;
		line-height: 6px;
		height: 12px;
		border: dashed red 0px;
		background-color: ;		/* black  cyan */
		}

	div.box17 {			/* Russian Icon Tour, image and border around image. On Index-Imgbase Entry, All-in-One */
		width: 48px; 
		margin-top: 0px; 
		margin-left: 0px; 
		line-height: 9px;
		padding: 0px; 
		border: solid #C83410 2px;	/* #C83410  #CBB778 */
		}

	div.box18 {				/* Russian Icon Tour, Advert - Inner box with message */
		width: 155px; 		/* The (Inner) box is nested inside box 20 */
		margin-top: 0px;  	/* Old method using HTML table */
		margin-left: 0px; 
		padding: 0px; 
		border: dashed #C83410 0px;
		font-size: 11px;
		color: #000000;
		font-weight: normal;
		line-height: 14px;
		background-color: #FFFFF2;
		}

	div.box20 {				/* Russian Icon Tour, Advert - Middle box, with 2 title lines in bold */
		width: 140px; 		/* The (Middle) box is nested inside box 21 */
 		margin-left: 2px; 	/* Old method using HTML table */
		padding: 0px; 
		border: solid #C83410 0px;
		font-size: 12px;
		color: #004D67;
		font-weight: bold;
		line-height: 15px;
		background-color: #FFFFF2;
		}

	div.box21 {				/* Russian Icon Tour, Advert - Outer box enclosure */
		width: 245px; 		/* Note: see offset_imgbox1,2 which are placed inside */
		margin-top: 18px;
		margin-right: 0px; 
		margin-left: 0px; 
		margin-bottom: 13px; 
		padding: 3px; 
		font-size: 12px;
		color: #004D67;
		font-weight: bold;
		line-height: 15px;
		border: solid gold 2px;
		background-color: #FFFFEA;
		}

	div.box21a {			/* Russian Icon Tour, Advert - Outer box enclosure */
		width: 245px; 		/* Note: see offset_imgbox1,2 which are placed inside */
		margin-top: 18px;
		margin-right: 0px; 
		margin-left: 0px; 
		margin-bottom: 13px; 
		padding: 3px; 
		font-size: 12px;
		color: #004D67;
		font-weight: bold;
		line-height: 15px;
		border: solid gold 0px;
		background-color: #590000;
		}

	div.box34 {				/* box34 englobes the 6 offset_gboxes (with menu3_cm4.js) in the Index-Imagebase */
		width: 765px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 10px;
		margin-top: -10px;	/* -17 */
		margin-right: 0px;
		margin-bottom: -15px;	/* -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		/* background-color: #285C85; */
		}

	div.box50 {				/* englobes all tables and boxes from top to bottom */
		width: 800px;		/* on Index-Imgbase Entry page */
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;
		/* line-height: 10px; */
		padding: 0px;
		border: dashed red 0px;
		/* background-color: #285C85; */
		}

	div.box50a {			/* englobes top part from above cm4 menu to below sitemeter */
		width: 600px;		/* on Index-Imgbase Entry page */
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;
		/* line-height: 10px; */
		padding: 0px;
		border: dashed cyan 3px;
		/* background-color: #285C85; */
		}

	div.box51 {				/* Index-Imgbase Entry Pg - Space for IEC adverts */
		width: 260px;		/*  */
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;
		/* line-height: 10px; */
		padding: 0px;
		border: dashed cyan 0px;
		/* background-color: #850000; */
		}

	div.box52 {				/* Index-Imgbase Entry Pg - Space for Google AdSense adverts */
		width: 185px;		/* CSS width overrides HTML width */
		color:blue;
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;
		/* line-height: 10px; */
		padding: 0px;
		border: dashed red 3px;
		background-color: #FFFFFF;
		}

	div.box53 {				/* Index-Imgbase Entry Pg - box53 houses Google adverts */
		width: 160px;		/*  */
		/* color:blue; */
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;
		/* line-height: 10px; */
		padding: 0px;
		border: dashed white 0px;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	div.box190 {					/* Google Search & SiteSearch box */
		width: 110px; 				/* 110 */
		margin-right: 0px; 
		margin-left: -92px; 			/* -100 */
		margin-bottom: -8px; 
		padding: 0px; 
		border: solid #C83410 0px;
		font-size: 12px;
		color: #004D67;
		font-weight: normal;
		line-height: 15px;
		border: dashed red 0px; 
   	      /* background-color: #980000; */
		/* background-color: #FFFFDA; */
		}

	div.box230 {					/* User Guide */
		width: 75px; 
		margin-top: -5px; 
		margin-right: 0px; 
		margin-left: 35px; 
		padding: 0px; 
		border: dashed cyan 0px;
		border: solid gold 1px;
		background-color: #BA0000;
		}

	div.box230a {					/* Advert for Free Listing */
		width: 210px; 
		font-family: Arial;
		font-size: 12px;
		line-height: 14px;
		color: #0000ff;
		padding: 3px; 
		margin-top: 14px; 
		margin-right: 0px; 
		margin-bottom: 0px; 
		margin-left: 0px; 
		border: dashed cyan 0px;
		border: solid red 2px;
		background-color: gold;
		}

	div.box230b {					/* Summary of new and updated Listings */
		width: 250px; 				/*   250px                             */
		font-family: Arial;
		font-size: 12px;
		line-height: 14px;
		color: #0000ff;
		padding: 5px; 
		margin-top: 14px; 
		margin-right: 0px; 
		margin-bottom: 0px; 
		margin-left: 0px; 
		border: dashed cyan 1px;
		/*border: solid white 1px;*/
		background-color: #500000;
		}

	div.box231 {					/* Search box + User Guide */
		width: 200px; 				/* 200 */
		margin-right: 0px; 
		margin-left: 15px; 			/* 15 */
		margin-bottom: 0px; 
		padding: 1px; 				/* 1 */
		border: dashed yellow 0px;
		border: solid gold 1px;
		}

	div.box232 {					/* Google logo */
		width: 80px; 
		margin-right: 0px; 
		margin-left: 0px; 
		padding: px; 
		border: dashed cyan 0px;
		background-color: white;
		}

	div.box233 {					/* box summarizing: new sites, updated sites, partial preview */
		width: 735px; 
		margin-right: 0px; 
		margin-left: 10px; 
		padding: 0px; 
		border: dashed cyan 1px;
		background-color: #500000;
		}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	div.box2007 {
		position: absolute;
		top: 115px;
		left: 73px;
		width: 900px;
		height: 15px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: dashed white 0px;	/* green 3 */
		background-color: ;		/* black */
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* The 6 boxes that follow hold the 6 menu blocks with absolute position (March 2007) */

	div.box_menu1 {
		position: absolute;
		top: 30px;
		left: 73px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_menu2 {
		position: absolute;
		top: 30px;
		left: 183px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_menu3 {
		position: absolute;
		top: 30px;
		left: 293px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_menu4 {
		position: absolute;
		top: 30px;
		left: 403px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_menu5 {
		position: absolute;
		top: 30px;
		left: 513px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_menu6 {
		position: absolute;
		top: 30px;
		left: 623px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

/* The box below -- with position: absolute -- houses the small text at top of page "Page functions best..." */
/* ATTENTION: The below code is overridden by the code on the HTML page */

	div.box_topofpage {
		position: absolute;
		top: 25px;
		left: 60px;
		width: 700px;
		height: 15px;
		font-family: Verdana;
		font-size: 10px;
		color: white;
		font-weight: normal;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		padding: 0px;
		border: solid #ba0000 0px;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     Start offset boxes     xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_cm44_box1, .offset_cm44box2 {
		position: relative;
		color: red;
		}

	.offset_cm44_box1 {		/* OUT OF USE -- offset_cm44_box1 - enclosure of 6 menu blocks */
		left: -139px;		/* 0 */
		top: -10px;
		color: gold;
		width: 980px;		/* 765 */
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed yellow 0px;
		/* background-color: green; */	/* #285C85 */
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_cm55_box1, .offset_cm55box2 {
		position: relative;
		color: red;
		}

	.offset_cm55_box1 {		/* OUT OF USE  --  offset_cm55_box1 - enclosure of 6 menu blocks */
		left: -33px;		/* - 33 -103 */
		top: -13px;
		color: gold;
		width: 600px;		/* 765 */
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;		/* -17 */
		margin-right: -70px;
		margin-bottom: 45px;	/* 15  -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed yellow 0px;
		/* background-color: green; */	/* #285C85 */
		}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_footerbox1, .offset_footerbox2 {
		position: relative;
		color: red;
		}

	.offset_footerbox1 {		/* offset_footerbox1 -  small lettering on Index-Imagebase entry page (idb4c) */
		left: 60px;			/* 0 */
		top: -10px;
		color: gold;
		width: 710px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;	/* -17 */
		margin-right: 0px;
		margin-bottom: -20px;	/* -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		/* background-color: #285C85; */
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_gbox1, .offset_gbox2, .offset_gbox3, .offset_gbox4, .offset_gbox5, .offset_gbox6, .offset_gbox7 {
		position: relative;
		color: red;
		}

	.offset_gbox1 {			/* Index-Image Page (idb4c) - cm4 menu, introductory pages */
		left: -40px;		/* 0 */
		top: 0px;
		color: #FFFFDA;
		width: 89px;		/* 89 */
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 15px;
		margin-right: 0px;	/* 12 */
		margin-bottom: 14px;
		margin-left: 0px;		/* 3 */
		padding: 5px;
		border: solid cyan 0px;
		}

	.offset_gbox2 {			/* Index-Image Page (idb4c) - cm4 menu, medieval icons */
		left: -40px;
		top: 0px;
		color: #FFFFDA;
		width: 89px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 15px;
		margin-right: 0px;	/* 43 */
		margin-bottom: 10px;
		margin-left: 0px;
		padding: 5px;
		border: solid cyan 0px;
		}

	.offset_gbox3 {			/* Index-Image Page (idb4c) - cm4 menu, contemporary icons */
		left: -40px;
		top: 0px;
		color: #FFFFDA;
		width: 89px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 15px;
		margin-right: 0px;	/* 0 */
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid cyan 0px;
		}

	.offset_gbox4 {			/* Index-Image Page (idb4c) - cm4 menu, byzantine icons by subject */
		left: -40px;
		top: 0px;
		color: #FFFFDA;
		width: 89px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 15px;
		margin-right: 0px;	/* 0 */
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid cyan 0px;
		}

	.offset_gbox5 {			/* Index-Image Page (idb4c) - cm4 menu, general references */
		left: -40px;
		top: px;
		color: #FFFFDA;
		width: 89px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 15px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid cyan 0px;
		}

	.offset_gbox6 {			/* Index-Image Page (idb4c) - cm4 menu, miscellaneous pages */
		left: -40px;
		top: 0px;
		color: #FFFFDA;
		width: 89px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 15px;
		margin-right: 0px;	/* 0 */
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid cyan 0px;
		}

	.offset_gbox7 {			/* offset_box7 - Index-Imagebase (1,2,3) - Free listing of website */
		left: -150px;
		top: 0px;
		color: #FFFFFF;
		width: 200px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 12px;
		margin-top: 10px;
		margin-right: 0px;	/* 0 */
		margin-bottom: -50px;
		margin-left: 0px;
		padding: 3px;
		border: dashed cyan 0px;
		border: solid red 0px;
		background-color: #850000;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_header_box1, .offset_header_box2 {
		position: relative;
		color: red;
		}

	.offset_header_box1 {		/* offset_header_box1 -  small lettering on Index-Imagebase Entry Pg (idb4c) */
		left: -18px;		/* 0 */
		top: -30px;			/* -20 */
		color: gold;
		width: 630px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 20px;		/* -17 */
		margin-right: 0px;
		margin-bottom: -2px;	/* 3 -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		/* background-color: #285C85; */
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_header2_box1, .offset_header2_box2 {
		position: relative;
		color: red;
		}

/* offset_header2_box1 -  small lettering on Index-Imagebase Entry Pg (idb4c) */
	.offset_header2_box1 {
		left: -60px;			/* 0 */
		top: -140px;
		color: gold;
		width: 950px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		/* background-color: #285C85; */
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* the 4 boxes below move all four parts to the left and leave a dark band on the left for the floating menu */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_images_only_box1, .offset_images_only_box2, .offset_images_only_box3, .offset_images_only_box4, .offset_images_only_box5 {
		position: relative;
		color: red;
		}

	.offset_images_only_box3 {	/* offset_images_only_box3 - dark band left of the explanatory part of Index */
		left: 0px;				/* 15 -103 */
		top: -13px;
		color: gold;
		width: 320px;			/* 765 */
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;			/* -17 */
		margin-right: 0px;		/* -70 */
		margin-bottom: 15px;		/* -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed white 0px;
		border: solid gold 0px;
		background-color: #850000;	/* #285C85 */
		}

	.offset_images_only_box1 {	/* offset_images_only_box1 - dark bands, one left & one right of Index */
		left: -35px;		/* 200 -108 -78 -103 -158 */
		top: -13px;
		color: gold;
		width: 890px;		/* 795 765 735 */
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;		/* -17 */
		margin-right: -70px;	/* -70 */
		margin-bottom: 15px;	/* -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed red 0px;
		background-color: #850000;	/* #285C85 */
		}

	.offset_images_only_box4 {	/* offset_images_only_box4 - dark band left of the explanatory part of Imagebase */
		left: -45px;		/* -144 */
		top: -13px;
		color: gold;
		width: 570px;		/* 765 */
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;		/* -17 */
		margin-right: -70px;
		margin-bottom: 15px;	/* -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed blue 0px;
		border: solid gold 1px;
		background-color: ;	/* #850000  #285C85 */
		}

	.offset_images_only_box2 {	/* offset_images_only_box2 - dark bands, one left & one right of Imagebase */
		left: -95px;		/* -103 */
		top: -13px;
		color: gold;
		width: 890px;		/* 765 820 */
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;		/* -17 */
		margin-right: -70px;
		margin-bottom: 15px;	/* -15 */
		margin-left: 0px;
		padding: 0px;
		border: dashed yellow 0px;
		background-color: ;	/* #850000  #285C85 */
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_imgbox1, .offset_imgbox2 {
		position: relative;
		color: red;
		}

	.offset_imgbox1 {			/* Russian Icon Tour Advert - text on Index-Imgbase page */
		left: 0px;			/* nested inside divbox21 */
		top: 0px;
		color: gold;
		width: 200px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 13px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -72px;	/* -72 in xp2.css */
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		/* background-color: #285C85; */
		}

	.offset_imgbox2 {			/* Russian Icon Tour Advert - image on Index-Imgbase page */
		left: 182px;		/* nested inside divbox21 */
		top: 0px;
		color: gold;
		width: 45px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		/* background-color: #285C85; */
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.offset_large_box1, .offset_large_box2 {
		position: relative;
		color: ;
		}

/* offset_large_box1 - encloses a large section of the page, starting with Index A until the end of the page */

	.offset_large_box1 {
		left: -10px;		/* -10  -90 */
		top: 15px;			/* 0 */
		color: gold;
		width: 950px;		/* 950 1000 980 765 400 */
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 15px;		/* -17   0 */
		margin-right: 0px;
		margin-bottom: -450px;	/* -15   0 */
		margin-left: 0px;
		padding: 0px;
		border: cyan 2px;
		background-color: #982428;	/* green  #285C85   #850000*/
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_menubox1, .offset_menubox2, .offset_menubox3, .offset_menubox4, .offset_menubox5, .offset_menubox6, .offset_menubox7, .offset_menubox8, .offset_menubox9 { 
		position: relative;
		color: red;
		}

	.offset_menubox1 {		/* offset_menubox1 - menu on Index-Imagebase 1 (idb4c_@1) */
		left: -240px;
		top: 10px;
		width: 170px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid #FF0000 2px;
		background-color: #000000;
		}

	.offset_menubox2 {		/* offset_menubox2 - menu on Index-Imagebase 1 (idb4c_@1) */
		left: -40px;
		top: -36px;
		width: 140px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid #FF0000 2px;
		background-color: #850000;
		}

	.offset_menubox3 {		/* offset_menubox3 - menu on Index-Imagebase 1 (idb4c_@1) */
		left: 200px;
		top: -83px;
		width: 250px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -80px;
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid #FF0000 2px;
		background-color: #850000;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_menubox4 {		/* offset_menubox4 - menu on Index-Imagebase 2 (idb4c_@2) */
		left: -240px;
		top: 10px;
		width: 170px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #FF0000 2px;
		background-color: #850000;
		}

	.offset_menubox5 {		/* offset_menubox5 - menu on Index-Imagebase 2 (idb4c_@2) */
		left: -40px;
		top: -36px;
		width: 140px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid #FF0000 2px;
		background-color: #000000;
		}

	.offset_menubox6 {		/* offset_menubox6 - menu on Index-Imagebase 2 (idb4c_@2) */
		left: 200px;
		top: -83px;
		width: 250px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: -80px;	/* -15 */
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid #FF0000 2px;
		background-color: #850000;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_menubox7 {		/* offset_menubox7 - menu on Index-Imagebase 3 (idb4c_@3) */
		left: -240px;
		top: 10px;
		width: 170px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid #FF0000 2px;
		background-color: #850000;
		}

	.offset_menubox8 {		/* offset_menubox9 - menu on Index-Imagebase 3 (idb4c_@3) */
		left: -40px;
		top: -36px;
		width: 140px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: 0px;	/* -15 */
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid #FF0000 2px;
		background-color: 850000;
		}

	.offset_menubox9 {		/* offset_menubox9 - menu on Index-Imagebase 3 (idb4c_@3) */
		left: 200px;
		top: -83px;
		width: 250px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;		/* -17 */
		margin-right: 0px;
		margin-bottom: -80px;	/* -15 */
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid #FF0000 2px;
		background-color: #000000;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

	.offset_new_box1, .offset_new_box2 {
		position: relative;
		color: red;
		}

/* offset_new_box1 houses text box on left side of top screen */

	.offset_new_box1 {
		left: 13px;
		top: 0px;
		width: 315px;
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -412px;
		margin-left: 0px;
		padding: 5px;
		/* border: dashed cyan 1px; */
		border: solid gold 1px;
		background-color: #590000;		/* #590000 */
		}

/* offset_new_box2 houses ad boxes on right side of top screen */

	.offset_new_box2 {
		left: 344px;
		top: -9px;
		width: 1100px;		/* 290 */
		font-family: Arial;
		font-size: 12px;
		color: gold;
		font-weight: normal;
		line-height: 16px;
		margin-top: 100px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: -150px;
		padding: 0px;
		border: dashed cyan 5px;
		/*border: solid cyan 5px;*/
		background-color: purple;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.offset_top_box1, .offset_top_box2, .offset_top_box3      {
		position: relative;
		color: ;
		}

/* offset_top_box1 - encloses top section of page, starts at top line [I should not see] to below "Top Screen", or */
/* offset_top_box1 - encloses top section of page, starts at below menu blocks                                  or */
/* offset_top_box1 - encloses top section of page, starts at below line reading iconographers.....navigation       */

	.offset_top_box1 {
		left: -270px;
		top: -15px;	
		color: gold;
		width: 340px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 15px;
		margin-right: 0px;
		margin-bottom: -460px;	
		margin-left: 0px;
		padding: 10px;
		border: white 1px;		/* does not work, use overriding code on HTML page */
		background-color: ;		/* blue  green  #285C85  #982428   #850000*/
		}

	.offset_top_box2 {
		left: 60px;
		top: -48px;  	/* 0 */
		color: gold;
		width: 250px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -585px;	
		margin-left: 0px;
		padding: 0px;
		border: cyan 2px;
		background-color: ;		/* purple  blue  green  #285C85   #850000*/
		}

	.offset_top_box3 {
		left: 325px;			/*  325  */
		top: -295px;			/*  495  -403  -303  -100  -35  */
		color: gold;
		width: 150px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		line-height: 10px;
		margin-top: 15px;
		margin-right: 0px;
		margin-bottom: 0px;	
		margin-left: 0px;
		padding: 0px;
		border: white 1px;
		background-color: ;		/* purple  blue  green  #285C85   #850000*/
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx   SETTINGS SPECIFIC TO INDIVIDUAL ICONOGRAPHERS   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/*===========================  FRANCOISE COUSTAURY  =======================*/

/* box for text announcement exposition */
	div.box324 {
		width: 400px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 10px;
		padding: 3px;
		font-family: verdana
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		color: #ffffff;
		border: dashed cyan 0px;
		border: solid gold 1px; */
		background-color: #ba0000;
		}

	/* table, tr, td {border: solid #ba0000 1px;}*/


/*==========================  ELENIS HAND PAINTED ICONS  ======================*/

/* div.box336all encloses all of the following Elenis Icons css codes */

	div.box336all {
		width: 445px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		color: #ffffff;
		border: solid green 0px;
		background-color: ;
		}

	.offset_elenis_box1, .offset_elenis_box2, .offset_elenis_box3 {
		position: relative;
		color: red;
		}

	/* top part of text */
	.offset_elenis_box1 {
		left: 0px;
		top: 0px;
		width: 310px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -210px;
		margin-left: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		color: #ffffff;
		border: solid gold 0px;
		}

	/* The Resurrection "Christ of the Isles" Outermost box around image */
	.offset_elenis_box2 {
		left: 324px;
		top: 0px;
		width: 114px;
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		line-height: 14px;
		margin-top: 46px;		/* 0 */
		margin-right: 0px;
		margin-bottom: 10px;	/* 10 */
		margin-left: 0px;
		padding: 0px;
		border: solid gold 0px;
		background-color: ;
		}

	/* outer box */
	div.box336pic2 {
		width: 114px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		color: #ffffff;
		border: solid gold 1px;
		background-color: #ba0000;
		}

	/* inner box */
	div.box336pic {
		width: 112px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		color: #ffffff;
		border: solid gold 1px;
		background-color: ;
		}

	/* more text */
	.offset_elenis_box3 {
		left: 445px;
		top: 0px;
		width: 112px;
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		padding: 0px;
		border: solid gold 0px;
		background-color: ;
		}


/*==========================  NATALIA KHAYDAR  ================================*/

	div.box339all {
		width: 445px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		/*line-height: ??px;*/
		color: #ffffff;
		border: solid green 0px;
		background-color: ;
		}

	.offset_nat_khaydar_box1, .offset_nat_khaydar_box2, .offset_nat_khaydar_box3 {
		position: relative;
		color: ;
		}

	/* pic */
	.offset_nat_khaydar_box1 {
		left: 0px;
		top: 5px;
		width: 122px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -164px;
		margin-left: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 0px;
		}

	/* text to the right of image */
	.offset_nat_khaydar_box2 {
		left: 130px;
		top: 0px;
		width: 300px;
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		padding: 0px;
		border: solid gold 0px;
		background-color: ;
		}

	div.box339_1 {
		width: 112px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 1px;
		background-color: ;
		}

	div.box339_2 {
		width: 322px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 1px;
		background-color: ;
		}


/*==========================  GUILLEM RAMOS-POQUI  ============================*/

/* Picture column - Outer box with Virgin Hodegetria */
	div.box342outer {
		width: 129px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 1px;
		background-color:#006699;			/* #006699  gold  #CBB778  #506070  orange  #ba0000 */
		}

/* Picture column - Inner box with Virgin Hodegetria */
	div.box342inner {
		width: 127px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 1px;
		background-color:;			/* gold  #CBB778  #506070  orange  #ba0000 */
		}

/* Main column */
	.offset_guirampo_box1, .offset_guirampo_box2, .offset_guirampo_box3 .offset_guirampo_box4 {
		position: relative;
		color: ;
		}

/* Text - Top left */
	.offset_guirampo_box1 {
		left: 0px;
		top: 0px;
		width: 295px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -183px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 3px;
		padding-bottom: 0px;
		padding-left: 3px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 0px;
		background-color:;		/* #000000 */
		}

	/* Image (Calvary) - top right */
	.offset_guirampo_box2 {
		left: 300px;
		top: 0px;
		width: 130px;
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		border: solid gold 0px;
		background-color:;			/* #ba0000 */
		}

	/* Image (Calvary) - top right - outermost box housing the Calvary */
	div.box_calvary_outer2 {
		width: 140px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 1px;
		background-color:;			/* #CBB778  #506070  orange  #ba0000 */
		}

	/* Image (Calvary) - top right - outer box housing the Calvary */
	div.box_calvary_outer {
		width: 134px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 3px;
		padding-right: 3px;
		padding-bottom: 3px;
		padding-left: 3px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid #ba0000 0px;
		background-color:white;			/* #CBB778  #506070  orange  #ba0000 */
		}

	/* Image (Calvary) - top right - inner box housing the Calvary */
	div.box_calvary_inner {
		width: 130px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 0px;
		background-color:#ba0000;			/* #CBB778  #506070  orange  #ba0000 */
		}

	/* image (Sr Elizabeth) - bottom left */
	.offset_guirampo_box3 {
		left: 0px;
		top: 0px;
		width: 107px;
		margin-top: 8px;
		margin-right: 0px;
		margin-bottom: -160px;
		margin-left: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 0px;
		background-color:;
		}

	/* Text - bottom right */
	.offset_guirampo_box4 {
		left: 0px;
		top: 0px;
		width: 343px;
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 110px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 3px;
		border: solid gold 0px;
		background-color:;				/* green */
		}


/*==============================  FATHER ZINON  ====================================*/

/* box for 2nd image (The Risen Lord) in section of Fr. Zinon */
	div.box250 {
		width: 110px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -170px;
		margin-left: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		color: #ffffff;
		/* border: dashed cyan 0px; */
		border: solid gold 0px;
		background-color: #850000;
		}

/* box for text to the right of 2nd image (The Risen Lord) in section of Fr. Zinon */
	div.box251 {
		width: 315px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 118px;
		padding: 0px;
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
		color: #ffffff;
		border: dashed cyan 0px;
		/* border: solid #000000 1px; */
		background-color: #850000;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ICON STUDIO PERICHORESE */

/* box100 (index-box13zzz2) is a hor & vert spacer box for Selected Pages. and houses boxes 13yy1 and 13yy2. */
	div.box100 {
		position: relative;
		width: 576px;
		font-family: arial;
		margin-top: 6px;
		margin-left: 1px;
		margin-bottom: 0px;
		line-height: 15px;		/* 6 */
		height: 100px;			/* 4  12 */
		border: dashed red 0px;
		background-color: ;		/* white */
		}
	/* box110 (index-box13yy1) is 1st floating box inside box13zzz2 */
	div.box110 {
		position: relative;
		float: left;
		width: 288px;
		font-family: arial;	/* Times New Roman */
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		margin-top: 0px;
		margin-left: 1px;
		margin-bottom: 0px;
		line-height: 15px;		/* 6 */
		height: 128px;			/* 110  92  4  12 */
		border: dashed red 0px;
		background-color: ;		/* white */
		}
	/* box120 (index-box13yy2)is 2nd floating box inside box13zzz2 */
	div.box120 {
		position: relative;
		float: left;
		width: 218px;
		font-family: arial;	/* Times New Roman */
		font-weight: normal;
		color: #ffffff;
		font-size: 12px;
		margin-top: -450px;		/* -90 */
		margin-left: 155px;		/* 95  185 */
		margin-bottom: 17px;
		line-height: 15px;		/* 6 */
		height: 128px;			/* 110  92  4  12 */
		border: dashed red 0px;
		background-color: ;		/* lightblue  white */
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* 295+130=425 */
/* 245+180=425 */
/* 240+190=430 */
/* 235+195=430 */
/* Main column */
	.offset_perichorese_box1, .offset_perichorese_box2, .offset_perichorese_box3 .offset_perichorese_box4 {
		position: relative;
		color: ;
		}

/* Text - Top left */
	.offset_perichorese_box1 {
		left: 0px;
		top: 0px;
		width: 245px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -510px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 1px;
		padding-bottom: 0px;
		padding-left: 1px;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		color: #ffffff;
		border: solid gold 0px;
		background-color:;		/* #000000 */
		}

/* Text - top right */
	.offset_perichorese_box2 {
		left: 300px;
		top: 0px;
		width: 198px;
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		line-height: 15px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: -37px;
		padding: 0px;
		border: solid gold 0px;
		background-color:;			/* #ba0000 */
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx   END ICONOGRAPHERS' SETTINGS   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */