@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #4b4b4b;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-image: url(https://www.aljci.org/images/siteBg.png);
}

h1, h2 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	color: #00718f;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid #bcbdc0;
}

.leftH2 {
	margin: 0;
	border: 0;
	float: left;
}

h3 {
	margin: 0;
	padding: 0 0 3px;
	font-size: 14px;
}

h4, h5, h6 {
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
	color: #00718f;
}

.border {
	margin: 0 0 10px;
	border-bottom: 1px solid #bcbdc0;
}

/* ------------------- GENERAL STYLES ------------------- */

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0 0 15px;
	line-height: 18px
}

	a {
		color: #4b4b4b;
		text-decoration: none;
	}
	
	a:hover {
		color: #00718f;
		text-decoration: underline;
	}
	
img {
	margin: 0;
	padding: 0;
	border: 0;
}

.imgLeft {
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
}

.imgRight {
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}
	
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li {
	margin: 0;
	padding: 5px 0;
}

hr {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 5px 0 10px;
	border-bottom: 1px dotted #999999;
}

.clearFloat {
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

/* IE 7 */
*+html .clearFloat {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
	overflow: hidden;
}

/* ---------------- END GENERAL STYLES ------------------ */

.outterWrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	background-color: #fff;
}

#flashBanner {
	background-color: #fff;
}

.banner {
	padding: 0;
	float: left;
	width: 630px;
	margin: 0 1px 15px 0;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #bcbdc0;
}

.map {
	padding: 0;
	width: 275px;
	margin: 5px 0 0;
	overflow: hidden;
	border: 1px solid #00718f;
}

.green {
	margin: 0;
	padding: 0 0 2px;
	color: #00718f;
}

.normalFont { font-size: 12px!important; }

/* --------------------- HEADER STYLES --------------------- */

.headerContainer {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.topContainer {
	margin: 0;
	padding: 0;
	float: right;
	width: 725px;
	overflow: hidden;
}

.breadCrumb {
	margin: 0;
	padding: 8px 0 0;
	float: left;
	width: 330px;
	font-size: 10px;
	overflow: hidden;
}

.breadCrumb ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.breadCrumb ul li {
	margin: 0;
	padding: 0 3px 0 0;
	display: inline;
}

.divRight {
	margin: 0;
	padding: 0;
	float: right;
}

.language {
	margin: 0;
	float: left;
	height: 20px;
	padding: 5px 8px 8px;
	background-color: #efefef;
}

select {
	padding: 0;
	width: 185px;
	color: #00718f;
	margin: 0 0 0 2px;
	background-repeat: no-repeat;
	background-image: url(https://www.aljci.org/images/searchBg.png);
}

.topIcons {
	margin: 0 10px 0 0;
	float: right;
	height: 20px;
	padding: 6px 8px 7px;
	background-color: #efefef;
}

.topIcons img {
	float: left;
	margin: 0 3px 0 0;
}

.logo {
	margin: 0;
	padding: 15px 0 0 20px;
	float: left;
	overflow: hidden;
	background-color: #fff;
}

.searchArea {
	margin: 0;
	padding: 0;
	float: right;
	width: 310px;
	color: #00718F;
}

.searchArea p {
	margin: 0;
	padding: 10px 0 0;
	float: left;
}

.searchBox {
	margin: 0;
	float: left;
	width: 300px;
	height: 20px;
	padding: 5px 8px 8px;
	overflow: hidden;
	background-color: #efefef;
}

.searchText {
	margin: 0;
	padding: 4px 0 0 10px;
	overflow: hidden;
}

.searchText a {
	margin: 0;
	padding: 2px 0 0 20px;
	text-decoration: none;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(https://www.aljci.org/images/searchIcon.png);
}

input.searchInput {
	margin: 0;
	border: 0;
	padding: 3px 5px;
	width: 195px;
	float: left;
	color: #4b4b4b;
	background-repeat: no-repeat;
	background-image: url(https://www.aljci.org/images/searchBg.png);
}

/* --------------------------------------------------------- MAIN MENU STYLES --------------------------------------------------------- */

.mainMenu {
	margin: 0;
	padding: 57px 0 20px;
	float: right;
	width: 765px;
	overflow: hidden;
}

ul#mainNav {
	margin: 0;
	padding: 0;
	font-size: 18px;
	list-style-type: none;
}

ul#mainNav li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul#mainNav li a {
	float: left;
	color: #4b4b4b;
	margin: 0 7px 0 0;
	text-decoration: none;
	padding: 5px 45px 5px 0;
	border-bottom: 9px solid;
}

ul#mainNav li a:hover {
	color: #00718f;
	text-decoration: none;
}

ul#mainNav li.blue a {
	border-color: #66c0d8;
}

