﻿/*

CONTENTS

FIGURE AND LINK STYLING
BODY
NAV TOP
NAV TOP MOBILE
NAV TOP MOBILE SUBMENUS
COLUMN LEFT
COLUMN LEFT IMAGE CONTENT
CENTRAL COLUMN
COLUMN RIGHT
FOOTER
IMAGES IN COLUMNS
ABOUT
INDEX PAGE
INDEX DOTTED LINES
INDEX BIG TOP SLIDER
NGO CENTER
MEDIA CENTER 
9/11 CENTER
SCARE CENTER
IMAGE FLOATS
CONTENTS, HEADINGS, UL, OL, NOTES, SUPERSCRIPT
TABLES
FONT CLASSES AND FONT-FACE
CUSTOM TEXT STYLES
DONATION POP UP BOX
DYNAMIC TABLE OF CONTENTS
LIGHTBOX
@MEDIA SETTINGS
@PRINT MEDIA SETTINGS


*/

/* FIGURE AND LINK STYLING */

header, section, footer, aside, nav, article, address { 
display: block;
margin: 0;
padding: 0;
}

figure {
display: block;
margin: 0;
padding: 0;
text-align: center;
}

figure figcaption {
text-align: justify;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
}

a:link {
text-decoration: none;
color: #000099;
}

a:visited {
text-decoration: none;
color: #000099;
}

a:hover {
text-decoration: none;
color: #000099;
}

a:active {
text-decoration: none;
color: #000099;
}

table:not([id]):not([class]) {
    font-size: 110%;
}

/* BODY */

html, body {
margin: 0;
background-color: #292a2a;
font-family: 'slabo-regular', Arial, 'Source Sans Pro';
background: url(../images/bkg_06.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#container {
position: relative;
width: 1094px;
margin: 0 auto;
}

#header {
width: 1094px;
height: 123px;
}

#header_div_left {
background: url(../images/background-1004px-left-obelisk.png) no-repeat center center; 
float: left;
width: 881px;
height: 123px;
}

#header_div_right {
background: url(../images/bkg_1004_width_right.png) no-repeat center center; 
float: left;
width: 213px;
height: 123px;
}

#container_body_and_footer {
margin: 0 auto;
width: 1076px;
}




/* NAV TOP */

#navmenu_top_wrapper1 {
z-index: 1;
position: relative;
width: 1076px;
height: 27px;
font-size: 16px;
font-family: 'oswald-regular';
background-color: #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 2px solid #000;
}

#navmenu_top {
z-index: 151;
margin: 0;
padding: 0;
text-align: center; /* key for centering; do this icw inline-block of ul li a without a fixed with */
}

#navmenu_top ul {
margin: 0;
padding: 0;
}

#navmenu_top ul li {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
position: relative;
background: #000; /* also influences ul ul li */
}

#navmenu_top ul li a {
display:inline-block; /* key for centering; do this instead of float left */
text-align: center;				
text-decoration: none;			
height: 27px;					
width: 110px; /* 94.8px with extra element */
color: #FFF;
padding-top: 1px;			
}

#navmenu_top ul li:hover {
background: #e865e3;
height: 26px;	
}

#navmenu_top ul li a:hover {
color: #000;					
}

#navmenu_top ul li:hover ul {
visibility: visible;				
}

#navmenu_top ul li:hover>a {
 /* ul li a color when hovering ul ul li */
   color: #000; 
}

#navmenu_top ul ul {
z-index: 151;
position: absolute;
visibility: hidden;
font-size: 16px;
text-transform: uppercase;
border-top: 5px solid #000;	
}

#navmenu_top ul ul li {
line-height: 2;
border-bottom: 1px dotted #d04ecb;
height: 34px;
}

#navmenu_top ul ul li:last-child {
border-bottom: 5px solid #000;	
}

#navmenu_top ul ul li a {
text-align: left;
padding-left: 5px;
padding-right: 5px;	
height: 34px;
width: 130px;
display: block;
border-left: 5px solid #000;
border-right: 5px solid #000;
}

#navmenu_top ul ul li:hover {
background: #FFF;
height: 34px;									
}

#navmenu_top ul ul li a:hover {
color: #000;
height: 34px;					
}

#overflow {
width: 1076px;
position: relative;
overflow: hidden;
margin-top: 0px;
background-color: transparant;
}





/* NAV TOP MOBILE */

#navmenu_top_mobile {
z-index: 4;
margin: 0;
padding: 0;
text-align: center; /* key for centering; do this icw inline-block of ul li a without a fixed with */
}

#navmenu_top_mobile ul {
margin: 0;
padding: 0;
}

#navmenu_top_mobile ul li {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
position: relative;
background: #000; /* also influences ul ul li */
}

#navmenu_top_mobile ul li a {
display:inline-block; /* key for centering; do this instead of float left */
text-align: center;             
text-decoration: none;          
height: 27px;                   
width: 110px; /* 94.8px with extra element */
color: #FFF;
padding-top: 1px;           
}

#navmenu_top_mobile ul li:hover {
background: #e865e3;    
}

#navmenu_top_mobile ul li a:hover {
color: #000;                    
}

#navmenu_top_mobile ul li:hover ul {
visibility: visible;                
}

#navmenu_top_mobile ul li:hover>a {
 /* ul li a color when hovering ul ul li */
   color: #000; 
}

#navmenu_top_mobile ul ul {
z-index: 999;
position: absolute;
visibility: hidden;
font-size: 14px !important;
text-transform: uppercase;
border-top: 5px solid #000; 
}

#navmenu_top_mobile ul ul li {
height: 32px !important;
line-height: 2.3;
border-bottom: 1px dotted #d04ecb;
}

#navmenu_top_mobile ul ul li:last-child {
border-bottom: 5px solid #000;  
}

#navmenu_top_mobile ul ul li a {
height: 32px !important;
text-align: left;
padding-left: 5px;
padding-right: 5px; 
width: 130px;
display: block;
border-left: 5px solid #000;
border-right: 5px solid #000;
}

#navmenu_top_mobile ul ul li:hover {
background: #FFF;                                       
}

#navmenu_top_mobile ul ul li a:hover {
color: #000;                        
}




/* NAV TOP MOBILE SUBMENUS */


/* Mobile version for .has-submenu-centers */

#navmenu_top_mobile .has-submenu-centers ul {
    display: none;
    position: absolute;
    top: 100%;
    left: -90px; /* Adjust position relative to parent */
    width: 340px; /* Total width to accommodate grid columns */
    background-color: #000;
    border-bottom: 20px #000 solid;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 999;
}

#navmenu_top_mobile .has-submenu-centers:hover ul {
    display: grid;
    grid-template-columns: repeat(1fr); 
    grid-auto-flow: row; 

}

#navmenu_top_mobile .has-submenu-centers ul li {
    list-style: none; /* Remove default list styling */
    margin: 0; /* Standardize spacing */
    padding: 0; /* Standardize spacing */
}

#navmenu_top_mobile .has-submenu-centers ul li a {
    width: auto; /* Flexible width */
    text-align: left; /* Align text to the left */
}





/* Desktop version for .has-submenu-centers */

#navmenu_top .has-submenu-centers ul {
    display: none;
    position: absolute;
    top: 100%;
    left: -120px; /* Adjust position relative to parent */
    width: 370px; /* Total width to accommodate grid columns */
    background-color: #000;
    border-bottom: 20px #000 solid;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 999;
}

#navmenu_top .has-submenu-centers:hover ul {
    display: grid;
    grid-template-columns: repeat(1fr); 
    grid-auto-flow: row; 
}

#navmenu_top .has-submenu-centers ul li {
    list-style: none; /* Remove default list styling */
    margin: 0; /* Standardize spacing */
    padding: 0; /* Standardize spacing */
}

#navmenu_top .has-submenu-centers ul li a {
    width: auto; /* Flexible width */
    text-align: left; /* Align text to the left */
}





/* Mobile version for .has-submenu-latest */

#navmenu_top_mobile .has-submenu-latest ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px !important;
    width: 270px !important;
    z-index: 999;
    background-color: #000;
    border-bottom: 20px #000 solid;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#navmenu_top_mobile .has-submenu-latest:hover ul {
    display: grid;
    grid-template-columns: repeat(1fr); 
    grid-auto-flow: row; 

}

#navmenu_top_mobile .has-submenu-latest ul li {
    list-style: none; /* Remove default list styling */
    margin: 0; /* Standardize spacing */
    padding: 0; /* Standardize spacing */
}

#navmenu_top_mobile .has-submenu-latest ul li a {
    width: auto; /* Flexible width */
    text-align: left; /* Align text to the left */
}



/* Desktop version for .has-submenu-latest */

#navmenu_top .has-submenu-latest ul {
    display: none;
    position: absolute;
    top: 100%;
    left: -60px !important;
    width: 280px !important;
    z-index: 999;
    background-color: #000;
    border-bottom: 20px #000 solid;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#navmenu_top .has-submenu-latest:hover ul {
    display: grid;
    grid-template-columns: repeat(1fr); 
    grid-auto-flow: row; 

}

#navmenu_top .has-submenu-latest ul li {
    list-style: none; /* Remove default list styling */
    margin: 0; /* Standardize spacing */
    padding: 0; /* Standardize spacing */
}

#navmenu_top .has-submenu-latest ul li a {
    width: auto; /* Flexible width */
    text-align: left; /* Align text to the left */
}



/* Mobile (only) version for .has-submenu-big, i.e. articles submenu */

