@charset "utf-8";
/* CSS Document */
*
{
	margin:0px;
	padding:0px;
}
a
{color: #FFF;
text-decoration:none;
}

body
{background:url(images/body_background/backgroundewyear.jpg);
background-position:center;
}
#page{width:1000px;
height:auto;
margin:auto;
}

#banner
{width:1000;
height:160;
float:left;
}
#logo_image
{width:120;
height:130;
margin-top:27;
margin-left:41;
text-align:center;
}
#logo_box
{width:200;
height:160;
float:left;
background-image:url(images/logo.jpg);
}
#title
{width:800;
height:121;
float:left;
}
#menubar
{width:800;
height:39;
float:left;
}
.home_text
{width:160;
height:20;
float:left;
margin-top:8;
text-align:center;
color:#FFF;
font-family:Calibri;
font-size:16px;
}
#home
{width:160;
height:39;
float:left;
background-image:url(images/home.jpg);
}
#about_us
{width:160;
height:39;
float:left;
background-image:url(images/about_us.jpg);
}
.about_us_text
{width:160;
height:20;
float:left;
margin-top:8;
text-align:center;
color:#FFF;
font-family:Calibri;
font-size:16px;
}
#resources
{width:160;
height:39;
float:left;
background-image:url(images/resources.jpg);
}
.resources_text
{width:160;
height:20;
float:left;
margin-top:8;
text-align:center;
color:#FFF;
font-family:Calibri;
font-size:16px;
}
#financial_report
{width:160;
height:39;
float:left;
background-image:url(images/financial_report.jpg);
}
.financial_report_text
{width:160;
height:20;
float:left;
margin-top:8;
text-align:center;
color:#FFF;
font-family:Calibri;
font-size:16px;
}
#contact_us
{width:160;
height:39;
float:left;
background-image:url(images/contact_us.jpg);
}
.contact_us_text
{width:160;
height:20;
float:left;
margin-top:8;
text-align:center;
color:#FFF;
font-family:Calibri;
font-size:16px;
}
#banner_line
{width:1000;
height:18;
float:left;
}
#top_box
{width:1000;
height:476;
float:left;
}
#left_box
{width:557;
height:476;
float:left;
background-image:url(images/about_us/organizational_structure.jpg);
}
#slider
{width:557;
height:322;
float:left;
}
#slider_boarder_left
{width:44;
height:322;
float:left;
}
#slider_boarder_top
{width:510;
height:3;
float:left;
}
#slider_image
{width:498;
height:312;
float:left;
}


