/* OOBS STYLESHEET */

.two-column-text {
    	display: flex 2; 
		margin: 0 auto;
		padding: 0;
		column-count: 2; /* Divides the text into two columns */
		margin-left:40px;
		margin-right:40px;
		column-gap: 20px;
	    }
		
.two-column-text-photo {
        width: 730px;
		display: block;
		margin: 0 auto;
		column-count: 2; /* Divides the text into two columns */
        column-gap: 20px; /* Adds a 20px gap between the columns */
        /* column-rule: 1px solid #ccc; *//* Optional: Adds a thin grey line between columns */
    }

	
.two-column-text-framed {
        width: 678px;
		display: flex 2;
		margin: 0 auto;
		column-count: 2; /* Divides the text into two columns */
		margin-left:20px;
		margin-right:20px;
        column-gap: 20px; /* Adds a 20px gap between the columns */
        /* column-rule: 1px solid #ccc; *//* Optional: Adds a thin grey line between columns */
    }
	
	
.two-column-text-2 {
    	width: 730px;
		display: flex 2; 
		margin: 0 auto;
		padding: 0;
		column-count: 2; /* Divides the text into two columns */
		margin-left:20px;
		margin-right:20px;
		column-gap: 20px;
	    }

.three-column-text {

    	display: flex 2;  
		margin: 0 auto;
		padding: 0;
		column-count: 3; /* Divides the text into three columns */
		margin-left:40px;
		margin-right:40px;
		column-gap: 12px;
	    }
		