#navmenu_top_mobile .has-submenu-big ul {
    display: none;
    position: absolute;
    top: 100%;
    left: -95px; /* Adjust position relative to parent */
    width: 580px; /* Total width to accommodate grid columns */
    background-color: #000;
    border-bottom: 20px #000 solid;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 999;
}

#navmenu_top_mobile .has-submenu-big:hover ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Three equal-width columns */
    grid-auto-flow: row; /* Items flow from left to right, filling each row */

}

#navmenu_top_mobile .has-submenu-big ul li {
    list-style: none; /* Remove default list styling */
    margin: 0; /* Standardize spacing */
    padding: 0; /* Standardize spacing */
}

#navmenu_top_mobile .has-submenu-big ul li a {
    width: auto; /* Flexible width */
    text-align: left; /* Align text to the left */
}

#navmenu_top_mobile .has-submenu-big ul li.navmenu_top_subtitle {
    grid-column: span 3; /* Subtitle spans all three columns */
    text-align: left; /* Align text to the left */
    height: auto; /* Ensure consistent height */
    margin: 0 0 10px 0; /* Add spacing below each subtitle */
    padding: 5px 0; /* Optional: Adjust padding */
}



/* Subtitles for the large mobile Articles tab  */

#navmenu_top_mobile ul ul li.navmenu_top_subtitle {
    border-bottom: none;
}

.navmenu_top_subtitle {
    width: 142px; /* Fixed width for subtitles */
    border-left: 4px solid #000;
    border-right: 4px solid #000;
    font-size: 16px;
    font-weight: 600;
    color: #e865e3; 
    text-align: left; 
    height: 32px !important;  
    line-height: 70px !important;
}






/* COLUMN LEFT */

#column_left_wrapper {
position: relative;
min-height: 100vh;
float: left;
width: 235px; /* 235px */
background-color: #ddd;
color: #000;
padding: 4px;
border: 1px solid #ddd;
border-top-right-radius: 0px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 0px;
}

.navmenu_left_wrapper {
padding-bottom: 1px;
background-color: #ddd; 
text-align: left;
overflow: visible;
} 

.navmenu-left-heading {
background-color: #2a3391;
color: #FFF;
padding-left: 4px;
font-size: 18px;
text-transform: uppercase;
border: 1px #000 solid;
border-top-right-radius: 4px;
font-family: 'oswald-regular', 'Times New Roman';
}

.navmenu-left-heading a:link,
.navmenu-left-heading a:visited,
.navmenu-left-heading a:hover,
.navmenu-left-heading a:active {
	color: #FFF;
	text-decoration: none;
	width: 228px; /* 228px */
	display: block;
 }

.navmenu_left {
margin-bottom:7px; /* 7px */	
margin-left: 0px;
margin-right: 0px;
text-transform: uppercase;
font-family: 'oswald-regular', 'Times New Roman';
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
} 

.navmenu_left ul {
margin: 0;
padding: 0;
display: block;	
}

.navmenu_left ul li:before {
content: "\00BB \0020";
color: #000;
position: absolute;
left: 4px;
bottom: 6px;
}

.navmenu_left ul li {
position: relative;
margin: 0;
padding-left: 4px;
list-style: none;
background: #F2F2F2;
font-size: 15px;
text-align: left;				
text-decoration: none;			
/* height: 28px; 18px */
line-height: 13px;
white-space: nowrap; /* Prevent wrapping to the next line */
overflow: hidden;    /* Clip content that overflows the container */
text-overflow: ellipsis; /* Optional: Add "..." for overflowed text */
}

.navmenu_left ul li:hover {
background: #CCCCFF;	
	
}

.navmenu_left ul li a {
color: #000; 			
width: 218px; /* 218px */	
display: inline-block;
margin-left: 11px;
line-height: 23px;
white-space: nowrap; /* Prevent the link text from wrapping */
overflow: hidden; /* Clip overflowing link text */
}

.navmenu_left ul li a:hover,
.navmenu_left ul li:hover:before {
color: #000;
}

.nav-left-image-headings {
font-family: 'oswald-regular';
font-size: 18px;
text-transform: uppercase;
margin-bottom: 5px;
}


/* COLUMN LEFT IMAGE CONTENT */



.image-gallery-text-top {
position: relative;
z-index: 2;
float: left;
margin: -32px 2px 4px 2px;
max-height: 25px;
font-family: 'oswald-regular';
font-size: 16px;
text-transform:uppercase;
color: #FFF;
background-color: #000;
border: 0px solid #000;
border-radius: 4px;
padding: 0px 4px 0px 4px;
opacity: 1;
/* display: none; activate with jquery */
overflow: hidden;         
white-space: nowrap;     
text-overflow: ellipsis;
}

.image-gallery-text-left {
position: relative;
z-index: 2;
float: left;
margin: -30px 2px 4px 2px;
max-height: 25px;
font-family: 'oswald-regular';
font-size: 16px;
text-transform:uppercase;
color: #FFF;
background-color: #000;
border: 0px solid #000;
border-radius: 4px;
padding: 0px 4px 0px 4px;
opacity: 1;
/* display: none; activate with jquery */
}


.image-left-column-01 {
width: 225px;
border: 1px solid #000;
margin: 14px 0 0 0;
}

.image-left-column-01 img {
max-width: 100%; 
height: auto; 
display: block; 
}

.image-left-column-02,
.image-left-column-03,
.image-left-column-04,
.image-left-column-05,
.image-left-column-06,
.image-left-column-07,
.image-left-column-08,
.image-left-column-09,
.image-left-column-10,
.image-left-column-11,
.image-left-column-12,
.image-left-column-13,
.image-left-column-14,
.image-left-column-15 {
width: 225px; 
border: 1px solid #000;
margin: 18px 0 0 0;
}

.image-left-column-02 img,
.image-left-column-03 img,
.image-left-column-04 img,
.image-left-column-05 img,
.image-left-column-06 img,
.image-left-column-07 img,
.image-left-column-08 img,
.image-left-column-09 img,
.image-left-column-10 img,
.image-left-column-11 img,
.image-left-column-12 img,
.image-left-column-13 img,
.image-left-column-14 img,
.image-left-column-15 img {
max-width: 100%; 
height: auto; 
display: block; 
}

.image-left-column-30 {
width: 225px; 
border: 1px solid #000;
margin: 14px 0 0 0;
}

.image-left-column-30 img {
max-width: 100%; 
height: auto; 
display: block;
}

.image-left-column-31,
.image-left-column-32,
.image-left-column-33,
.image-left-column-34,
.image-left-column-35,
.image-left-column-36,
.image-left-column-37,
.image-left-column-38 {
width: 225px; 
border: 1px solid #000;
margin: 18px 0 0 0; 
}

.image-left-column-31 img,
.image-left-column-32 img,
.image-left-column-33 img,
.image-left-column-34 img,
.image-left-column-35 img,
.image-left-column-36 img,
.image-left-column-37 img,
.image-left-column-38 {
max-width: 100%; 
height: auto; 
display: block;
}

.image-left-column-top {
width: 225px;
border-top-right-radius: 4px;
border: 1px solid #000;
margin: 0 0 5px 0;
overflow: hidden;
}

.image-left-column-top img {
max-width: 100%; 
height: auto; 
display: block;
}





/* CENTRAL COLUMN */

#article_wrapper {
position: relative;
float: left;
width: 570px;
background-color: #f2f2f2;
color: #000;
border-top: 0px solid #ddd;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding-left: 3px;
padding-right: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}

#article_title {
position: relative;
padding-left: 10px;
padding-right: 10px;
background-color: #f2f2f2;
}

#article_author_and_date {
position: relative;
font-size: 15px;
padding-left: 10px;
padding-right: 10px;
background-color: #f2f2f2;
}

#article_body {
position: relative;
padding-left: 10px;
padding-right: 10px;
background-color: #f2f2f2;
text-align: justify;
font-size: 130%;
line-height: 1.5;
}

#article_body ul {
list-style: none;
list-style-image: url(../images/pointer-01.png);
}



/* COLUMN RIGHT */

#column_right_wrapper {
position: relative;
min-height: 100vh;
float: left;
width: 243px;
background-color: #ddd;
color: #000;
padding: 4px;
border: 1px solid #ddd;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 4px;
}


/* FOOTER */

#footer {
position: relative;
width: 100%;
background-color: #ddd;
min-height: 20px;
color: #000;
text-align: center;
font-size: 11px;
font-family: 'oswald-regular', 'Times New Roman';
}





/* IMAGES IN COLUMNS BESIDES LEFT */

.image-right-column-top {
position: relative;
width: 225px;
height: 115px;
border: 1px solid #000;
margin: 0 0 18px 0;
}



.image-right-column-repeat {
    width: 225px;
    height: 115px;
    border: 1px solid #000;
    margin: 14px 0 0 0;
    position: relative;
}

.image-gallery-text {
position: absolute;
z-index: 2;
float: right;
margin: -30px 2px 4px 2px;
max-height: 25px;
font-family: 'oswald-regular';
font-size: 16px;
text-transform:uppercase;
text-align:left;
color: #FFF;
background-color: #000;
border: 0px solid #000;
border-radius: 4px;
padding: 0px 4px 0px 4px;
opacity: 1;
overflow:hidden;
display: block;
}
.image-gallery-text:hover {
    max-height: 100%;
	display: block;
}

.image-gallery-text:hover::after {
    content: attr(data-content);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    min-width: 225px;
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    color: #000;
	display: block;
}