#about_ksss
{width:557;
height:154;
float:left;
background-image:url(images/about_ksss.jpg);
}
.welcome_ksss_text
{width:495;
height:20;
margin-top:10;
margin-left:45;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}
.about_ksss_text
{width:495;
height:100;
margin-top:5;
margin-left:45;
float:left;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
line-height:15px;
font-size:12px;
}
.geographical_area_text
{width:500;
height:25;
margin-left:40;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000;
}
#coverage
{width:500;
height:395;
margin-left:40;
margin-top:15;
text-align:center;
}
.financial_text
{width:500;
height:20;
margin-left:40;
margin-top:10;
font-family:calibri;
font-size:20px;
color:#000;
}
.report_text
{width:500;
height:20;
margin-left:40;
margin-top:10;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
background-color: #933;
color:#000;
}
#financial_button_box
{width:500;
height:30;
float:left;
margin-left:40;
margin-top:10;
text-align:center;
}
.financial_button
{width:70;
height:20;
margin-top:5;
margin-left:5;
float:left;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
background-image:url(images/financial_report/f_button.png);
color:#FFF;
}
.organizational_structure_text
{width:557;
height:15;
margin-top:10;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#F60;
}
#organizational_structure
{width:400;
height:400;
margin-top:15;
margin-left:80;
text-align:center;
}
#left_box_about_us
{width:557;
height:622;
float:left;
background-image:url(images/about_us/about_us_box.jpg);
overflow:auto;
}
.about_us_vision_text
{width:500;
height:55;
margin-top:10;
margin-left:40;
font-family:calibri;
font-size:12px;
text-align:center;
}
#ksss_logo2
{width:158;
height:182;
margin-left:210;
margin-top:20;
}
.about_us_mission_text
{width:500;
height:70;
margin-top:20;
margin-left:40;
font-family:calibri;
font-size:12px;
text-align:center;
}
#president
{width:220;
height:210;
float:left;
margin-left:180;
}
#president_image
{width:120;
height:130;
margin-left:45;
margin-top:5;
text-align:center;
}
.about_president_text
{width:220;
height:70;
margin-top:5;
text-align:center;
font-family:calibri;
font-size:13px;
color:#00F;
}
#bishop
{width:220;
height:210;
float:left;
margin-left:70;
}
#bishop_image
{width:120;
height:130;
margin-left:45;
margin-top:5;
text-align:center;
}
.about_bishop_text
{width:220;
height:70;
margin-top:5;
text-align:center;
font-family:calibri;
font-size:13px;
color:#00F;
}
#bishop_emeritus
{width:220;
height:210;
float:left;
}
#bishop_emeritus_image
{width:120;
height:130;
margin-left:45;
margin-top:5;
text-align:center;
}
.about_bishop_emeritus_text
{width:220;
height:70;
margin-top:5;
text-align:center;
font-family:calibri;
font-size:13px;
color:#00F;
}
#director
{width:220;
height:195;
float:left;
margin-left:70;
}
#director_image
{width:120;
height:130;
margin-left:50;
margin-top:5;
text-align:center;
}
.about_director_text
{width:220;
height:50;
margin-top:5;
text-align:center;
font-family:calibri;
font-size:13px;
color:#00F;
}
#assistant_director
{width:220;
height:195;
float:left;
}
#assistant_director_image
{width:120;
height:130;
margin-left:45;
margin-top:5;
text-align:center;
}
.about_assistant_director_text
{width:220;
height:50;
margin-top:5;
text-align:center;
font-family:calibri;
font-size:13px;
color:#00F;
}
#secretary 
{width:220;
height:195;
float:left;
margin-left:70;
}
#secretary_image
{width:120;
height:130;
margin-left:45;
margin-top:5;
text-align:center;
}
.about_secretary_text
{width:220;
height:50;
margin-top:5;
text-align:center;
font-family:calibri;
font-size:13px;
color:#00F;
}
#treasurer
{width:220;
height:195;
float:left;
}
#treasurer_image
{width:120;
height:130;
margin-left:45;
margin-top:5;
text-align:center;
}
.about_treasurer_text
{width:220;
height:50;
margin-top:5;
text-align:center;
font-family:calibri;
font-size:13px;
color:#00F;
}
.our_patron_text
{
width:540;
height:30;
margin-left:13;
float:left;
font:"Times New Roman", Times, serif;
text-align:center;
font-size:22px;
color:#000;
background:#CFF;
}
.former_directors_of_ksss_text
{
width:540;
height:30;
margin-left:13;
float:left;
font:"Times New Roman", Times, serif;
text-align:center;
font-size:22px;
color:#000;
background:#CFF;
}
#former_director
{width:220;
height:180;
float:left;
margin-left:70;
}
#former_director_image
{width:120;
height:130;
margin-left:50;
margin-top:5;
text-align:center;
}
.about_former_director_text
{width:220;
height:35;
margin-top:5;
text-align:center;
font-family:calibri;
font-size:13px;
color:#00F;
}
#former_director2
{width:220;
height:180;
float:left;
}
#former_director2_image
{width:120;
height:130;
margin-left:45;
margin-top:5;
text-align:center;
}
.about_former_director2_text
{width:220;
height:35;
margin-top:5;
text-align:center;
font-family:calibri;
font-size:13px;
color:#00F;
}
.core_values_text
{width:500;
height:590;
margin-left:40;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
overflow:auto;
}
.thrusts_ksss_text
{width:500;
height:30;
margin-left:40;
font:"Times New Roman", Times, serif;
font-style:italic;
text-align:center;
font-size:24px;
color:#F00;
}
#thrusts_of_ksss
{width:500;
height:450;
margin-left:40;
margin-top:15;
text-align:center;
background-image:url(images/thrusts/thrusts%20of%20ksss.png);
}
#thrusts_16boxes
{width:125;
height:113;
float:left;
}

