@charset "UTF-8";
/* CSS Document */
*{ margin:0; font-family: 'QuattrocentoSans', sans-serif; color:#888888; }
.center{ width:90%; margin:0 auto;}
.HideOnLargeScreen {display:none;}
body{x-overflow:hidden; background:url(../img/bodyBg.png) ; }
/*Styling of the Header*/
#Header{ height:180px; width:100%; }
.Top{ background:#000; width:100%; height:50px; color:#FFF;}
.titletop{ font-size:1em; font-family: 'QuattrocentoSans'; text-indent:120px; height:50px; line-height:50px; color:#FFF;padding-left:20px;}
.topLogoTitleContainer{ float:left; width:60%;}
.topSocialLangageContainer{ float:right; width:40%;}
.TopSecondRow{ width:100%; height:130px;}
.logo{ background:url(../img/logoGiaba.png) no-repeat; width:8%;  height:180px; text-indent:-10000px; position:relative; top:-50px; float:left; margin-right:0; background-size: contain; }
.SocialLinks{ list-style-type:none; float: right}
.SocialLinks li{ float:left; width:50px; height:50px; text-indent:-10000px;}
.Fb{ background:url(../img/facebook.png) no-repeat;}
.twitter{ background:url(../img/twitter.png) no-repeat;}
.langage{ list-style-type:none; float: right;}
.langage li{ float:left; margin-left:20px; height:50px; line-height:50px; text-transform:uppercase; color:#FFF; }
#MenuSearchContainer{ height:130px; width:91%; float:right; margin-left:0; }
.Menu{ float:right; width:100%; float: right; margin-top:10px; }
.Menu ul{ list-style-type:none; text-align: right; padding: 0px !important; width: 100%;}
.Menu ul  li { display: inline; float:left; width:18%; margin-left: 1%; border-bottom:solid thin #e5e5e5; text-align:center; color:#888888; padding-bottom:10px; font-size:.9em;}
.Menu ul  li:first-child { margin-left:0px;}
.Menu ul  li.active{ border-bottom:solid 2px #519565; color:#519565; font-family: 'QuattrocentoSans-Bold'; }
.Menu ul  li.active a{  color:#519565;  }
.breadcrumbSearchArea{ float:left; width:100%; padding-top:20px;}
.breadcrumbArea{ width:60%; float:left; text-indent:20px;}
.breadcrumb {color: #519565;}
.active-page {font-family: 'QuattrocentoSans-Bold'; color: #519565; }
.searchArea{ width:39%; float:right; }
.searchArea input[type=search]{ width:80%; float: right; height:30px; -moz-border-radius:0px;-o-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; border:solid thin #e5e5e5    ; background:url(../img/SearchIcon.png) no-repeat left center; text-indent:40px; }
/*End Styling of the Header*/
/*Styling of the Main Container */
#MainContainer{  width:100%;  margin-top:1em; }
.PageTitle{ background:url(../img/PageTitleBg.png) no-repeat center center; width: 100%; height:150px; line-height:200px; text-indent:-4em; margin-bottom:4em;}
.PageTitle h2{ color:#FFF; font-weight:500; float:right; text-indent:-7em;}
#Slider{height:350px; margin-bottom:4em; background-image: url(../img/slider.jpg); background-size: cover;}
.HomePagePreztext{ width:86%; text-align:center; line-height:30px; margin:0 auto; margin-bottom:2em; text-align:justify;}
#LeftContainer{ width:70%;  min-height:400px; float:left; }
#RightSideBar{ width:28%;  min-height:400px;  float:right; }
.LeftContainerHeader{ width:100%; background:#519565; height:60px; line-height:60px; text-indent:1em; margin-bottom:1.4em; }
.LeftContainerHeader h2{ color:#FFF; font-weight:500; display:inline; float:left;}
.LeftContainerHeader a.ReadAll{ float:right; color:#fff; font-weight:500; text-decoration:none; display:inline-block; color:#a8cab2; position:relative; left:-1em;}
.PressRelease{ padding: 1.4em .8em; border-bottom: solid thin #e5e5e5; margin-top: 26px;}
.ArticleTitle{ color:#519565; font-weight:500;}
.ArticleSample{ margin-top: 1em;}
.ReadMore{ color: #519565; float:right; text-decoration:none;}
.twitterPluginContainer{ margin-top: 2.4em; background:#0CF; min-height:120px;}
.SideBarBox{ width:100%; margin-bottom: 2.4em;}
.SideBarBoxheader{ background:#519565;height:60px; line-height:60px; text-indent:1em; margin-bottom:1.4em; color:#FFF; font-size:1.1em; font-weight:500;}
.SideBarLinks{ list-style-type: none; text-indent:.4em; list-style-position:inside; padding-left:0;}
.SideBarLinks a{ text-decoration:none;}
.SideBarLinks li{ color:#519565; margin-bottom:1.4em; border-bottom: solid thin #e5e5e5; height:2em; line-height:2em; }
.LinkArrow{ color:#e5e5e5; float:right;}
.NewsletterBox { background:#8a3d51; color:#FFF; padding: 1em 2em; margin-top:4em;}
.NewsletterBox h3{ color:#FFF; font-weight:500;}
.NewsletterBox input[type=text]{ margin-top:2em; height:30px; width:90%; display:inline-block; background:url(../img/newsletterInputBg.png) no-repeat left center #fff
; text-indent:40px;}
.NewsletterBox input[type=button]{ -moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0;border-radius:0; background:#519565; color:#FFF; border:0; width:40%; height:30px; margin-top:1.4em; cursor:pointer; font-size:.9em;}
.Flag{ float:left; margin-right:1.1em;}
.CountryName{ color:#a8a8a8; margin-bottom:1.2em; font-weight:500; display:inline; font-size:1.6em; margin-left: 1em; }
.countryCode{ font-weight:500; color:#519565; display:inline; margin-left: .5em;}
/*About page left nav*/
.AboutPageNav{ float: left; width:20%;}
.PageNav{ float: left; width:20%;}
.AboutPageNav li{ color:#888888; list-style-type:none; margin-bottom:1.2em; font-size:.9em; }
.AboutPageNav li a{  text-decoration:none;}
.AboutPageNav li:first-child{ padding-top:.8em;}
.AboutPageNav  li a.activeLink, .AboutPageNav  li a:hover{ color:#519565;}
/*End of About page left nav*/
/*Style of the about page text container*/
.AboutPageTextContainer{ width:74%; float:right;}
.AboutPageTextContainer p{ line-height:2em; margin-bottom:.9em;}
.AboutPageTextContainer .title,.PageTextContainer .title{margin-bottom:30px ;}
.PageTextContainer{ width:74%; float:right;}
.PageTextContainer p{ line-height:2em; margin-bottom:.9em;}

/*End of Style of the about page text container*/
/* the flags*/
.TheCountriesFlags{ list-style-type:none;}
.TheCountriesFlags li{ width:32%; height:184px; float:left; text-align:center; color:#519565; margin-right:.6em; margin-bottom:.6em; line-height:324px; }
.text-title { margin: 0 0 26px 0;}
.paragraph {font-weight: 100 !important; padding: 13px 0 13px 0 !important;}
.senegal{ background:url(../img/senegal.png) no-repeat top center; }
.benin{ background:url(../img/benin.png) no-repeat top center; }
.burkina_faso{background:url(../img/burkina.png) no-repeat top center; }
.cape_verde{background:url(../img/capvert.png) no-repeat top center; }
.cote_divoire{background:url(../img/cotedivoir.png) no-repeat top center; }
.gambia{background:url(../img/gambia.png) no-repeat top center; }
.ghana{background:url(../img/ghana.png) no-repeat top center; }
.guinea-bissau{background:url(../img/bissau.png) no-repeat top center; }
.guinea{background:url(../img/conakry.png) no-repeat top center; }
.liberia{background:url(../img/liberia.png) no-repeat top center; }
.mali{background:url(../img/mali.png) no-repeat top center; }
.niger{background:url(../img/niger.png) no-repeat top center; }
.nigeria{background:url(../img/nigeria.png) no-repeat top center; }
.Sao_Tome_and_Principe{background:url(../img/saotome.png) no-repeat top center; }
.sierra_leone{background:url(../img/sierraleone.png) no-repeat top center; }
.togo{background:url(../img/togo.png) no-repeat top center; } 

/*End of  the flags*/
/*Styling of the footer */
#Footer{ background: #000; width:100%;  float:left; margin-top:4em;}
.FooterLogo{ background:url(../img/logoGiaba.png) no-repeat; height:180px; text-indent:-10000px; margin-right:0; width:14%; float:left;   }
.footerMenu{ list-style-type:none; float:right; width:80%; display:inline-block;  padding: 1.4em 2em; margin-left:0;}
.footerMenu li{ float:left;  width:16%; color:#fff; }
.footerMenu li a{ text-decoration:none; color:#fff;}
.footerMenu li a.footerActiveLink{ color:#f5e85e;}
/*End of Styling of the footer */

@media only screen and (max-width:1024px){
	.center{ width:98%; margin:0 auto;}
.HideOnLargeScreen {display:inline-block;}
#Header{ height:240px; width:100%; }
.HideOnSmallDevice{ display:none;}
#MenuSearchContainer{ height:130px; width:80%; float:right; margin-left:0; }
.Menu{ float:right; width:100%; margin-top:2px; }
.Menu ul{ list-style-type:none;}
.Menu ul li{ color:#888888; padding-bottom:10px;  width:100%; border:none; text-align:left; text-indent:1.4em;}
.Menu ul li.active{ border-bottom:none; color:#519565; font-weight:600;}	
.topSocialLangageContainer{ float:right; width:80%;}
.logo{ background:url(../img/logoGiabaSmall.png) no-repeat; background-size:contain; width:20%; float:left;  height:180px; text-indent:-10000px; position:relative; top:-50px;  margin-right:0;  }
.searchArea input[type=search]{ width:80%; height:30px; -moz-border-radius:0px;-o-border-radius:0px;-webkit-border-radius:0px;border-radius:0px; border:solid thin #e5e5e5; background:url(../img/SearchIcon.png) no-repeat left center; text-indent:40px; margin-top:0; position:relative; top:-4em; height:40px;}
.breadcrumbSearchArea{ width:100%; float:left; text-indent:20px;  padding-top:0;}
.breadcrumbSearchArea{ float:left; width:100%; padding-top:0px;}
.searchArea{ width:90%; float:left; }
.HomePagePreztext{ width:90%; text-align:center; line-height:30px; margin:0 auto; margin-bottom:2em;}
#LeftContainer{ width:100%;  min-height:400px; float:left;}
#RightSideBar{ width:80%;  min-height:400px;  float:left; margin-top:2em;}
/*About page left nav*/
.AboutPageNav{ float: left; width:30%;}
.AboutPageNav li{ color:#888888; list-style-type:none; margin-bottom:1.2em; font-size:.9em; }
.AboutPageNav li a{  text-decoration:none;}
.AboutPageNav li:first-child{ padding-top:.8em;}
.AboutPageNav  li a.activeLink, .AboutPageNav  li a:hover{ color:#519565;}
/*End of About page left nav*/
/*Style of the about page text container*/
.AboutPageTextContainer{ width:94%; float:left; text-align:justify; }
.AboutPageTextContainer p{ line-height:2em; margin-bottom:.9em;}
/*End of Style of the about page text container*/
.FooterLogo{ background:url(../img/logoGiaba.png) no-repeat; height:180px; text-indent:-10000px; margin-right:0; width:30%; float:left;    }
.footerMenu{ list-style-type:none; float:right; width:50%; display:inline-block;  padding:0; margin-left:0;}
.footerMenu li{ float:none;  width:90%; color:#fff; margin-bottom:.6em; }
.footerMenu a{ text-decoration:none; }
	}


@media only screen and (width:1366px){
	.logo{ background:url(../img/logoGiabaSmall.png) no-repeat; width:10%;  height:180px; text-indent:-10000px; position:relative; top:-50px;  margin-right:0; background-size: contain;   }
	#MenuSearchContainer{ height:130px; width:88%; float:right; margin-left:0; }
	.Menu{ float:right; width:100%; margin-top:0;  }
.Menu ul{ list-style-type:none;}
.Menu ul li{ color:#888888; padding-bottom:10px; width:18%; }

	}
	@media only screen and (width:1280px){
	.logo{ background:url(../img/logoGiabaSmall.png) no-repeat; width:10%;  height:180px; text-indent:-10000px; position:relative; top:-50px;  margin-right:0;   }
	#MenuSearchContainer{ height:130px; width:88%; float:right; margin-left:0; }
	.Menu{ float:right; width:100%; margin-top:0;  }
.Menu ul{ list-style-type:none;}
.Menu ul li{ color:#888888; padding-bottom:10px; width:18%; }

	}