#column-right-inner {
position: relative;
margin-bottom: 15px;
margin-left: 2px;
margin-right: 2px;
background-color: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px #000 solid;
text-align: justify;
font-size: 12px;
}

#isgpRadio {
position: relative;
background-color: #fff;
margin-bottom: 15px;
margin-left: 2px;
margin-right: 2px;
font-size: 12px;
text-align: justify;
}

#isgpRadio-heading {
width: 232px;
height: 23px;
padding-left: 5px;
color: #FFFFFF;
font-size: 14.5px;
font-family: 'oswald-regular', Arial;
background-color: #2a3391;
-moz-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

#isgpRadio-text {
border-left: 1px #000 solid;	
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
padding-left: 5px;
padding-right: 4px;
background-color: #151515;
color: #FFF;
font-family: Arial;
}


#most_read {
margin-bottom: 0px;
width: 228px;
background-color: #f2f2f2;
padding-top: 5px;
padding-left: 3px;
padding-right: 2px;
border: 1px #666 solid;
font-size: 12px;
}

.nav_quotes_wrapper {
margin-bottom: 15px;
margin-left: 2px;
margin-right: 2px;
background-color: #f2f2f2;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px #000 solid;
text-align: justify;
font-family: 'oswald-regular';
font-size: 13px;
}

.nav_quotes {
font-style: italic;
}

blockquote {
border-left: 2px solid #777;
padding-left: 10px;
margin-left: 30px;
margin-right: 0px;
font-style: italic;
text-align: justify;
}

.basic-quote {
margin-left: 40px;
}

.quote-top-text {
font-size: 110%;
text-align: justify;
font-style: italic;
}

.quote-top-text-25 {
font-size: 110%;
text-align: justify;
font-style: italic;
}

.quote-top-source {
    font-family: 'oswald-regular';
    margin-left: 50px;
    text-align: justify;
    position: relative;
}

.quote-top-source::before {
    content: "~";
    font-size: 130%;
    line-height: 1.3;
    position: absolute;
    margin-left: -20px; 
    font-family: 'oswald-regular';
}

.quote-source {
font-family: 'oswald-regular';
margin-left:40px;
text-align: justify;
}

.solution { 
border: 5px solid #5062d3;
border-radius: 6px;
padding: 4px;
text-align: justify;
background-color: #FFF;
}

.quote_left_column { 
margin-left: 4px;
width: 205px;
font-size: 12.5px;
font-style: italic;
background-color: #fff;
border: 1px dotted #000;
padding: 3px 10px 3px 10px;
text-align: center;
}

.quote_left_column_source {
font-size: 12.5px;
font-style: normal;
font-family: 'oswald-regular', 'Times New Roman';
}

.quote_right_column { 
margin-left: 4px;
margin-right: 4px;
width: auto;
font-size: 12.5px;
font-style: italic;
background-color: #fff;
border: 1px dotted #000;
padding: 3px 10px 3px 10px;
text-align: center;
}

.quote_right_column_source {
font-size: 12.5px;
font-style: normal;
font-family: 'oswald-regular', 'Times New Roman';
}

td {
padding-left: 2px;
padding-right: 2px;
}

td_justify {
text-align: justify;	
}

h1 {
font-family: 'oswald-regular', 'Times New Roman';
display: inline; 
font-size: 25px;
line-height: 1.3;
text-transform: uppercase;
}

/* h2 {
display: inline; 
font-size: 16px;
}

h3 {
display: inline; 
font-size: 16px;
}

h4 {
display: inline; 
font-size: 16px;
} */

h5 {
display: inline; /* Prevents line skipping */
font-size: 16px;
}

h6 {
display: inline; /* Prevents line skipping */
font-size: 16px;
}

.faq_question {
font-family: 'oswald-regular', 'Source Sans Pro'; 
font-size: 20px;
border-bottom: 1px dotted #586584;
width: 546px;
}

#scroll_down_items {
position: fixed;
width: 60px;
height: 28px;
right: 0px;
bottom: 26px;
background-color: transparant;
font-family: 'oswald-regular', 'Times New Roman';
font-size: 15px;
padding-left: 5px;
padding-right: 5px;
}

#scroll_down_items a {
display: block;
color: #fff;
background: #000;				
}

#scroll_down_items a:hover {
color: #fff;
background: #990099;	
}

#top_fixed {
position: relative;
text-align: center;
margin-bottom: 3px;
margin-left: 0px;
width: 36px;
background-color: #000;
color: #fff;
border: 1px #000 solid;
border-radius: 3px;
}

#top_fixed:hover {
border: 1px #990099 solid;
background-color: #990099;
}

#donate_fixed {
position: relative;
text-align: center;
margin-bottom: 3px;
background-color: #000;
width: 56px;
color: #fff;
border: 1px #000 solid;
border-radius: 3px;
}

#donate_fixed:hover {
border: 1px #990099 solid;
background-color: #990099;
}



/* ABOUT AND FEEDBACK */

.border-blue {
    background: #FFF;
    border: solid #3539FF;  
    border-width: 2px;         
    border-radius: 10px;
    margin: 0 0 0 30px;
    padding: 0 15px 0 15px;
    font-size: 110%;
    font-weight: 700;
    z-index: 5;
}

.feedback {}

.feedback-source {font-family: 'oswald-regular'}



/* INDEX PAGE */

.index-isgp-classics {
    width: 208px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fffffc;
    height: 290px;
    margin: 0 0 15px 0;
    padding: 6px 12px 5px 5px;
    color: #000;
    font-family: 'oswald-regular';
    font-size: 19px;
    overflow: hidden;
}

.index-isgp-classics-li {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: -25px;
    }

.index-isgp-classics-li li {
      margin-bottom: 6px;
    }

.index-isgp-classics-li li a {
      color: #000;
    }






#article_title_FP {
margin-left: 5px;
position: relative;
border-bottom: 2px #2a3391 solid;
width: 538px;
}


.image-gallery-large-index-text {
position: relative;
z-index: 2;
float: right;
margin: -35px 4px 4px 2px;
height: 23px;
font-family: 'oswald-regular';
font-size: 15px;
text-transform:uppercase;
line-height: 1.4;
color: #FFF;
background-color: #000;
border: 0px solid #000;
border-radius: 4px;
padding: 4px 5px 1px 5px;
opacity: 1;
/* display: none; activate with jquery */
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.image-gallery-large-index-text {
line-height: 1.3;	
}
}

.newsreel_wrapper1 {
width: 550px;
padding-top: 0px;
margin-bottom: 16px;
background-color: #F4F3FE;
height: 160px;
}

.newsreel_wrapper2 {
width: 550px;
padding-top: 20px;
background-color: #F4F3FE;
height: 160px;
}

.newsitem_image {
float: left;
width: 125px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
font-size: 16px;
font-family: 'oswald-regular', 'Arial';
height: 160px;
text-transform:uppercase;
background-color:#000; /* #b6b6ff */
color: #FFF;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border: 1px #000 solid;
line-height: 1.5;
position: relative;
overflow:hidden;
}

.newsitem_image_pic_holder {
width: 125px;
height: 103px;
border-bottom: 1px #000 solid;
margin-bottom: 2px;
}

/* .newsitem_image::before {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-color: #000;
  clip-path: polygon(100% 0%, 0% 0%, 100% 100%);
  transform: translate(50%, -50%);
} */

.newsitem_text_box {
padding-left: 1px;
padding-right: 1px;	
width: 125px;
height: 100%;
overflow: hidden;
}

.newsitem_text_box_02 {
padding-left: 1px;
padding-right: 1px;	
width: 125px;
height: 42px;
overflow: hidden;
}

.newsitem_text_box_3_lines_02 {
padding-left: 1px;
padding-right: 1px;	
width: 125px;
height: 56px;
overflow: hidden;
}

		.newsitem_text_box_3_lines_02 a:hover,
		.newsitem_text_box_02 a:hover {
			color: #FFF;
			/*text-decoration: underline;*/
		}
		
		.newsitem_text_box_3_lines_02 a:link,
		.newsitem_text_box_02 a:link {
			color: #FFF;
		}
		
		.newsitem_text_box_3_lines_02 a:visited,
		.newsitem_text_box_02 a:visited {
			color: #FFF;
		}
		
		.newsitem_text_box_3_lines_02 a:active,
		.newsitem_text_box_02 a:active {
			color: #FFF;
		}

.newsitem_image_3_lines {
float: left;
width: 125px;
margin-left: 8px;
margin-right: 4px;
text-align: center;
font-size: 15px;
text-transform:uppercase;
font-family: 'oswald-regular', 'Arial';
height: 165px;
background-color: #000;
color: #fff;
border: 1px solid #000;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
line-height: 1.3;
}

.newsitem_text_box_3_lines {
padding-left: 1px;
padding-right: 1px;	
width: 125px;
height: 56px;
overflow: hidden;
}

		.newsitem_text_box_3_lines a:hover,
		.newsitem_text_box a:hover {
			color: #FFF;
			/*text-decoration: underline;*/
		}
		
		.newsitem_text_box_3_lines a:link,
		.newsitem_text_box a:link {
			color: #FFF;
		}
		
		.newsitem_text_box_3_lines a:visited,
		.newsitem_text_box a:visited {
			color: #FFF;
		}
		
		.newsitem_text_box_3_lines a:active,
		.newsitem_text_box a:active {
			color: #FFF;
		}

#daily_news {
float: right;
width: 280px;
height: 164px;
margin-left: 0px;
margin-top: 0px;
}