#top_box_right_bottom
{width:443;
height:622;
float:left;
}
#top_box_about_us
{width:443;
height:476;
float:left;
}
#center_box
{width:276;
height:476;
float:left;
}
#center_box1
{width:276;
height:476;
float:left;
}
#management_image
{width:250;
height:127;
margin-left:9;
}
.management_text
{width:276;
height:20;
float:left;
margin-top:6;
text-align:center;
color:#FFF;
font-family:calibri;
background-color: #903;
font-size:16px;
}
#management
{width:276;
height:159;
float:left;
background-image:url(images/management.jpg);
}
#activities_image
{width:250;
height:127;
margin-left:9;
}
.activities_text
{width:276;
height:20;
float:left;
margin-top:6;
text-align:center;
color:#FFF;
font-family:calibri;
font-size:16px;
background-color: #903;
}
#activities
{width:276;
height:158;
float:left;
background-image:url(images/activities.jpg);
}
#facilities_image
{width:250;
height:127;
margin-left:9;
}
.facilities_text
{width:276;
height:20;
float:left;
margin-top:6;
text-align:center;
color:#FFF;
font-family:calibri;
font-size:16px;
background-color: #903;
}
#facilities
{width:276;
height:159;
float:left;
background-image:url(images/facilities.jpg);
}
#right_box
{width:167;
height:476;
float:left;
}
#right_box1
{width:167;
height:476;
float:left;
}
.button_projects_text
{width:107;
height:18;
float:left;
margin-top:20;
text-align:center;
color:#FFF;
margin-left:18;
font-family:Calibri;
font-size:14px;
}
#button_projects
{width:167;
height:60;
float:left;
background-image:url(images/button_projects.jpg);
}
.button_thrusts_text
{width:107;
height:18;
float:left;
margin-top:20;
color:#FFF;
text-align:center;
margin-left:18;
font-family:Calibri;
font-size:14px;
}
#button_thrusts
{width:167;
height:59;
float:left;
background-image:url(images/button_thrusts.jpg);
}
.button_Centres_text
{width:107;
height:18;
float:left;
margin-top:20;
color:#FFF;
text-align:center;
margin-left:18;
font-family:Calibri;
font-size:14px;
}
#button_centres
{width:167;
height:60;
float:left;
background-image:url(images/button_centres.jpg);
}
.button_donors_text
{width:107;
height:18;
float:left;
margin-top:20;
color:#FFF;
text-align:center;
margin-left:18;
font-family:Calibri;
font-size:14px;
}
#button_donors
{width:167;
height:59;
float:left;
background-image:url(images/button_donors.jpg);
}
.button_publication_text
{width:107;
height:18;
float:left;
margin-top:20;
color:#FFF;
text-align:center;
margin-left:18;
font-family:Calibri;
font-size:14px;
}
#button_publication
{width:167;
height:60;
float:left;
background-image:url(images/button_publication.jpg);
}
.button_sponsorship_text
{width:107;
height:18;
float:left;
margin-top:20;
color:#FFF;
text-align:center;
margin-left:18;
font-family:Calibri;
font-size:14px;
}
#button_sponsorship
{width:167;
height:59;
float:left;
background-image:url(images/button_sponsorship.jpg);
}
.news_events_text
{width:60;
height:33;
float:left;
margin-top:6;
color:#00F;
margin-left:20;
font-family:Calibri;
font-size:16px;
}
#news_events
{width:167;
height:60;
float:left;
background-image:url(images/news_events.jpg);
}
.follow_us_text
{width:120;
height:20;
float:left;
margin-top:13;
color:#FFF;
margin-left:12;
font-family:Calibri;
font-size:16px;
text-align:center;
}
#follow_us
{width:167;
height:59;
float:left;
background-image:url(images/follow_us.jpg);
}
#bottom_box
{width:1000;
height:146;
float:left;
}
#bottom_box_about_us
{width:443;
height:146;
float:left;
}
#bottom_left_box
{width:557;
height:146;
float:left;
}
.vision_text
{width:180;
height:20;
float:left;
margin-top:9;
color:#FFF;
margin-left:75;
font-family:calibri;
font-size:18px;
}
.our_vision_text
{width:240;
height:60;
float:left;
margin-top:18;
color:#000;
text-align:justify;
margin-left:45;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#vision
{width:294;
height:146;
float:left;
background-image:url(images/vision.jpg);
}
.mission_text
{width:180;
height:20;
float:left;
margin-top:9;
color:#FFF;
margin-left:40;
font-family:calibri;
font-size:18px;
}
.our_mission_text
{width:240;
height:70;
float:left;
margin-top:18;
color:#000;
text-align:justify;
margin-left:8;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#mission
{width:263;
height:146;
float:left;
background-image:url(images/mission.jpg);
}
#bottom_center_box
{width:276;
height:146;
float:left;
}
.gallery_text
{width:74;
height:20;
float:left;
margin-top:10;
text-align:center;
color:#FFF;
margin-left:14;
font-family:calibri;
font-size:16px;
}
#gallery
{width:91;
height:146;
float:left;
background-image:url(images/gallery.jpg);
}
.video_text
{width:93;
height:20;
float:left;
margin-top:10;
text-align:center;
color:#FFF;
font-family:calibri;
font-size:16px;
}
#video
{width:93;
height:146;
float:left;
background-image:url(images/video.jpg);
}
.news_text
{width:77;
height:20;
float:left;
margin-top:10;
text-align:center;
color:#FFF;
font-family:calibri;
font-size:16px;
}
#news
{width:92;
height:146;
float:left;
background-image:url(images/news.jpg);
}
#bottom_right_box
{width:167;
height:146;
float:right;
}
.follow_us_symbol_text
{width:53;
height:55;
float:left;
margin-top:5;
margin-left:12;
text-align:center;
}
#follow_us_symbol
{width:167;
height:73;
float:left;
background-image:url(images/follow_us_symbol.jpg);
}
.covid_19_text
{width:90;
height:38;
float:left;
margin-top:5;
color:#00F;
margin-left:10;
font-family:Calibri;
font-size:14px;
text-align:center;
}
#covid_19
{width:167;
height:73;
float:left;
background-image:url(images/covid_19.jpg);
}

/*Slider*/
.captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(../img/browser-icons.png);
        }
		
		
		
		
		/*added later*/
		
#thrusts_full_box
{width:557;
height:500;
float:left;
}
.thrusts_ksss_text
{width:500;
height:30;
margin-left:40;
font:"Times New Roman", Times, serif;
font-style:italic;
text-align:center;
font-size:23px;
color:#F00;
}
.thrusts_boxes_text
{width:95;
height:55;
margin-left:14;
margin-top:22;
font-family:calibri;
text-align:center;
font-size:11px;
color:#FFF;
}
#thrusts_boxes
{width:125;
height:113;
float:left;
}
#thrusts_of_ksss
{width:500;
height:450;
margin-left:40;
margin-top:15;
background-image:url(images/thrusts/thrusts_of_ksss.png);
}
#donors_box
{width:501;
height:590;
margin-left:40;
}
.our_donors_text
{width:501;
height:25;
font-family:calibri;
font-size:20px;
}
.donors_logo_text
{width:167;
height:30;
float:left;
margin-top:8;
text-align:center;
background-color:#AFEEEE;
font-family:calibri;
font-size:12px;
color:#000;
}
.donors_logo_text2
{width:167;
height:45;
float:left;
margin-top:8;
text-align:center;
background-color:#AFEEEE;
font-family:calibri;
font-size:12px;
color:#000;
}
#our_donors_box
{width:167;
height:105;
float:left;
margin-top:5;
}
#our_donors_logo
{width:167;
height:61;
float:left;
}
#our_donors_box2
{width:167;
height:121;
float:left;
margin-top:5;
}
#our_donors_logo2
{width:167;
height:70;
float:left;
}
#our_donors_box3
{width:167;
height:214;
float:left;
margin-top:5;
}
#our_donors_logo3
{width:167;
height:160;
float:left;
}

#top_box_resources
{width:833;
height:476;
float:left;
background-image:url(images/resources/gallery_box.jpg);
}
#resources_box1
{width:230;
height:476;
float:left;
}
#gallery_12boxes
{width:197;
height:157;
float:left;
}
#resources_box2
{width:197;
height:476;
float:left;
}
#gallery_image_box1
{width:187;
height:115;
margin-left:40;
text-align:right;
}
.gallery_text_box1
{width:187;
height:30;
margin-top:5;
margin-left:40;
font-family:calibri;
font-size:11px;
text-align:center;
color:#00F;
}
#gallery_image_box2
{width:185;
height:115;
margin-left:12;
}
.gallery_text_box2
{width:185;
height:30;
margin-top:5;
margin-left:10;
font-family:calibri;
text-align:center;
font-size:11px;
color:#00F;
}
#top_box_centres
{width:833;
height:476;
float:left;
background-image:url(images/centres/centres_box.jpg);
}
#activities_slider_box
{width:770;
height:470;
float:left;
margin-left:47px;
}
#our_centres_box
{width:833;
height:476;
float:left;
}
.our_centres_text
{width:777;
height:25;
margin-left:40;
font-family:calibri;
font-size:20px;
}
.our_centres
{width:777;
height:440;
margin-left:40;
margin-top:5;
font-family:calibri;
overflow:auto;
}
#more_news_box02
{width:167;
height:73;
float:left;
background-image:url(images/more_news_box2.jpg);
}
#reach_us
{width:557;
height:146;
float:left;
background-image:url(images/contact_us/contact_us_below.jpg);
}
.reach_us_text
{width:502;
height:98;
float:left;
margin-top:3;
line-height:18px;
color:#000;
text-align:center;
margin-left:38;
border:groove;
border-color:#C00;
border-bottom-width:medium;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}