.hr1-A { height: 1px; width: 730px; background: #6D3031; margin-left: 36px; margin-top: 4px; margin-bottom: 0px; }
.hr1-A hr { display: none; }
.hr-s1 { height: 9px; width: 730px; background: #66D3E6; margin-left: 36px; margin-top: 0px; margin-bottom: 0px; }
.hr-s1 hr { display: none; }
.hr-s1a { height: 6px; width: 730px; background: #66D3E6; margin-left: 36px; margin-top: 0px; margin-bottom: 0px; }
.hr-s1a hr { display: none; }
.hr-s2 { height: 6px; width: 730px; background: #F6749D; margin-left: 36px; margin-top: 0px; margin-bottom: 0px; }
.hr-s2 hr { display: none; }
.hr-s2a { height: 8px; width: 730px; background: #E1AA73; margin-left: 36px; margin-top: 0px; margin-bottom: 0px; }
.hr-s2a hr { display: none; }

.hr-s4 { height: 6px; width: 730px; background: #67AE3C; margin-left: 36px; margin-top: 0px; margin-bottom: 0px; }
.hr-s4 hr { display: none; }
.hr-s4a { height: 8px; width: 730px; background: #E55C3D; margin-left: 36px; margin-top: 0px; margin-bottom: 0px; }
.hr-s4a hr { display: none; }
.hr-s5 { height: 4px; width: 730px; background: #67AE3C; margin-left: 36px; margin-top: 0px; margin-bottom: 0px; }
.hr-s5 hr { display: none; }


.hr-s3 { height: 2px; width: 730px; background: #66D3E6; margin-left: 36px; margin-top: 0px; margin-bottom: 0px; }
.hr-s3 hr { display: none; }
.hr-col { height: 1px; width: 350px; background: lightgray; margin-left: 0px; margin-top: 0px; margin-bottom: 8px; }
.hr-col hr { display: none; }
.hr-col2 { height: 1px; width: 350px; background: #404040; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
.hr-col2 hr { display: none; }
.imag { font-family: verdana; font-size: 9px; text-align: center; }
.tit-0 { font-family: verdana; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px; margin-bottom: 0px; }
.tit-i-t { font-family: verdana; font-size: 11px; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 8px; }
.txt-0 { font-family: verdana; font-size: 12px; margin-left: 0px; margin-right: 0px; text-align: justify; margin-top: 20px; margin-bottom: 0px; line-height: 14px; }
.txt0 { font-family: verdana; font-size: 12px; margin-left: 0px; margin-right: 0px; text-align: justify; margin-top: 0px; margin-bottom: 0px; line-height: 14px; text-indent: 20px; }
.txt1 { font-family: verdana; font-size: 12px; margin-left: 0px; margin-right: 0px; text-align: justify; margin-top: 1px; margin-bottom: 0px; line-height: 14px; text-indent: 20px; }
.txt-00 { font-family: verdana; font-size: 12px; margin-left: 0px; margin-right: 0px; text-align: justify; margin-top: 2px; margin-bottom: 0px; line-height: 14px; text-indent: 20px; }
.txt-000 { font-family: verdana; font-size: 12px; margin-left: 0px; margin-right: 0px; text-align: justify; margin-top: 3px; margin-bottom: 0px; line-height: 14px; text-indent: 20px; }
.txt-0000 { font-family: verdana; font-size: 12px; margin-left: 0px; margin-right: 0px; text-align: justify; margin-top: 4px; margin-bottom: 0px; line-height: 14px; text-indent: 20px; }
.txt-p { font-family: verdana; font-size: 12px; margin-left: 5px; margin-right: 5px; text-align: justify; margin-top: 3px; margin-bottom: 0px; line-height: 14px; text-indent: 20px; }
.txt-2 { font-family: verdana; font-size: 12px; margin-left: 0px; margin-right: 0px; text-align: justify; margin-top: 2px; margin-bottom: 0px; line-height: 14px; text-indent: 0px; }
.txt-2a { font-family: verdana; font-size: 12px; font-weight: bold; margin-top: 8px; margin-bottom: 8px; text-indent: 0px; text-align: center; }
.sel { font-family: verdana; font-size: 9px; margin-left: 36px; margin-right: 40px; text-align: right; margin-top: 12px; margin-bottom: 0px; line-height: 10px; color: #3276E7;}
.protogr { float: left; color: black; font-size: 30px; line-height: 34px; padding-top: 0px; padding-right: 10px; padding-left: 0px; font-family: times; font-weight: bold; margin-left: -18px; margin-top: -6px;}
.protogr2 { float: left; color: black; font-size: 30px; line-height: 34px; padding-top: 0px; padding-right: 7px; padding-left: 0px; font-family: times; font-weight: bold; margin-left: -18px; margin-top: -6px;}
.protog { float: left; color: #1C93A8; font-size: 30px; line-height: 34px; padding-top: 0px; padding-right: 10px; padding-left: 0px; font-family: times; font-weight: bold; margin-left: -18px; margin-top: -6px; }
.b0 { font-weight: bold; font-size: 11px; }
.tb-r1 { width: 800px; border-spacing: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; }
.tb-r2 { width: 760px; border-spacing: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; margin-top: 20px; border: 1px solid #E4E4E4; margin-bottom: 20px; }
.td-r1 { padding: 0px; background-color: #DDDDDD; }
.td-r2 { padding: 0px; background-color: #FFFFFF; }
.td0 { padding: 0px; }
.dcl { clear: both; }
.fota { float: left; margin-left: 55px; margin-right: 16px; margin-top: 6px; margin-bottom: 2px; }
.fotd { float: right; margin-left: 16px; margin-right: 55px; margin-top: 6px; margin-bottom: 2px; }
.fotc { margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 2px; }
.ek-fot { font-family: verdana,arial; font-size: 10px; font-weight: normal; line-height: 12px; color: #6D3031; margin-top: 10px; margin-left: 0px; margin-right: 0px; text-align: center; }
.ek-fotl { font-family: verdana,arial; font-size: 10px; font-weight: normal; line-height: 12px; color: #6D3031; margin-top: 10px; margin-left: 0px; margin-right: 0px; text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

#main{
    width: 100%; 
    text-align:justify;
    margin:0;
    padding:0;
}
.class1{
    width: 356px;
    float:left;
	margin-left: 40px;
}
.class2{
    width: 352px;
    float:right;
	margin-right: 40px;
}
.inner1{
    float:right;
    width:144px;
    height:187px;
	margin-top: 4px;
	margin-left: -40px;
	margin-right: -21px;
    background:url(imag-sep96/ptr+sp_sq.webp);
	background-position:100% 0;
}
.inner2{
    float:left;
    width:144px;
    height:187px;
	margin-top: 4px;
	margin-left: -90px;
	margin-right: 15px;
	background:url(imag-sep96/ptr+sp_150+187.webp);
    background-position:100% 0;
}
.inner3{
    float:right;
    width:144px;
    height:148px;
	margin-top: 4px;
	margin-left: -40px;
	margin-right: -21px;
	background:url(imag-sep96/ptr+sp2_sq.webp);
    background-position:100% 0;
}
.inner4{
    float:left;
    width:144px;
    height:148px;
	margin-top: 4px;
	margin-left: -90px;
	margin-right: 15px;
	background:url(imag-sep96/ptr+sp2_150x148.webp);
    background-position:100% 0;
}
.inner5{
    float:right;
    width:144px;
    height:206px;
	margin-top: 4px;
	margin-left: -40px;
	margin-right: -21px;
	background:url(imag-sep96/iak+sp_sq.webp);
    background-position:100% 0;
}
.inner6{
    float:left;
    width:144px;
    height:199px;
	margin-top: 4px;
	margin-left: -90px;
	margin-right: 15px;
	background:url(imag-sep96/iak+sp_150x199.webp);
    background-position:100% 0;
}

.inner7{
    float:right;
    width:120px;
    height:161px;
	margin-top: 4px;
	margin-left: -58px;
	margin-right: 4px;
	margin-bottom: 4px;
	border: 0px solid red;
	background:url(imag-sep96/parthenios_sq.webp);
    background-position:100% 0;
}
.inner8{
    float:left;
    width:120px;
    height:161px;
	margin-top: 4px;
	margin-left: -70px;
	margin-right: 15px;
	margin-bottom: 4px;
	background:url(imag-sep96/parthenios_120.webp);
    background-position:100% 0;
}


.inner9{
    float:right;
    width:120px;
    height:166px;
	margin-top: 4px;
	margin-left: -58px;
	margin-right: 4px;
	margin-bottom: 4px;
	background:url(imag-sep96/spyr-p_sq.webp);
    background-position:100% 0;
}
.inner9a{
    float:left;
    width:120px;
    height:166px;
	margin-top: 4px;
	margin-left: -70px;
	margin-right: 15px;
	margin-bottom: 4px;
	background:url(imag-sep96/spyr-p_120.webp);
    background-position:100% 0;
}

.innerA1{
    float:right;
    width:144px;
    height:207px;
	margin-top: 4px;
	margin-left: -44px;
	margin-right: -20px;
    background:url(imag-sep96/sp+b_2_sq-150-207.webp);
}
.innerA2{
    float:left;
    width:144px;
    height:207px;
	margin-top: 4px;
	margin-left: -90px;
	margin-right: 15px;
	background:url(imag-sep96/sp+b_2_150-207.webp);
    background-position:100% 0;
}

.innerB1{
    float:right;    /* [ RIGHT column ] */
    width:120px;
    height:161px;
	margin-top: 4px;
	margin-left: -58px; /* picture goes left */
	margin-right: 0px;
	margin-bottom: 4px;
	background:url(imag-sep96/spyr_sq.webp;);
    background-position:100%;
	background-repeat: no-repeat;
}
.innerB2{
    float:left;     /* [ LEFT column ] */
    width:120px;
    height:161px;
	margin-top: 4px;
	margin-left: -70px;  /* picture goes right */
	margin-right: 15px;
	margin-bottom: 4px;
	background:url(imag-sep96/spyr.webp);
    background-position:100%;
	background-repeat: no-repeat;
}

.innerC1{
    float:right;   
    width:180px;
    height:125px;
	margin-top: 4px;
	margin-left: -44px; /* picture goes left */
	margin-right: -34px;
	margin-bottom: 4px;
	border: 0px solid red;
	background:url(imag-sep96/youth_sq_180.webp;);
    background-position:100%;
	background-repeat: no-repeat;
}
.innerC2{
    float:left;  
    width:180px;
    height:125px;
	margin-top: 4px;
	margin-left: -110px;  /* picture goes right */
	margin-right: 15px;
	margin-bottom: 4px;
	background:url(imag-sep96/youth_180.webp);
    background-position:100%; 
	background-repeat: no-repeat;
}

.class3{
    width: 350px;  /* 354 */
    float:left;
	margin-left: 40px;
}
.class4{
    width: 350px;
    float:right;
	margin-right: 40px;
}

.innerD1{
    float:right;    
    width:200px;
    height:347px;
	margin-top: 4px;
	margin-left: -44px; /* picture goes left */
	margin-right: -54px; /* picture goes left */
	margin-bottom: 12px;
	border: 0px solid red;
	background:url(imag-oct96/photo_sq_200.webp);
    background-position:100%; /*  100% 100%;  */  /* center center; */
	background-repeat: no-repeat;
}
.innerD2{
    float:left;     /* [ RIGHT column ] */
    width:200px;
    height:348px;
	margin-top: 4px;
	margin-left: -106px;  /* picture goes right */
	margin-right: 17px;
	margin-bottom: 9px;
	background:url(imag-oct96/photo_200.webp);
    background-position:100%;  /* 100% 100%; */
	background-repeat: no-repeat;
}

.innerE1{
    float:right;    /* [ LEFT column ] */
    width:200px;
    height:145px;
	margin-top: 4px;
	margin-left: -44px; /* picture goes left */
	margin-right: -54px; /* picture goes left */
	margin-bottom: 52px; /*12*/
	border: 0px solid red;
	background:url(imag-oct96/entron2_sq_200.webp);
    background-position:100%; 
	background-repeat: no-repeat;
}
.innerE2{
    float:left;     /* [ RIGHT column ] */
    width:200px;
    height:145px;
	margin-top: 4px;
	margin-left: -106px;  /* picture goes right adding to: -  110*/
	margin-right: 17px;
	margin-bottom: 52px; /* 9 */
	background:url(imag-oct96/enthron2_200.webp);
    background-position:100%;  /* 100% 100%; */
	background-repeat: no-repeat;
}

.class5{
    width: 346px;  /* 354 */
    float:left;
	margin-left: 40px;
}
.class6{
    width: 348px;
    float:right;
	margin-right: 40px;
}

.innerF1{
    float:right;    /* [ LEFT column ] */
    width:200px;
    height:206px;
	margin-top: -10px;
	margin-left: -44px; /* picture goes left */
	margin-right: -54px; /* picture goes left */
	margin-bottom: 52px; /*12*/
	border: 0px solid red;
	background:url(imag-nov96/imag-p1_ret_200_sq.webp);
    background-position:100%; 
	background-repeat: no-repeat;
}
.innerF2{
    float:left;     /* [ RIGHT column ] */
    width:200px;
    height:214px;
	margin-top: -10px;
	margin-left: -110px;  /* picture goes right adding to: -  106*/
	margin-right: 17px;
	margin-bottom: 52px; /* 9 */
	background:url(imag-nov96/imag-p1_ret_200.webp);
    background-position:100%;  /* 100% 100%; */
	background-repeat: no-repeat;
}

.CCpullout span {width:164px; position:absolute; font-family: verdana; text-align:center; font-size: 9px; font-weight: bold; line-height: 12px; margin-top: 150px; margin-left: -168px;}
.CCpullout del {font-size:0px; color:#fff; position:absolute;}

.BBpullout span {width:164px; position:absolute; font-family: verdana; text-align:center; font-size: 9px; font-weight: bold; line-height: 12px; margin-top: 111px; margin-left: -168px;}
.BBpullout del {font-size:0px; color:#fff; position:absolute;}

.DDpullout span {width:164px; position:absolute; font-family: verdana; text-align:center; font-size: 9px; font-weight: bold; line-height: 12px; margin-top: 162px; margin-left: -168px;}
.DDpullout del {font-size:0px; color:#fff; position:absolute;}

.EEpullout span {width:164px; position:absolute; font-family: verdana; text-align:center; font-size: 9px; font-weight: bold; line-height: 12px; margin-top: 128px; margin-left: -168px;}
.EEpullout del {font-size:0px; color:#fff; position:absolute;}

.FFpullout span {width:200px; position:absolute; font-family: verdana; text-align: center; font-size: 9px; font-weight: bold; line-height: 12px; margin-top: 168px; margin-left: -260px;}
.FFpullout del {font-size:0px; color:#fff; position:absolute;}

.HHpullout span {width:200px; position:absolute; font-family: verdana; text-align: justify; font-size: 9px; font-weight: bold; line-height: 11px; margin-top: 194px; margin-left: -216px; }
.HHpullout del {font-size:0px; color:#fff; position:absolute;}