#headlines_fp {
width: 550px;
padding-top: 12px;
clear: both;
color: #000;
font-family: 'oswald-regular';
font-size: 20px;
text-align: justify;
overflow: hidden;
}

		#headlines_fp li:hover {
			color: #000;
			text-decoration: underline;
		}
		
		#headlines_fp a:link {
			color: #000;
		}
		
		#headlines_fp a:visited {
			color: #000;
		}
		
		#headlines_fp a:active {
			color: #000;
		}

#headlines_01_kingmakers {
width: 270px;
float: left;
margin-left: 5px;
}

		#headlines_01_kingmakers ul {
            list-style: none;
			padding-left: 16px;
			list-style-image: url(../images/pointer-01.png);
		}
		
		#headlines_01_kingmakers li {
            margin-bottom: 6px;
		}

#headlines_02_general {
width: 264px;
float: right;

}

		#headlines_02_general ul {
			list-style: none;
			padding-left: 16px;
			list-style-image: url(../images/pointer-01.png);
		}
		
		#headlines_02_general li {
			margin-bottom: 6px;
		}


.scroll01,
.scroll02,
.scroll03,
.scroll04,
.scroll05,
.scroll06,
.scroll07 {
float: right;
width: 20px;
height: 20px;
background-color: transparent;
background-image: url(../images/scroll01.png);
}

.scroll01-arrow,
.scroll02-arrow,
.scroll03-arrow,
.scroll04-arrow,
.scroll05-arrow,
.scroll06-arrow,
.scroll07-arrow {
float: right;
width: 20px;
height: 20px;
background-color: transparent;
background-image: url(../images/scroll02.png);
}

.musings-heading {
width: 220px;
height: 26px;
padding-left: 5px;
color: #FFFFFF;
font-family: 'oswald-regular', Arial; 
font-size: 16.5px;
background-color: #2a3391;
border-top-right-radius: 3px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.musings-box {
background-color: #151515;
color: #FFFFFF;
font-family: 'oswald-regular', 'Arial';
font-size: 15px;
width: 209px !important;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}

.musings-box a:link {
text-decoration: none;
color: #e233c1;
}

.musings-box a:visited {
text-decoration: none;
color: #e233c1;
}

.musings-box a:hover {
text-decoration: none;
color: #df1818;
}

.musings-box a:active {
text-decoration: none;
color: #e233c1;
}


.study-centers {
font-size: 14px;		
font-family: 'oswald-regular', 'Times New Roman';
width: 208px;
text-transform: uppercase;
} 

.study-centers ul {
margin: 0;
padding: 0;
}

.study-centers li {
position: relative;
margin: 0;
padding-left: 2px;
list-style: none;
background: #151515;
text-align: left;				
text-decoration: none;	
border-bottom: 1px dotted #e010e0;	
height: 22px;
}

.study-centers li:first-child {
border-top: 1px dotted #F0F;	
}

.study-centers li:hover {
background: #FFF;	
color: #000 !important;			
}

.study-centers a:hover {
color: #000 !important;				
}

.study-centers ul li a {
color: #FFF !important; 					
text-decoration: none;
width: 204px;
height: 22px;
display: inline-block;
}





.news_section_heading {
width: 245px;
padding-left: 5px;
color: #FFFFFF;
font-family: 'oswald-regular'; 
font-size: 14.5px;
background-color: #2a3391;
border-top-right-radius: 3px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}



.news-section-links {
background-color: #fffffc;
width: 250px !important;
padding-right: 0px;
padding-left: 0px;
padding-top: 1px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.news-section-links-top-1 {
font-size: 12.5px;
position: relative;
width: 225px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 15px;
} 

.news-section-links-internal-1 {
position: relative;
width: 250px !important;
height: 0px;;
background-color: #fffffc;
overflow: hidden;
} 	

.news-section-links-internal-1-scroll {
height: auto;							
background-color: #fffffc;
width: 230px !important;
padding-left: 5px;
padding-right: 15px;
overflow-x: hidden !important;
overflow-y: auto;
border-top: 0px #000 dotted;
}

.news-section-links-top-2 {
font-size: 12.5px;
position: relative;
width: 225px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 15px;
} 

.news-section-links-internal-2 {
position: relative;
width: 250px !important;
height: 0px;
background-color: #fffffc;
overflow: hidden;
} 	


.news-section-links-internal-2-scroll {
height: auto;							
background-color: #fffffc;
width: 230px !important;
padding-left: 5px;
padding-right: 15px;
overflow-x: hidden !important;
overflow-y: auto;
border-top: 0px #000 dotted;
}

.news-section-links-top-3 {
font-size: 12.5px;
position: relative;
width: 225px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 15px;
} 

.news-section-links-internal-3 {
position: relative;
width: 250px !important;
height: 0px;;
background-color: #fffffc;
overflow: hidden;
} 	


.news-section-links-internal-3-scroll {
height: auto;							
background-color: #fffffc;
width: 230px !important;
padding-left: 5px;
padding-right: 15px;
overflow-x: hidden !important;
overflow-y: auto;
border-top: 0px #000 dotted;
}

.news-section-links-top-4 {
font-size: 12.5px;
position: relative;
width: 225px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 15px;
} 

.news-section-links-internal-4 {
position: relative;
width: 250px !important;
height: 0px;;
background-color: #fffffc;
overflow: hidden;
} 	


.news-section-links-internal-4-scroll {
height: auto;							
background-color: #fffffc;
width: 230px !important;
padding-left: 5px;
padding-right: 15px;
overflow-x: hidden !important;
overflow-y: auto;
border-top: 0px #000 dotted;
}

.news-section-links-top-5 {
font-size: 12.5px;
position: relative;
width: 225px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 15px;
} 

.news-section-links-internal-5 {
position: relative;
width: 250px !important;
height: 0px;;
background-color: #fffffc;
overflow: hidden;
} 	


.news-section-links-internal-5-scroll {
height: auto;							
background-color: #fffffc;
width: 230px !important;
padding-left: 5px;
padding-right: 15px;
overflow-x: hidden !important;
overflow-y: auto;
border-top: 0px #000 dotted;
}				

.news-section-links-top-6 {
font-size: 12.5px;
position: relative;
width: 225px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 15px;
} 

.news-section-links-internal-6 {
position: relative;
width: 250px !important;
height: 0px;;
background-color: #fffffc;
overflow: hidden;
} 	


.news-section-links-internal-6-scroll {
height: auto;							
background-color: #fffffc;
width: 230px !important;
padding-left: 5px;
padding-right: 15px;
overflow-x: hidden !important;
overflow-y: auto;
border-top: 0px #000 dotted;
}

.news-section-links-top-7 {
font-size: 12.5px;
position: relative;
width: 225px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 15px;
} 

.news-section-links-internal-7 {
position: relative;
width: 250px !important;
height: 0px;
background-color: #fffffc;
overflow: hidden;
} 	

.news-section-links-internal-7-scroll {
height: auto;							
background-color: #fffffc;
width: 230px !important;
padding-left: 5px;
padding-right: 15px; 
overflow-x: hidden !important;
overflow-y: auto;
border-top: 0px #000 dotted;
}

ul.news-top {
	margin-bottom: 9px;	
}

ul.news-older {
	margin-top: -3px;	
}

.news-section-links-internal-1-scroll,
.news-section-links-internal-2-scroll,
.news-section-links-internal-3-scroll,
.news-section-links-internal-4-scroll,
.news-section-links-internal-5-scroll,
.news-section-links-internal-6-scroll,
.news-section-links-internal-7-scroll{
scrollbar-face-color: #303997;
scrollbar-arrow-color: #000;
scrollbar-shadow-color: #F2F2F2;
}

.news-section-links-internal-1-scroll::-webkit-scrollbar,
.news-section-links-internal-2-scroll::-webkit-scrollbar,
.news-section-links-internal-3-scroll::-webkit-scrollbar,
.news-section-links-internal-4-scroll::-webkit-scrollbar,
.news-section-links-internal-5-scroll::-webkit-scrollbar,
.news-section-links-internal-6-scroll::-webkit-scrollbar,
.news-section-links-internal-7-scroll::-webkit-scrollbar{
width:10px;
background-color:#ccc;
} 

.news-section-links-internal-1-scroll::-webkit-scrollbar-button,
.news-section-links-internal-2-scroll::-webkit-scrollbar-button,
.news-section-links-internal-3-scroll::-webkit-scrollbar-button,
.news-section-links-internal-4-scroll::-webkit-scrollbar-button,
.news-section-links-internal-5-scroll::-webkit-scrollbar-button,
.news-section-links-internal-6-scroll::-webkit-scrollbar-button,
.news-section-links-internal-7-scroll::-webkit-scrollbar-button{
height: 1px;
} 

.news-section-links-internal-1-scroll::-webkit-scrollbar-thumb,
.news-section-links-internal-2-scroll::-webkit-scrollbar-thumb,
.news-section-links-internal-3-scroll::-webkit-scrollbar-thumb,
.news-section-links-internal-4-scroll::-webkit-scrollbar-thumb,
.news-section-links-internal-5-scroll::-webkit-scrollbar-thumb,
.news-section-links-internal-6-scroll::-webkit-scrollbar-thumb,
.news-section-links-internal-7-scroll::-webkit-scrollbar-thumb{
background-color: #2a3391;
border-radius: 10px;
}

.news-section-links-internal-1-scroll::-webkit-scrollbar-thumb:hover,
.news-section-links-internal-2-scroll::-webkit-scrollbar-thumb:hover,
.news-section-links-internal-3-scroll::-webkit-scrollbar-thumb:hover,
.news-section-links-internal-4-scroll::-webkit-scrollbar-thumb:hover,
.news-section-links-internal-5-scroll::-webkit-scrollbar-thumb:hover,
.news-section-links-internal-6-scroll::-webkit-scrollbar-thumb:hover, .news-section-links-internal-7-scroll::-webkit-scrollbar-thumb:hover{
background-color: #333c95;
border: 1px solid #333333;
}

.news-section-links-internal-1-scroll::-webkit-scrollbar-thumb:active,
.news-section-links-internal-2-scroll::-webkit-scrollbar-thumb:active,
.news-section-links-internal-3-scroll::-webkit-scrollbar-thumb:active,
.news-section-links-internal-4-scroll::-webkit-scrollbar-thumb:active,
.news-section-links-internal-5-scroll::-webkit-scrollbar-thumb:active,
.news-section-links-internal-6-scroll::-webkit-scrollbar-thumb:active,
.news-section-links-internal-7-scroll::-webkit-scrollbar-thumb:active{
background-color: #333c95;
border: 1px solid #333333;
} 

.news-section-links-internal-1-scroll::-webkit-scrollbar-track, 
.news-section-links-internal-2-scroll::-webkit-scrollbar-track,
.news-section-links-internal-3-scroll::-webkit-scrollbar-track,
.news-section-links-internal-4-scroll::-webkit-scrollbar-track,
.news-section-links-internal-5-scroll::-webkit-scrollbar-track,
.news-section-links-internal-6-scroll::-webkit-scrollbar-track,
.news-section-links-internal-7-scroll::-webkit-scrollbar-track{
border:1px gray solid;
border-radius:10px;
-webkit-box-shadow:0 0 6px gray inset;
} 

.news-section-links-ngo {
background-color: #fffffc;
width: 100% !important;
padding-right: 0px;
padding-left: 0px;
padding-top: 1px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.news-section-links-internal-ngo {
width: 546px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 5px;
}

.news-section-links-internal-media {
width: 230px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 5px;
}

.news-section-links-internal-911 {
width: 230px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 5px;
}

.older-news {
position: absolute;
bottom:0;
right:5px;
font-size: 13px;
}

.older-news a:visited,
.older-news a:link,
.older-news a:hover,
.older-news a:active {
color: #009 !important;
}

/* INDEX CENTER */

#ws_container {
	width: 550px; 
	margin: 0 0 0 0;
	background-color: #000;
}

#contain1 {
	float: left;
	width: 271px;
	vertical-align: top;
	padding: 0 0 0 0;
}

#contain2 {
	float: right;
	width: 271px;
	vertical-align: top;
	margin: 0 0 0 0;
}