ul#mainNav li.red a {
	border-color: #c67272;
}

ul#mainNav li.purple a {
	border-color: #9876b0;
}

ul#mainNav li.orange a {
	border-color: #ec984e;
}

/* --------- DROP DOWN MENU -------------- */

#mainNav, #mainNav ul {
    margin: 0;
	overflow: hidden;
	padding: 10px 8px;
	list-style-type: none;
}

#mainNav a {
	padding: 0;
	display: block;
	text-decoration: none;
}

#mainNav a:hover {
	text-decoration: underline;
}

#mainNav li {
	margin: 0;
	float: left;
	padding: 0 4px;
	display: inline;
	line-height: 15px;
}

#mainNav li ul {
    width: 200px;
    left: -999em;
	margin: 25px 0 0;
	position: absolute;
	background-color: #9876B0;
	padding: 10px 2px 2px 10px;
}

/* IE 7 */
*+html #mainNav li ul {
	margin-left: -190px
}

#mainNav li.dropDown {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	line-height: 15px;
}

#mainNav li ul.dropDownList, li ul.dropDownList2 {
    width: 172px;
    left: -999em;
	z-index: 10000;
	font-size: 14px;
	position: absolute;
}

#mainNav li ul.dropDownList2 { width: 225px; }

#mainNav li ul.dropDownList li {
	margin: 0;
	clear: both;
	padding: 5px 0;
	line-height: 15px;
}

#mainNav li ul.dropDownList a {
	border: 0;
	padding: 0;
	color: #fff;
	width: 120px;
	display: block;
}

#mainNav li ul.dropDownList a:hover {
	color: #fff;
	text-decoration: underline;
}

#mainNav li ul.dropDownList2 li {
	margin: 0;
	clear: both;
	padding: 8px 0;
	line-height: 15px;
}

#mainNav li ul.dropDownList2 a {
	border: 0;
	padding: 0;
	color: #fff;
	width: 225px;
	display: block;
}

#mainNav li ul.dropDownList2 a:hover {
	color: #fff;
	text-decoration: underline;
}

#mainNav li ul.dropDownList li.dropDownLink {
	margin: 0;
	clear: both;
	font-weight: bold;
	line-height: 15px;
	padding: 0 12px 5px 0;
}

#mainNav li ul.dropDownList li.dropDownLink {
	margin: 0;
	clear: both;
	font-weight: bold;
	line-height: 15px;
	padding: 0 12px 5px 0;
}

#topic1, #topic2, #topic3, #topic4, #topic5, #topic6, #topic7 {
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 10px 42px !important;
}

#topic1 { background-image: url(https://www.aljci.org/images/jobCreation_icon.jpg); }
#topic2 { background-image: url(https://www.aljci.org/images/health_icon.jpg); }
#topic3 { background-image: url(https://www.aljci.org/images/social_icon.jpg); }
#topic4 { background-image: url(https://www.aljci.org/images/art_icon.jpg); }
#topic5 { background-image: url(https://www.aljci.org/images/roleModels_icon.jpg); }
#topic6 { background-image: url(https://www.aljci.org/images/povertyFighting_icon.jpg); }
#topic7 { background-image: url(https://www.aljci.org/images/technology_icon.jpg); }

