/************************************************************************************************************************/
/*	12 February 2007 - byz_free_listing.css - Layout of page done exclusively using divs                              */
/************************************************************************************************************************/

	body {background: #982428;}

	a:link     {color:#0000FF;}
	a:visited  {color:#0000FF;}	
	a:active   {color:#00BB33;}
	a:hover    {color:#FF0000;}

	A:link {text-decoration:none;}
	A:visited {text-decoration:none;}
	A:hover{text-decoration:underline;}

	HTML {
		SCROLLBAR-TRACK-COLOR:#982428;
		SCROLLBAR-FACE-COLOR:#852428;
		SCROLLBAR-HIGHLIGHT-COLOR:#999999;
		SCROLLBAR-ARROW-COLOR:#999999;
		SCROLLBAR-SHADOW-COLOR:#999999;
		SCROLLBAR-3DLIGHT-COLOR:#999999;
		SCROLLBAR-DARKSHADOW-COLOR:#999999;
		}

	/* outer box housing all others */
	div.box1 {
		float: center;
		width: 540px;
		font-family: Verdana;
		font-size: 11px;
		color: black;
		line-height: 14px;		/* 15 */
		text-align: left;
		margin-top: 3px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 20px;
		border: solid cyan 0px;
		background-color: #f0dcb0;
		}

	/* frame or thin line around the letter */
	div.box2 {
		float: center;
		width: 500px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		padding: 20px;
		border: solid #c83410 1px;
		background-color: #f0dcb0;		/* #f0dcb0 */
		}

	/* div.box3 houses specifics requested from iconographer */
	/* the idea was to have box 4 list "optional" or "required", but this wasn't done, thus box 4 is not in use */
	div.box3 {
		float: center;
		width: 450px;
		line-height: 16px;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: -155px;
		padding: 5px;
		border: solid #c83410 0px;
		background-color: ;
		}

	/* box 4 is not in use */
/**************************************
	div.box4 {
		float: center;
		width: 50px;
		line-height: 17px;
		margin-right: 0px;
		margin-left: 370px;
		padding: 10px;
		border: solid #c83410 0px;
		background-color: ;
		}
****************************************/

	/* box5 houses offset_boxes 1 and 2 */
	div.box5 {
		float: center;
		width: 500px;
		margin-top: -5px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		padding: 0px;
		border: solid black 0px;		/* #c83410 */
		background-color: #f0dcb0;		/* #f0dcb0 */
		}

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

	/* offset_box1 is nested inside div.box5, and houses part of the text */
	.offset_box1 {
		left: -1px;
		top: 2px;
		width: 310px;
		font-family: Verdana;
		font-size: 11px;
		color: black;
		font-weight: normal;
		line-height: 14px;		/* 15 */
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -210px;
		margin-left: 0px;
		padding: 2px;
		border: solid #c83410 0px;
		background-color: #f0dcb0;			/* beige */
		}

	/* offset_box2 is also nested inside div.box5, and holds the image of the Holy Virgin */
	.offset_box2 {
		left: 320px;
		top: 0px;
		width: 180px;
		font-family: Verdana;
		font-size: 10px;
		color: #000000;
		font-weight: normal;
		line-height: 11px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: -16px;
		margin-left: 0px;
		padding: 2px;
		border: solid #c83410 0px;
		background-color: ;
		}

	/* box6 houses the sitemeter counter */
	div.box6 {
		float: center;
		width: 540px;
		font-family: Verdana;
		font-size: 11px;
		color: black;
		line-height: 15px;
		text-align: right;
		margin-top: 3px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		border: solid cyan 0px;
		background-color: ;
		}