.news-row-three-container {
	display: table;
	width: 549px; 
}

.news-row-three-left {
	display: table-cell;
	vertical-align: top;
	color: #fff;
	padding: 0 0 0 5px;
}

.news-row-three-right {
	display: table-cell;
	vertical-align: top;
	width: 300px;
	padding: 0 5px 0 0;
}

.news-row-three-image {
	width: 300px;
	height: 200px;
	border: 1px #000 solid;
	margin: 0 0 15px 0;	
}

.news_section_heading_latest {
width: 295px;
padding-left: 5px;
color: #FFFFFF;
font-family: 'oswald-regular'; 
font-size: 19px;
height:30px;
background-color: #2a3391;
border-top-right-radius: 3px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

.news-section-links-latest {
background-color: #fffffc;
width: 300px !important;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
font-size: 17px;
}

.news-section-links-top-latest {
  font-size: 19px;
  width: 275px !important;
  background-color: #fffffc;
  margin-left: 5px;
  margin-right: 15px;
  position: relative;
  max-height: 670px; /* Collapsed height */
  transition: max-height 0.3s ease; /* Smooth animation, but acts as delay here or doesn't work; cannot explain; removed: , opacity 3s ease */
  overflow: hidden;
  opacity: 1;
}

.news-section-links-top-latest.expanded {
  max-height: none; /* Fully expanded height */
  opacity: 1;
}

.news-section-links-top-latest .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(transparent, rgba(255, 255, 255, 1)); /* Color where the fade begins */
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 1;
}

.news-section-links-top-latest.expanded .overlay {
  opacity: 0;
}

.expand-button-02 {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  font-size: 22px;
  text-transform: uppercase;
  border: 1px solid #FFF;
  background: #292929;
  color: #FFF;
  border-radius: 5px;
  cursor: pointer;
  opacity: 1;
  z-index: 2;
}

.news-section-links-internal-latest {
position: relative;
width: 300px !important;
height: 0px;;
background-color: #fffffc;
overflow: hidden;
} 	

.news-section-links-internal-latest-scroll {
height: auto;							
background-color: #fffffc;
width: 280px !important;
padding-left: 5px;
padding-right: 15px;
overflow-x: hidden !important;
overflow-y: auto;
border-top: 0px #000 dotted;
}

.scroll-latest {
float: right;
width: 20px;
height: 20px;
background-color: transparent;
background-image: url(../images/scroll01.png);
}

.scroll-latest-arrow {
float: right;
width: 20px;
height: 20px;
background-color: transparent;
background-image: url(../images/scroll02.png);
}

ul.news-top-latest {
margin-bottom: 9px;
margin-top: 10px;
}

ul.news-top-latest li {
margin-bottom: 10px;
}

ul.news-older-latest {
margin-top: -3px;

}

.isgp-news-latest-container {
color: #000;
font-family: 'oswald-regular';
font-size: 13px;
text-align: justify;
overflow: hidden;		
}


		.isgp-news-latest-container li:hover {
			color: #000;
			text-decoration: underline;
		}
		
		.isgp-news-latest-container a:link {
			color: #000;
		}
		
		.isgp-news-latest-container a:visited {
			color: #000;
		}
		
		.isgp-news-latest-container a:active {
			color: #000;
		}

.isgp-news-latest-container ul {
			list-style: none;
			padding-left: 16px;
			list-style-image: url(../images/pointer-01.png);
		}
		
		.isgp-news-latest-container li {
			margin-bottom: 6px;
		}

.column-heading {
width: 220px;
height: 29px;
padding-left: 5px;
color: #FFFFFF;
font-family: 'oswald-regular', Arial; 
font-size: 18px;
text-transform:uppercase;
background-color: #2a3391;
border-top-right-radius: 3px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.column-box {
background-color: #151515;
color: #FFFFFF;
font-family: 'oswald-regular', 'Arial';
font-size: 19px;
width: 209px !important;
padding: 8px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
position: relative;
overflow: hidden; /* Initially hide overflow content */
  
}

.column-box .content {
    max-height: 525px;
    overflow: hidden;
    transition: max-height 0.3s ease;
	background: linear-gradient(transparent, rgba(21, 21, 21, 1)); /*overlay content before fade*/
}

.column-box.expanded .content {
    max-height: none;
	opacity: 1;
}

.column-box .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
	background: linear-gradient(transparent, rgba(21, 21, 21, 1)); /* Color where the fade begins */
	/* background: linear-gradient(rgba(242, 242, 242, 1), transparent); */
    pointer-events: none;
    /* transition: opacity 0.3s ease;
    opacity: 1; */
}

.column-box.expanded .overlay {
    opacity: 1;
}

.expand-button {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    font-size: 22px;
	text-transform: uppercase;
    border: 1px solid #FFF;
    background: #292929;
	color: #FFF;
    border-radius: 5px;
    cursor: pointer;
	opacity: 1;
	z-index: 2;
}

.column-box a:link {
text-decoration: none;
color: #e233c1;
}

.column-box a:visited {
text-decoration: none;
color: #e233c1;
}

.column-box a:hover {
text-decoration: none;
color: #df1818;
}

.column-box a:active {
text-decoration: none;
color: #e233c1;
}


/* INDEX DOTTED LINES */

.dotted-line-below-slider-01 {
clear: both; margin: 0 0 0 0; width: 545px; font-size: 12px; border-bottom: 0px #000 dotted;
} 
.dotted-line-below-slider-02 {
height:10px; margin: 0 0 0 0; width: 545px; font-size: 12px; border-top: 1px #000 dotted;
} 

.dotted-line-below-first-row-of-images-01 {
height:2px; margin: 0 0 0 0; width: 545px; font-size: 12px; border-top: 0px #000 dotted;
}
.dotted-line-below-first-row-of-images-02 {
clear: both; margin: 0 0 0 0; width: 545px; font-size: 12px; border-top: 1px #000 dotted;
}

.dotted-line-below-musings-01 {
height:4px; margin: 0 0 0 0; width: 545px; font-size: 12px; border-top: 0px #000 dotted;
	}
	
.dotted-line-below-musings-02 {
clear: both; margin: 0 0 0 0; width: 545px; font-size: 12px; border-bottom: 1px #000 dotted;	
	}
	
.dotted-line-set-04-01 {	
clear: both; margin: 0 0 0 0; width: 545px; font-size: 12px; border-bottom: 1px #000 dotted;
}
.dotted-line-set-04-02 {
height:2px; margin: 0 0 12px 0; width: 545px; font-size: 12px; border-top: 0px #000 dotted;
}
	