#mainNav li:hover ul { left: auto; }
#mainNav li:hover ul, #mainNav li.sfhover ul { left: auto; }
#mainNav li:hover, #mainNav li.hover { position: static; }

/* --------- END DROP DOWN MENU -------------- */

/* ------------------- SUB NAV STYLES ------------------- */

ul.subNav {
	margin: 0;
	padding: 0;
	font-size: 14px;
	list-style-type: none;
}

ul.subNav li {
	margin: 0;
	padding: 9px 0;
}

ul.subNav li a {
	padding: 0;
	display: block;
}

ul.subNav2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.subNav2 li {
	margin: 0;
	padding: 5px 0;
}

ul.subNav2 li a {
	padding: 0 0 0 15px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(https://www.aljci.org/images/arrows.png);
}

.navGreen {
	padding: 0;
	clear: both;
	color: #00718f;
	font-size: 11px;
	margin: 0 0 0 20px;
}

/* ------------------------------------------------------- END MAIN MENU STYLES ------------------------------------------------------- */

.mainContainer {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.mainContent {
	margin: 0;
	padding: 14px 0 0;
	width: 635px;
	float: left;
	overflow: hidden;
}
	
	.mainContent a {
		color: #00718f;
		text-decoration: none;
	}
	
	.mainContent a:hover {
		color: #00718f;
		text-decoration: underline;
	}

.mainContent ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
}

.mainContent ul li {
	margin: 0;
	padding: 5px 0 5px 15px;
	background-repeat: no-repeat;
	background-position: left 5px;
	background-image: url(https://www.aljci.org/images/arrows.png);
}

.formContainer {
	margin: 0;
	padding: 10px 0;
	overflow: hidden;
}

.formContainer .formSection {
	margin: 0 15px 0 0;
	padding: 0 0 10px;
	float: left;
	width: 310px;
}

.formContainer .formSection p, .formSection_last p {
	margin: 0;
	padding: 0 0 5px;
}

.formContainer .formSection .formInput {
	width: 296px;
	border: 1px solid #7D7D7D;
	background-image: none;
}

.formSection_last {
	margin: 0;
	padding: 0 0 10px;
	overflow: hidden;
}

.formSection_last textarea {
	margin: 0;
	width: 622px;
	height: 100px;
	background-image: none;
	border: 1px solid #7D7D7D;
}

.spacer {
	margin: 0;
	padding: 0;
	height: 15px;
	overflow: hidden;
}

/* --------------------- SIDE STYLES --------------------- */

.leftContent, .middleContent, .rightContent {
	margin: 0;
	padding: 0;
	float: left;
	width: 309px;
	overflow: hidden;
}

.leftContent {
	padding: 0 15px 0 0;
}

.rightContent {
	padding: 0 0 0 15px;
}

.adBox {
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	border: 1px solid #bcbdc0;
	background-position: top;
	background-color: #e8e8e8;
	background-repeat: repeat-x;
	background-image: url(https://www.aljci.org/images/boxGradient.png);
}
.adBox h4 { padding: 5px 0; }

.adBox_content {
	margin: 0;
	padding: 13px 15px;
	overflow: hidden;
}

.adBox_content img {
	margin: 2px 0 10px;
}

.adBox p {
	margin: 0;
	padding: 0 0 5px;
}

.adBox_img, .adBox_imgLast {
	padding: 0;
	width: 75px;
	float: left;
	overflow: hidden;
	margin: 0 18px 0 0;
	border: 1px solid #BCBDC0;
}

.adBox_imgLast {
	margin: 0;
}

.newsSection, .newsSection_last {
	margin: 0 0 3px;
	padding: 5px 0 0;
	overflow: hidden;
	border-bottom: 1px dotted #999;
}

.newsSection_last { margin: 0; border: 0; }

.thumbnailImg {
	padding: 0;
	float: left;
	width: 100px;
	overflow: hidden;
	text-align: center;
	margin: 2px 10px 10px 0;
	border: 1px solid #BCBDC0;
}

.thumbnailImg img {
	margin: 0!important;
}

/* -------------------- TABS --------------------- */

.tabContainer {
	margin: 0 0 5px;
	padding: 0 0 10px;
	color: #7d7d7d;
	font-size: 14px;
	overflow: hidden;
	border-bottom: 1px solid #bcbdc0;
}

ul.tabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.tabs li {
	margin: 0;
	padding: 0 8px 0 0;
	display: inline;
	background-image: none;
}

ul.tabs li a {
	color: #7d7d7d;
	padding: 0 0 0 13px;
	text-decoration: none;
	background-position: 0 -69px;
	background-repeat: no-repeat;
	background-image: url(https://www.aljci.org/images/arrows.png);
}

ul.tabs li a:hover {
	color: #4b4b4b;
	text-decoration: none;
	background-position: 0 0;
}

/* -------------------- GALLERY --------------------- */

.galleryContainer {
	margin: 0;
	padding: 5px 0 10px;
	overflow: hidden;
}

.galleryItem {
	padding: 0;
	float: left;
	overflow: hidden;
	margin: 0 10px 15px 0;
	border: 1px solid #00718f;
}

/* -------------------- BUTTONS --------------------- */

.textBtn a, .textBtn2 a {
	margin: 0;
	padding: 2px 15px 2px 0;
	float: right;
	color: #00718f;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(https://www.aljci.org/images/arrows.png)
}

.textBtn2 {
	padding: 2px 0;
}

.textBtn2 a {
	float: none;
	text-align: left;
	padding: 2px 0 2px 15px;
	background-position: 0 -32px;
	background-image: url(https://www.aljci.org/images/arrows.png)
}

/* ----------- FACEBOOK / TWITTER / YOUTUBE / WORD / RSS ------------ */

ul li.facebook, .twitter, .youtube, .word {
	margin: 0;
	padding: 3px 0;
	font-size: 14px;
	list-style-type: none;
}
.facebook a, .twitter a, .youtube a, .word a {
	display: block;
	padding: 15px 0 6px 40px;
	background-repeat: no-repeat;
	background-position: left 6px;
}

.facebook a:hover, .twitter a:hover, .youtube a:hover, .word a:hover {
	text-decoration: none;
	background-position: left -38px;
}

.facebook a { background-image: url(https://www.aljci.org/images/facebookIcon.png); }
.facebook a:hover { background-image: url(https://www.aljci.org/images/facebookIcon.png); }

.twitter a { background-image: url(https://www.aljci.org/images/twitterIcon.png); }
.twitter a:hover { background-image: url(https://www.aljci.org/images/twitterIcon.png); }

.youtube a { background-image: url(https://www.aljci.org/images/youtubeIcon.png); }
.youtube a:hover { background-image: url(https://www.aljci.org/images/youtubeIcon.png); }

.word a { background-image: url(https://www.aljci.org/images/wordIcon.png); }
.word a:hover { background-image: url(https://www.aljci.org/images/wordIcon.png); }

.rss a {
	margin: 0;
	padding: 0;
	float: right;
	width: 18px;
	overflow: hidden;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-image: url(https://www.aljci.org/images/rssIcon.png);
}

/* --------------------------------------------------------- FOOTER STYLES --------------------------------------------------------- */

.footerContainer {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #e8e8e8;
	background-repeat: repeat-x;
	background-position: top center;
	background-image: url(https://www.aljci.org/images/footerBg.png);
}

ul.pageFunctions {
	padding: 0;
	float: right;
	color: #368fa7;
	font-size: 10px;
	margin: 0 0 15px;
	text-align: right;
	list-style-type: none;
	text-transform: uppercase;
}

ul.pageFunctions li {
	margin: 0;
	padding: 0 1px;
	display: inline;
}

ul.pageFunctions li a {
	color: #368fa7;
	text-decoration: none;
}

ul.pageFunctions li a:hover {
	color: #368fa7;
	text-decoration: underline;
}

ul.pageFunctions li.backTop a {
	padding: 0 15px 0 0;
	background-repeat: no-repeat;
	background-position: right 2px;
	background-image: url(https://www.aljci.org/images/backToTop.png);
}

.footer {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	overflow: hidden;
}

.footer h2 {
	border: 0;
	margin: 0;
}

.footer .textBtn a {
	color: #4b4b4b;
	background-position: right 0;
}

.mainFooter {
	margin: 0 0 10px;
	padding: 15px 0 10px;
	overflow: hidden;
	border-bottom: 1px solid #3b90a6;
}

.footerForm {
	margin: 0;
	padding: 0 100px 0 0;
	float: left;
	width: 260px;
}

.formSection {
	margin: 0;
	padding: 5px 0;
	overflow: hidden;
}

.formInput, textarea {
	margin: 0;
	padding: 4px 5px;
	border: 0;
	color: #7d7d7d;
	width: 100%;
	font-size: 12px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(https://www.aljci.org/images/searchBg.png);
}

.footerForm textarea {
	height: 70px;
	overflow: hidden;
}

.linksBox {
	margin: 0;
	padding: 0 150px 0 0;
	float: left;
	overflow: hidden;
}

	.linksBox ul {
		margin: 0;
		padding: 0;
		font-size: 16px;
		list-style-type: none;
	}
	
	.linksBox ul li {
		margin: 0;
		padding: 5px 0;
	}


.footerLeft  {
    margin: 10px 0;
}

.footerLeft ul#footercredits {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 600px;
}

.footerLeft ul#footercredits li {
	margin: 0;
	padding: 0 3px 0 0;
	display: inline;
}



ul#footersocial 
{
    margin: 0;
	padding: 0;
	float: right;
	width: 200px;
	clear: none;
}

    ul#footersocial li.facebook, ul#footersocial li.twitter, ul#footersocial li.youtube, ul#footersocial li.social {
	    margin: 0 2px;
	    padding: 0;
	    list-style-type: none;
	    display: inline;
	    float: right
    }
    ul#footersocial .facebook a, ul#footersocial .twitter a, ul#footersocial .youtube a 
    {
        margin: 0;
	    padding: 0;
        width: 16px;
        height: 16px;
	    background-repeat: no-repeat;
	    background-position: left 0;
    }
    ul#footersocial .facebook a:hover, ul#footersocial .twitter a:hover, ul#footersocial .youtube a:hover {
	    text-decoration: none;
	    background-position: left -22px;
    }

    #footersocial .facebook a { background-image: url(https://www.aljci.org/images/facebookIconFooter.png); }
    #footersocial .facebook a:hover { background-image: url(https://www.aljci.org/images/facebookIconFooter.png); }

    #footersocial .twitter a { background-image: url(https://www.aljci.org/images/twitterIconFooter.png); }
    #footersocial .twitter a:hover { background-image: url(https://www.aljci.org/images/twitterIconFooter.png); }

    #footersocial .youtube a { background-image: url(https://www.aljci.org/images/youtubeIconFooter.png); }
    #footersocial .youtube a:hover { background-image: url(https://www.aljci.org/images/youtubeIconFooter.png); }





.SearchPicture {
    float:left; 
    padding: 0px  10px 5px 0px;
}

.SearchTitle {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

.SearchSubTitle {
	font-size: 10px;
	color: #00718f;
	padding-bottom: 5px;
}

.SearchContent {
	font-size: 12px;
	color: #4b4b4b;
	padding-bottom: 5px;
}

.validation 
{
    padding: 5px;
    border: 1px solid #990000;
    margin: 10px 0 0;
}

.validation  p
{
    font-weight: bold;
    color: #990000;
    margin: 0;
    padding: 0;
}
/*
     FILE ARCHIVED ON 12:07:59 Jun 23, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:24:20 Mar 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.659
  exclusion.robots: 0.045
  exclusion.robots.policy: 0.034
  esindex: 0.045
  cdx.remote: 13.039
  LoadShardBlock: 75.066 (3)
  PetaboxLoader3.datanode: 109.476 (4)
  load_resource: 155.637
  PetaboxLoader3.resolve: 119.197
*/