/* INDEX BIG TOP SLIDER */

		.div-around-slider-preventing-overflow {
			height:376px; 
            overflow:hidden;
		}

        .slider {
            width: 540px;
            height: 320px;
            position: relative;
			border: 1px solid #000;
			margin-left:4px;
        }

        .slide {
            width: 540px;
            height: 318px;
            position: relative;
        }

        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            max-height: 100%;
        }

        .slide .overlay-01 {
            position: absolute;
            left: 5px;
            bottom: 42px;
            background-color: rgba(0,0,0,1);
            color: #fff;
			font-family:'oswald-regular';
            font-size: 24px;
			text-transform: uppercase;
            text-align: left;
            padding: 4px 4px 4px 4px;
			border-radius: 5px;
            z-index: 1;
			opacity: 0;
			transition: opacity 0.5s ease-in-out;
			transition-delay: 0.25s;
        }

        .slick-current .overlay-01 {
            display: block;
			opacity: 1;
        }
		
		.slide .overlay-02 {
		position: absolute;
		left: 5px;
		bottom: 5px;
		background-color: rgba(0,0,0,1);
		color: #fff;
		font-family:'oswald-regular';
		font-size: 18px;
		text-transform: uppercase;
		text-align: left;
		padding: 4px 4px 4px 4px;
		border-radius: 5px;
		z-index: 1;
		opacity: 0;
		transition: opacity 0.65s ease-in-out;
		Transition-delay: 0.25s;
	}

	   .slick-current .overlay-02 {
		display: block;
		opacity: 1;
	}	

		.slick-dots {
		bottom: -40px; /* adjust the position of the dots */
		z-index: 3;	
	}

		.slick-dots li {
          margin: 0 19px;
		  z-index: 3;
	}
		
		.slick-dots li button {	  
          opacity: 0.5;
		  width: 35px;
		  height: 35px;
		  border-radius: 2px;
		  background-color: #fff;
		  border: 1px solid #333;
		  color: #333;
		  font-size: 26px;
		  line-height: 20px;
		  z-index: 3;
	}
		
		.slick-dots li.slick-active button {
		  opacity: 1;
		  background-color: #333;
		  color: #fff;
	}
		
		.slick-dots li button:before {
			content: attr(data-num);
			width: 0;
			height: 0;
			opacity: 0;
	}
		
		
		.slick-dots li button:hover {
			opacity: 1;
	}


/* SUPERCLASS INDEX COLORING */

.superclass-list {
font-size: 77%;
}
.superclass-list a:link {
color: #000;
}
.superclass-list a:hover {
color: #000;
text-decoration: underline;
}
.superclass-list a:active {
color: #000;
}
.superclass-list a:visited {
color: #000;
}

.superclass-index-commentary-left {
	width: 225px;
    text-align: justify;
}

.top-rockefeller-era-column {
width:260px; border-top:1px #000 solid;
}

.gradient-yellow-blue-red {
 background: linear-gradient(to right, #ffffa8, #d5d3ed, #ffe1e1);
}

.gradient-green-yellow-red {
background: linear-gradient(to right, #e0fadc, #ffffa8, #ffe1e1);
}

.gradient-green-to-blue {
background: linear-gradient(to right, #e0fadc, #D5D3ED);
}

.gradient-green-to-red {
background:linear-gradient(to right, #E0FADC, #FFE1E1);
}

.gradient-red-to-blue {
background: linear-gradient(to right, #FFE1E1, #D5D3ED);
}

.gradient-red-to-green {
background:linear-gradient(to right, #FFE1E1, #E0FADC);
}

.gradient-red-to-yellow {
background:linear-gradient(to right, #FFE1E1, #ffffa8);
}

.gradient-blue-to-red {
background:linear-gradient(to right, #D5D3ED, #FFE1E1);
}

.gradient-yellow-to-green {
background: linear-gradient(to right, #ffffa8, #e0fadc);
}

.gradient-yellow-to-red {
background: linear-gradient(to right, #ffffa8, #ffe1e1);
}

.gradient-yellow-to-blue {
background: linear-gradient(to right, #ffffa8, #D5D3ED);
}

/* NGO CENTER */

#article_title_FP_NGO {
margin-left: 5px;
position: relative;
border-bottom: 2px #000 solid;
width: 538px;
}

.newsitem_image_NGO {
float: left;
width: 125px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
font-size: 13px;
font-family: 'oswald-regular', 'Arial';
height: 150px;
text-transform: uppercase;
background-color: #000;
color: #fff;
overflow: hidden;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px #000 solid;
line-height: 1.6;
}

.newsitem_image_3_lines_NGO {
float: left;
width: 125px;
margin-left: 8px;
margin-right: 4px;
text-align: center;
font-size: 13px;
font-family: 'oswald-regular', 'Arial';
height: 165px;
text-transform: uppercase;
background-color: #000;
color: #fff;
border: 1px solid #000;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
line-height: 1.4;
}

.ngo-heading {
font-family: 'oswald-regular', 'arial';
font-size: 100%;
background-color: #000;
color: #fff;
width: 544px;
padding-left: 5px;
border-top-right-radius: 10px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

.about-ngo-center {
background-color: #fffffc;
width: 529px;
padding: 10px;
overflow: hidden;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

#daily_news_ngo {
float: left;
width: 280px;
margin-left: -3px !important;
height: 164px;
margin-left: 0px;
margin-top: 0px;
}



/* MEDIA CENTER */

#article_title_FP_media {
margin-left: 5px;
position: relative;
border-bottom: 2px #151515 solid;
width: 538px;
}	

.newsitem_image_media {
float: left;
width: 125px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
font-size: 13px;
font-family: 'oswald-regular', 'Arial';
text-transform: uppercase;
height: 150px;
background-color: #151515;
color: #000;
overflow: hidden;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px #000 solid;
line-height: 1.6;
}

.newsitem_image_3_lines_media {
float: left;
width: 125px;
margin-left: 8px;
margin-right: 4px;
text-align: center;
font-size: 13px;
font-family: 'oswald-regular', 'Arial';
text-transform: uppercase;
height: 165px;
background-color: #151515;
color: #000;
border: 1px solid #000;
overflow: hidden;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
line-height: 1.5;
}
							
.media-heading {
font-family: 'oswald-regular', 'arial';
font-size: 100%;
background-color: #222;
width: 545px;
padding-left: 5px;
color: #FFF;
border-top-right-radius: 10px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

.about-media-center {
font-size: 20px;
background-color: #fffffc;
width: 530px;
padding: 10px;
overflow: hidden;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}




/* 9/11 CENTER */

#article_title_FP_911 {
margin-left: 5px;
position: relative;
border-bottom: 2px #2a3391 solid;
width: 538px;
}

.about-911-heading {
font-family: 'oswald-regular', 'arial';
font-size: 100%;
background-color: #2a3391;
width: 548px;
padding-left: 5px;
color: #FFF;
border-top-right-radius: 5px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

.about-911-center {
background-color: #fffffc;
width: 533px;
padding: 10px;
overflow: hidden;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.newsitem_image_911 {
float: left;
width: 125px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
font-size: 13px;
font-family: 'oswald-regular', 'Arial';
height: 150px;
text-transform: uppercase;
background-color: #000;
color: #fff;
overflow: hidden;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
border: 1px #000 solid;
line-height: 1.5;
}

.newsitem_image_3_lines_911 {
float: left;
width: 125px;
margin-left: 8px;
margin-right: 4px;
text-align: center;
font-size: 13px;
font-family: 'oswald-regular', 'Arial';
height: 165px;
background-color: #000;
color: #fff;
border: 1px solid #000;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
line-height: 1.4;
}

#daily_news_911 {
float: left;
width: 280px;
height: 164px;
margin-left: -3px !important;
margin-top: 0px;
}


/* SCARE CENTER */

.news-section-links-top-scare {
overflow: hidden;
font-size: 12.5px;
position: relative;
width: 225px !important;
background-color: #fffffc;
margin-left: 5px;
margin-right: 15px;	
}

.news-section-links-internal-scare {
position: relative;
width: 250px !important;
height: 0px;
background-color: #fffffc;
overflow: hidden;
} 	

.news-section-links-internal-scare-scroll {
height: auto;							
background-color: #fffffc;
width: 230px !important;
padding-left: 5px;
padding-right: 15px;
overflow-x: hidden !important;
overflow-y: auto;
border-top: 0px #000 dotted;
}
	

/* */

#modern_and_unique_research {
width: 550px;
margin-top: 20px;
font-family: 'oswald-regular', 'Times New Roman';
font-weight: bold;
font-size: 25px;
}

#index_bottom_wrapper {
width: 550px;
overflow: auto;
}

#index_bottom_left {
width: 270px;
float: left;
background-color: #fdfcf2;
vertical-align: top;
font-family: 'oswald-regular', 'Times New Roman';
font-size: 13px;
}

.site-related-links {
color: #fbfaf1;
text-align: center;
font-size: 11px;
font-family: 'oswald-regular', 'Times New Roman';
}

.site-related-links a:link,
.site-related-links a:hover,
.site-related-links a:active,
.site-related-links a:visited {
color: #fbfaf1;
text-align: center;
font-size: 11px;
font-family: 'oswald-regular', 'Times New Roman';
} 

#index_bottom_right {
width: 280px;
float: left;
background-color: #fdfcf2;
vertical-align: top;
font-family: 'oswald-regular', 'Times New Roman';
font-size: 13px;
}

/* IMAGE FLOATS */

.reverse {
	color: #FFF;
}

.line_height_1_1_fix_html4_5 {
	line-height: 1.1;
}

.floatleft_100 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 100px;
}

.floatleft_115 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 115px;
}

.floatleft_120 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 120px;
}

.floatleft_125 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 125px;
}

.floatleft_130 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 130px;
}

.floatleft_135 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 135px;
}

.floatleft_140 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 140px;
}

.floatleft_145 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 145px;
}

.floatleft_150 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 150px;
}

.floatleft_160 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 160px;
}

.floatleft_165 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 165px;
}

.floatleft_170 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 170px;
}

.floatleft_180 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 180px;
}

.floatleft_190 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 190px;
}

.floatleft_200 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 200px;
}

.floatleft_210 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 210px;
}

.floatleft_220 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 220px;
}

.floatleft_230 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 230px;
}

.floatleft_240 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 240px;
}

.floatleft_250 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 250px;
}

.floatleft_270 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 270px;
}

.floatleft_280 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 280px;
}

.floatleft_300 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 300px;
}

.floatleft_325 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 325px;
}

.floatleft_350 {
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	padding-right: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 350px;
}


.floatright_100 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 100px;
}

.floatright_115 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 115px;
}

.floatright_120 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 120px;
}

.floatright_140 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 140px;
}

.floatright_150 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 150px;
}

.floatright_160 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 160px;
}

.floatright_170 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 170px;
}

.floatright_180 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 180px;
}

.floatright_190 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 190px;
}


.floatright_200 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 200px;
}

.floatright_210 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 210px;
}

.floatright_220 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 220px;
}

.floatright_230 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 230px;
}

.floatright_240 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 240px;
}

.floatright_250 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 250px;
}

.floatright_280 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 280px;
}

.floatright_300 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 300px;
}

.floatright_321 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 321px;
}

.floatright_370 {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-left: 3px;
	padding-top: 4px;
	text-align: justify;
	font-size: 12px;
	width: 370px;
}

/* CONTENTS, HEADINGS, UL, OL, NOTES */

.two-columns {
  columns: 2;
  -webkit-columns: 2; /* for Safari and older versions of Chrome */
  column-gap: 30px;
  margin-left:-20px;
  list-style-position: inside;
}

.three-columns {
  columns: 3;
  -webkit-columns: 3; /* for Safari and older versions of Chrome */
  column-gap: 30px;
  margin-left:-20px;
  list-style-position: inside;
}


ul.unordered_list_with_pointers {
list-style: none;
padding-left: 16px;
list-style-image: url(../images/pointer-01.png);
}
		
	ul.unordered_list_with_pointers li {
	margin-bottom: 6px;
	margin-left: 30px;
	}
	
.contents {
font-family: 'oswald-regular';
font-size: 150%;
text-transform:uppercase;
}

.li-bottom-margin-12px li {
      margin-bottom: 12px;
    }


ol.contents-list li {
padding-left: 16px;		
}

.sub-heading {
font-family: 'oswald-regular';
font-size: 115%;
line-height: 1.4;
}



/*SUPERSCRIPT*/

.superscript {
    font-weight: 900;
    vertical-align: super; /* Align it as superscript */
    line-height: 1; /* Ensure line height is consistent */
    text-decoration: none; /* Remove underline if any */
    position: relative; /* Make positioning relative to its normal flow */
    top: -0.2em; /* Adjust to fit nicely without affecting line height */
    font-size: 0.85em; /* Adjust font size to look like superscript */
}


/*DATA TOOLTIP*/

[data-tooltip]:before {
    content: attr(data-tooltip);
    position: absolute;
    max-width: 235px;
    padding: 10px 10px 10px 35px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: 1px solid #9c9c9c;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

[data-tooltip]:hover:before {
    opacity: 1;
    visibility: visible;
}



/* Out of date: 

ol.endnotes {
	margin: 0 0 0 -30px;
}

ol.endnotes li {
	padding: 0 0 0 16px;
	margin: 0 0 5px 0;
}

.notes-justify {	text-align: justify;
}

*/


/* TABLES */

.table-notes {
text-align: justify;	
}
.superclass-table td {
border-bottom: 1px #000 solid;
}

.superclass-table td:first-child {
border-left: 1px #000 solid;
}

.superclass-table td:last-child {
border-left: 1px #000 solid;
border-right: 1px #000 solid;
}

.superclass-legenda td {
font-size: 15px;	
border-bottom: 1px #000 solid;
border-left: 1px #000 solid;
}

.superclass-legenda {
border-top: 1px #000 solid;
border-right: 1px #000 solid;
}




.membership-table-1001 {
border-top: 1px #000 solid;
border-left: 1px #000 solid;
}

.membership-table-1001 td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
padding: 0 3px 0 3px;
text-align: justify;
}

.membership-table-1001 td:first-child {
background-color: #e9e7fe;
}

.membership-table-1001 td:last-child {
background-color: #FFF;
}

.membership-table-1001 td:last-child p {
background-color: #FFF;
margin-top: 0;
margin-bottom: 6px;
}

.membership-table-1001-nl {
border-top: 1px #000 solid;
border-left: 1px #000 solid;
}

.membership-table-1001-nl td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
padding: 0 3px 0 3px;
text-align: justify;
}

.membership-table-1001-nl td:first-child {
background-color: #e9e7fe;
}

.membership-table-1001-nl td:last-child {
background-color: #FFF;
}

.membership-table-1001-nl td:last-child p {
background-color: #FFF;
margin-top: 0;
margin-bottom: 6px;
}



.function /* Pilgrims president, chair, etc. */ { 
font-style: italic;
font-weight: bold;
} 


.membership-table-pg {
border-top: 1px #000 solid;
border-left: 1px #000 solid;
}

.membership-table-pg td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
padding: 0 3px 0 3px;
text-align: justify;
}

.membership-table-pg th {
color: #FFF;
background-color: #000;
border-bottom: 1px #000 solid;
padding: 0 3px 0 3px;
}

.membership-table-pg td:first-child {
background-color: #e9e7fe;
width: 130px !important;
}

.membership-table-pg td:nth-child(2) {
background-color: #FFF;
width: 70px !important;
}

.membership-table-pg td:nth-child(3) {
background-color: #FFF;
width: 65px !important; 
}

.membership-table-pg td:last-child {
background-color: #FFF;
margin-bottom: 0;
width: auto;
}

.membership-table-pg td:last-child p {
background-color: #FFF;
margin-top: 0;
margin-bottom: 6px;
}




.membership-table-pg-new {
border-top: 1px #000 solid;
border-left: 1px #000 solid;
}

.membership-table-pg-new td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
padding: 0 3px 0 3px;
text-align: justify;
}

.membership-table-pg-new th {
color: #FFF;
background-color: #000;
border-bottom: 1px #000 solid;
padding: 0 3px 0 3px;
}

.membership-table-pg-new td:first-child {
background-color: #e9e7fe;
width: 130px;
}

.membership-table-pg-new td:nth-child(2) {
background-color: #FFF;
width: 70px;
}

.membership-table-pg-new td:last-child {
background-color: #FFF;
margin-bottom: 0;
}

.membership-table-pg-new td:last-child p {
background-color: #FFF;
margin-top: 0;
margin-bottom: 6px;
}






.membership-table-bb-tc {
border-top: 1px #000 solid;
border-left: 1px #000 solid;
}

.membership-table-bb-tc td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
padding: 0 3px 0 3px;
text-align: justify;
}

.membership-table-bb-tc th {
color: #FFF;
background-color: #000;
border-bottom: 1px #000 solid;
padding: 0 3px 0 3px;
}

.membership-table-bb-tc td:first-child {
background-color: #e9e7fe;
width: 180px;
}

.membership-table-bb-tc td:last-child {
background-color: #FFF;
margin-bottom: 0;
width: auto;
}

.membership-table-bb-tc td:last-child p {
background-color: #FFF;
margin-top: 0;
margin-bottom: 6px;
}





.membership-table-bg {border-top: 1px #000 solid;
border-left: 1px #000 solid;
}

.membership-table-bg {
border-top: 1px #000 solid;
border-left: 1px #000 solid;
}

.membership-table-bg td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
padding: 0 3px 0 3px;
text-align: justify;
}

.membership-table-bg th {
color: #FFF;
background-color: #000;
border-bottom: 1px #000 solid;
padding: 0 3px 0 3px;
}

.membership-table-bg td:first-child {
background-color: #e9e7fe;
width: 130px !important;
}

.membership-table-bg td:nth-child(2) {
background-color: #FFF;
width: 70px !important;
}

.membership-table-bg td:nth-child(3) {
background-color: #FFF;
width: 65px !important; 
}

.membership-table-bg td:last-child {
background-color: #FFF;
margin-bottom: 0;
width: auto;
}

.membership-table-bg td:last-child p {
background-color: #FFF;
margin-top: 0;
margin-bottom: 6px;
}



.membership-table-sv-fl {
border-top: 1px #000 solid;
border-left: 1px #000 solid;
}

.membership-table-sv-fl td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
padding: 0 3px 0 3px;
text-align: justify;
}

.membership-table-sv-fl td:first-child {
background-color: #e9e7fe;
}

.membership-table-sv-fl td:last-child {
background-color: #FFF;
}

.membership-table-sv-fl td:last-child p {
background-color: #FFF;
margin-top: 0;
margin-bottom: 6px;
}

.membership-table-cercle {
border-top: 1px #000 solid;
border-left: 1px #000 solid;
}

.membership-table-cercle td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
padding: 0 3px 0 3px;
text-align: justify;
}

.membership-table-cercle th {
color: #FFF;
background-color: #000;
border-bottom: 1px #000 solid;
padding: 0 3px 0 3px;
}

.membership-table-cercle td:first-child {
background-color: #e9e7fe;
width: 130px !important;
}

.membership-table-cercle td:nth-child(2) {
background-color: #FFF;
width: 70px !important;
}

.membership-table-cercle td:nth-child(3) {
background-color: #FFF;
width: 65px !important; 
}

.membership-table-cercle td:last-child {
background-color: #FFF;
margin-bottom: 0;
width: auto;
}

.membership-table-cercle td:last-child p {
background-color: #FFF;
margin-top: 0;
margin-bottom: 6px;
}
.griggs-table {
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
	color: #000;
}

.griggs-table td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
text-align:justify;
}

.sources-griggs {
	font-size: 13px;
	color: #990000;
	font-style: italic;	
	margin: 0 0 20px 0;
}

.isis-table td {
	border-right: 1px #000 solid;
}

.isis-table tr td {
	border-bottom: 1px dotted #000;
	padding-bottom: 4px;
}

.isis-table td:nth-child(1) {
	background: #EFEFFF;
}

.isis-table tr:nth-child(2n+1) td:nth-child(2) {
	background: #FFFFFF;
}

.isis-table tr:nth-child(2n+2) td:nth-child(2) {
	background: #FFFFFF;
}

div_align_justify {text-align: justify;}

.endnotes {
text-align: justify;	
}

.ngo-table {
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
	color: #000;
    font-size: 110%;
}

.ngo-table td {
border-bottom: 1px #000 solid;
border-right: 1px #000 solid;
}

.death-list-rating-new {
    border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    color: #000;
}

.death-list-rating-new td {
    border-bottom: 1px #000 solid;
    border-right: 1px #000 solid;
}

.death-list-rating-new th {
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
padding: 0 2px 0 2px;
color: #FFF;
background-color: #000;
} 

.death-list-rating-new tr:nth-child(2n+1) td {
    background-color: #eee;
    color: #000;
}
.death-list-rating-new tr:nth-child(2n+2) td {
    background-color: #FFF;
    color: #000;
} 

.death-list-table {
    border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    color: #000;
}

.death-list-table td {
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
padding: 0 2px 0 2px;
}

.death-list-rating td {
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
padding: 0 2px 0 2px;
}

.death-list-rating th {
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
padding: 0 2px 0 2px;
}

.death-list-table tr:nth-child(2n+1) td {
	background-color: #f4f4f4;
    color: #000;
}
.death-list-table tr:nth-child(2n+2) td {
	background-color: #FFF;
    color: #000;
}

/* FONT CLASSES AND FONT-FACE */

.by-and-date { 
font-family: 'oswald-regular';
} 

.center-type {
font-family: 'oswald-regular';
text-transform: uppercase;
} 

.oswald-regular {
font-family: 'oswald-regular';
}

.slabo {
font-family: 'slabo-regular';
}

@font-face {
font-family: 'oswald-regular';
src: url('fonts/Oswald-Regular.eot');
src: url('fonts/Oswald-Regular.eot?#iefix'),
url('fonts/Oswald-Regular.ttf'),
url('fonts/Oswald-Regular.woff');
}

@font-face {
font-family: 'oswald-bold';
src: url('fonts/Oswald-Bold.woff');
}

@font-face {
font-family: 'slabo-regular';
src: url('fonts/Slabo27px-Regular.woff');
}

/* CUSTOM TEXT STYLES */

.font-small-blue {
	font-size: 80%;
	color: #009;
}

.font-12px-blue {
	font-size: 80%; /* Used to be 12px */
	color: #009;
}

.sources {
	font-size: 13px;
	color: #990000;
	font-style: italic;	
}

.font-12px-red {
	font-size: 12px;
	color: #990000;
}

.style6 {	
	color: #990000;
	font-size: 14px;
	font-style: italic;
}

.style46 {
	font-size: 14px
	}



/* DONATION POP UP BOX */

/* Make ^ invisible for desktop */

#top_fixed_mobile {
    display: none;
}


.searchSelect {
width:100%; margin:0 0 10px 0;	
	}
.searchInput {
width:96%	
	}
.searchButton-01 {
	float:right;margin: 5px 0 20px 0
}

/* DONATION POP UP BOX */

#mask {
  position:fixed;
  top: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 45px !important;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:fixed;
  float:right;
  left: .1% !important;
  top: 6px !important;
  width:98% !important;
  height:40px !important;
  display:none;
  z-index:9999;
  padding:0px;
  border-radius: 3px;
  text-align: center;
}
#boxes #dialog {
  width:100%; 
  height:auto;
  padding:0px;
  background-color:transparent;
  font-family: 'oswald-regular', Arial;
  font-size: 18px;
  color: #FFF;
}
.maintext{
	text-align: center;
  font-family: "oswald-regular", sans-serif;
  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#lorem{
	font-family: "oswald-regular", sans-serif;
	font-size: 16px;
  text-align: left;
}
#popupfoot{
	font-family: "oswald-regular", sans-serif;
	font-size: 16px; /* I agree/disagree text */
  padding: 10px 5px;
  float: right;
}
#popupfoot a{
	text-decoration: none;
}

#popupfoot a:link,
#popupfoot a:visited,
#popupfoot a:active{
	text-decoration: none;
	color: #0C0;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}



/* DYNAMIC TABLE OF CONTENTS */

    h2.article-heading {
        font-size: 24px;
        margin: 30px 0 -10px 0 !important;
        font-family: 'oswald-regular';   
      }
    h3.article-heading {
        font-size: 22px;
        margin: 5px 0 0 0;
        font-family: 'oswald-regular';
    } 
    h4.article-heading  {
        font-size: 20px;
        margin: 0 0 -10px 0;
        font-family: 'oswald-regular';
    }
    h2.article-heading a, h3.article-heading a, h4.article-heading a {
        color: #000; 
      } 
    .contents-text {
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'oswald-regular';
        margin-bottom: -10px;
    }
    .contents-text-two-columns {
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'oswald-regular';
        margin-bottom: 50px;
    }
    .contents-text-three-columns {
        font-size: 21px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'oswald-regular';
        margin-bottom: 50px;
    }
    .toc a {
        text-decoration: none;
    }
    .section-heading {
        float: none;
        z-index:10;
        font-family: 'oswald-regular';
        list-style-type: none;
        /* font-size: 18px; */
    }
/* General CSS */
.section-heading-toc {
    position: absolute;
    margin-top: -35px;
    margin-left: -32px;
    z-index: 10;
    font-size: 115% !important;
    font-family: 'oswald-regular';
    color: #000;
}

h2.article-heading .section-heading-toc {
        position: relative;
        z-index: 10;
        margin: 20px 0 15px 0;
        padding: 50px 0 0 0;
        text-transform: uppercase;
}


 


  /* CSS for Fade-in Effect */
.toc-fade-in {
    position: relative;
    opacity: 0;
 /* transform: translate(-50%, -50%); */ 
    transform: translateY(100%);
    transition: transform 0.1s ease-out;
}

.toc-fade-in.visible {
    opacity: 1;
    transform: translateY(0);
  /* transform: translate(0, 0); */
}

/* Keyframes for fade-in animation */
@keyframes FadeIn {
    from {
        opacity: 0;
        transform: translateY(100%);
  /*    transform: translate(-50%, -50%); */
    }
    to {
        opacity: 1;
        transform: translateY(0);
   /*   transform: translate(0, 0); */
    }
}




/* DYNAMIC TABLE OF CONTENTS - THREE COLUMNS */

 .section-heading-toc-three-columns {
        position: absolute;
        margin-top: -32px;
        margin-left: -40px;
        z-index: 10;
        font-size: 100% !important;
        font-family: 'oswald-regular';
        color: #000;
    }


/* LIGHTBOX */

img {
    cursor: pointer; /* Shows a hand cursor on hover */
}

.lightbox {
    display: none; /* Hidden by default */
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95); /* Semi-transparent background */
    z-index: 100; /* Ensures it is on top of other content */
    justify-content: center;
    align-items: center;
}

.lightbox img {
    max-width: 90%;
    max-height: 90%;
    display: block; /* Centering image */
    margin: auto;
}

.lightbox.active {
    display: flex; /* Show the lightbox */
}


.lightbox-close {
    font-size: 200%; /* Increase size to 3x the original 30px */
    color: #d0d0d0;
    cursor: pointer;
}







/* @PRINT MEDIA SETTINGS */

@media print {

	html, body *	{
		visibility: hidden; /* makes borders disappear of remaining DIVs. */
	} 
	
	#header,
	#header_div_left,
	#header_div_right,
	#navmenu_top_wrapper1,
	#navmenu_top,
	#column_left_wrapper,
	.navmenu_left_wrapper,
	.navmenu-left-heading,
	#navmenu_left,
	#most_read,
	#footer,
	#column_right_wrapper,
	#column-right-inner,
	#scroll_down_items,
	#top_fixed,
	#donate_fixed { 
	   display: none; /* visibility: none will keep empty DIV structures in place. */
	}

    article * { 
   		visibility: visible;
   } 
   
	#article_wrapper,
	main,
	#article_title,
	#article_author_and_date,
	#article_body,
	article {
		width: 600px;
		margin: 12px 10px 14px 0;
		/*width: auto;  increased width to automatically center or close to centering with (A4) pages. Increases the length of lines actually. */
		background: #FFF;
	}

}














