html{color: #000; height:100%;}
body{ font-family: 'Open Sans', sans-serif; color: #242424; margin: 0; padding: 0; background: #fff;}
input {color: #8f9ba4; font-family: 'Open Sans', sans-serif;}
p,h1,h2,h3,h4,h5,h6,em,strong,b,input,textarea,div,span,li,a {font-family: 'Open Sans', sans-serif;}
.clear {clear:both;}
.topHeader {width:100%; height:46px; background-color:#c0d737; position:fixed;}
.topHeader .link {width:980px; margin: 0 auto;}
.topHeader .link ul {float:left; margin:0; padding:0;}
.topHeader .link li { text-align:left; list-style:none; float:left; margin:0; padding:13px 5px 0 5px;}
.topHeader .link li a {font-weight:600; text-transform:uppercase; color: #000; font-size:14px; text-decoration: none; text-align:left; list-style:none; float:right; margin:0; padding:0 5px 0 5px;}
.topHeader .link li a:hover {text-decoration: underline;}
.topHeader .link .fb {float:right; width:36px; height:36px; margin: 5px 0 0 0; display:block; background: url(../images/fb.png) right no-repeat;}
#header {background: #131011; height:208px; width:100%;}
#header .logo {margin: 0 auto; display:block; width:643px; height:153px; background: url(../images/logo.jpg) center no-repeat; padding: 90px 0 0 0;}
#mainPic {background: url(../images/believeachieveinspirepeople.jpg) center no-repeat; height:375px; margin: 0 auto; background-size: cover;}
.wrapper {width:980px; margin: 0 auto;}
.content {width:980px; margin: 0 auto; padding-bottom:0px;}
.content h1 {margin: 5px 0 -10px; padding:0; font-size:36px; color: #000; font-weight:600; text-align:center;}
.content p {line-height:24px; color: #000; font-weight:400;}
.content a {color: #000; font-weight:400;}
.content p b  {padding:0 0 0 0; margin:0 0 0 0;}
.content .indent {padding-left:30px; }
/*==============*/
.breadcrumbs {width:980px; border-bottom: 1px solid #d5d5d5; float:left; margin: 0 0 0 0; padding:0 0 0 0;} 
.breadcrumbs p {color: #000; font-size:11px; font-weight:400;}
.breadcrumbs  a {text-decoration:none; padding: 0 0 0 0; color: #000; font-size:11px; font-weight:400;} 
.breadcrumbs  a:hover {text-decoration:undeline;}
/*==============*/
.lead {margin: 0 auto; width:900px; padding: 120px 0 0 0; }
.lead .title {text-align: center;  font-size:33px; color: #fff; font-weight:700;}
.lead p {padding: 0; margin:0; text-align: center;font-size:25px; color: #fff; font-weight:300;}
.lead .applyNow {border-bottom: 3px #000 solid; text-decoration: none; padding: 12px 0 18px 0; text-align:center; display: block; color: #000100; font-size:20px; border-radius: 100px; width:220px; height:20px; margin: 25px auto 0 auto; background: #c0d737; font-weight: 600;}
/*==============*/
#testimonial {background: #c0d737; width:100%; overflow:hidden; padding: 0 0 70px 0;}
#testimonial .testimonial {width:900px; margin: 0 auto;}
#testimonial .testimonial .testimonialLeft {float:left; margin: 70px 0 0 0; width:360px;}
#testimonial .testimonial .testimonialRight {float:right; margin: 70px 0 0 0; width:360px;}
#testimonial .testimonial .testimonialLeft blockquote, #testimonial .testimonial .testimonialRight blockquote {font-weight:400italic; font-style:italic; text-align: left; font-size: 24px;  line-height: 30px; float:left; color: #090909; padding: 0px 0px 0 0px; margin: 0px 0px 10px 0px;}
#testimonial .testimonial .testimonialLeft em, #testimonial .testimonial .testimonialRight em {background: url(../images/qoutesign.png) no-repeat; font-family: 'Open Sans', sans-serif; margin: 0 0 0 0; font-weight:400italic;  float:left; text-align:right; font-size: 24px; color: #090909; padding: 0 0 0 56px;}
/*==============*/
#respectedPersonl {background: #fff; width:100%; overflow:hidden; padding: 0 0 70px 0;}
#respectedPersonl .respectedPersonl {width:980px; margin: 0 auto; overflow:hidden;}
#respectedPersonl .respectedPersonl .title {margin: 70px 0 0 0; text-align: center;  font-size:33px; color: #000; font-weight:700;}
#respectedPersonl .respectedPersonl .col {width:980px; margin: 0 auto; }
#respectedPersonl .respectedPersonl .col .col1, #respectedPersonl .respectedPersonl .col .col2, #respectedPersonl .respectedPersonl .col .col3  {width:325px; float:left; margin: 30px 0 0 0;}
#respectedPersonl .respectedPersonl .col .col1 .drMohammad {width:244px; height:244px; background: url(../images/drMohammad.png) no-repeat; margin: 0 auto;}
#respectedPersonl .respectedPersonl .col .col1 .name, #respectedPersonl .respectedPersonl .col .col2 .name, #respectedPersonl .respectedPersonl .col .col3 .name {margin: 10px 0 0 0; text-align: center;  font-size:20px; color: #000; font-weight:600;}
#respectedPersonl .respectedPersonl .col .col1 .position, #respectedPersonl .respectedPersonl .col .col2 .position, #respectedPersonl .respectedPersonl .col .col3 .position {text-transform: uppercase; margin: 10px 0 0 0; text-align: center;  font-size:16px; color: #000; font-weight:300;}
#respectedPersonl .respectedPersonl .col .col1 p, #respectedPersonl .respectedPersonl .col .col2 p, #respectedPersonl .respectedPersonl .col .col3 p {text-transform: capitalize; margin: 0px 0 0 0; text-align: center; font-size:16px; color: #000; font-weight:300;}
#respectedPersonl .respectedPersonl .col .col2 .shyahyaibrahim {width:246px; height:246px; background: url(../images/shyahyaibrahim.png) no-repeat; margin: 0 auto;}
#respectedPersonl .respectedPersonl .col .col3 .drZachariahMatthews {width:252px; height:252px; background: url(../images/drZachariahMatthews.png) no-repeat; margin: 0 auto;}
#respectedPersonl .respectedPersonl .col .col4{width:325px; float:left; margin: 30px 0 0 150px;}
#respectedPersonl .respectedPersonl .col .col5 {width:325px; float:left; margin: 30px 0 0 0;}
#respectedPersonl .respectedPersonl .col .col4 .position, #respectedPersonl .respectedPersonl .col .col5 .position {text-transform: uppercase; margin: 10px 0 0 0; text-align: center;  font-size:16px; color: #000; font-weight:300;}
#respectedPersonl .respectedPersonl .col .col4 p, #respectedPersonl .respectedPersonl .col .col5 p {text-transform: capitalize; margin: 0px 0 0 0; text-align: center;  font-size:16px; color: #000; font-weight:300;}
#respectedPersonl .respectedPersonl .col .col4 .name, #respectedPersonl .respectedPersonl .col .col5 .name {margin: 10px 0 0 0; text-align: center;  font-size:20px; color: #000; font-weight:600;}
#respectedPersonl .respectedPersonl .col .col4 .hanan-dover {width:246px; height:246px; background: url(../images/hanan-dover.png) no-repeat; margin: 0 auto;}
#respectedPersonl .respectedPersonl .col .col5 .sherene-hassan {width:246px; height:246px; background: url(../images/sherene-hassan.png) no-repeat; margin: 0 auto;}
/*==============*/
#whattaught {background: url(../images/whattaughtBg.jpg) center no-repeat; height:363px; margin: 0 auto; background-size: cover;}
#whattaught .whattaught {width:980px; margin: 0 auto; padding: 0px 0 0 0;}
#whattaught .whattaught .peopleInspire {width:304px; height:337px; float:left; margin: 27px 0 0 0; background: url(../images/peopleBg.png) left no-repeat; }
#whattaught .whattaught .title { float:left; margin: 50px 0 0 0; text-align: center; font-family: 'Open Sans', sans-serif; font-size:33px; color: #000; font-weight:700;}
#whattaught .whattaught ul {float:left; margin: 50px 0 0 140px; padding:0;}
#whattaught .whattaught li {line-height: 24px;  font-size:19px; color: #000; font-weight:600; list-style:none; text-align:left; background: url(../images/sprites.png) -672px -460px no-repeat; margin:0; padding:8px 0 8px 20px;}
/*==============*/
#topicInclude {background: #fff; width:100%; overflow:hidden; padding: 0 0 70px 0; }
#topicInclude .topicInclude {width:980px; margin: 0 auto;}
#topicInclude .topicInclude .title {margin: 40px 0 30px 0; text-align: center;  font-size:33px; color: #000; font-weight:700;}
#topicInclude .topicInclude .col {width:980px; margin: 0 auto; }
#topicInclude .topicInclude .col .col1, #topicInclude .topicInclude .col .col2, #topicInclude .topicInclude .col .col3, #topicInclude .topicInclude .col .col4 {width:244px; float:left; margin: 30px 0 0 0;}
#topicInclude .topicInclude .col .col1 .leadership {margin: 0 auto; background: url(../images/sprites.png) 0 30px no-repeat; width:117px; height:158px; }
#topicInclude .topicInclude .col .col2 .decision {margin: 0 auto; background: url(../images/sprites.png) -132px 0 no-repeat; width:155px; height:158px; }
#topicInclude .topicInclude .col .col3 .learning {margin: 0 auto; background: url(../images/sprites.png) -307px 30px no-repeat; width:150px; height:158px; }
#topicInclude .topicInclude .col .col4 .improvement {margin: 0 auto; background: url(../images/sprites.png) -478px 15px no-repeat; width:198px; height:158px; }
#topicInclude .topicInclude .col .col1 p, #topicInclude .topicInclude .col .col2 p, #topicInclude .topicInclude .col .col3 p, #topicInclude .topicInclude .col .col4 p {padding: 10px 40px 0 40px; margin: 0px 0 0px 0; text-align: center;  font-size:16px; color: #000; font-weight:400;}
/*==============*/
#howIt {background: #030303; width:100%; overflow:hidden; padding: 0 0 70px 0;}
#howIt .howIt {width:980px; margin: 0 auto;}
#howIt .howIt .title {margin: 40px 0 0px 0; text-align: center; font-size:33px; color: #fff; font-weight:700;}
#howIt .howIt .col {width:980px; margin: 0 auto; }
#howIt .howIt .col .col1, #howIt .howIt .col .col2, #howIt .howIt .col .col3, #howIt .howIt .col .col4 {width:244px; float:left; margin: 30px 0 0 0;}
#howIt .howIt .col .col1 .workshops {margin: 0 auto; background: url(../images/sprites.png) 0 -160px no-repeat; width:141px; height:158px; }
#howIt .howIt .col .col2 .projects {margin: 0 auto; background: url(../images/sprites.png) -148px -162px no-repeat; width:123px; height:158px; }
#howIt .howIt .col .col3 .friends {margin: 0 auto; background: url(../images/sprites.png) -284px -140px no-repeat; width:112px; height:158px; }
#howIt .howIt .col .col4 .mentors {margin: 0 auto; background: url(../images/sprites.png) -397px -130px no-repeat; width:133px; height:158px; }
#howIt .howIt .col .col1 p, #howIt .howIt .col .col2 p, #howIt .howIt .col .col3 p, #howIt .howIt .col .col4 p {padding: 10px 0px 0 0px; margin: 0px 0 0px 0; text-align: center;  font-size:16px; color: #fff; font-weight:400;}
/*==============*/
#course {background: #fff;  margin: 0 auto; overflow:hidden; padding: 0px 0 40px 0;}
#course .course {width:980px; margin: 0 auto; padding: 0px 0 0 0;}
#course .course .courceTeach {width:237px; height:173px; float:left; position:absolute; margin: 110px 0 0 80px; background: url(../images/sprites.png) 0 -337px no-repeat; }
#course .course .title { margin: 50px 0 0 0; text-align: center;  font-size:33px; color: #000; font-weight:700;}
#course .course ul {float:left; margin: 50px 0 0 450px; padding:0;}
#course .course li {line-height: 24px;  font-size:19px; color: #000; font-weight:600; list-style:none; text-align:left; background: url(../images/sprites.png) -670px -304px no-repeat; margin:0; padding:8px 0 8px 20px;}
/*==============*/
#value {background: #c0d737;  margin: 0 auto; overflow:hidden; padding: 0px 0 20px 0;}
#value .value {width:980px; margin: 0 auto; padding: 0px 0 0 0;}
#value .value .title {margin: 40px 0 0px 0; text-align: center;  font-size:33px; color: #000; font-weight:700;}
#value .value ul {float:left; margin: 30px 0 0 130px; padding:0; width:450px;}
#value .value ul li {line-height: 24px;  font-size:19px; color: #000; font-weight:600; list-style:none; text-align:left; background: url(../images/bullet.png) left center no-repeat; margin:0; padding:18px 0 18px 20px;}
#value .value ul li span {text-decoration:line-through;}
#value .value ul ul {background: none; list-style:none; float:left; margin: 0px 0 0 30px; padding:10px 0 10px 0;}
#value .value ul li.third {line-height: 24px;  font-size:19px; color: #000; font-weight:600; list-style:none; text-align:left; background: url(../images/bullet.png) left 97px no-repeat; margin:0; padding:10px 0 10px 20px;}
#value .value ul ul li {line-height: 24px;  font-size:19px; color: #000; font-weight:600; list-style:none; text-align:left; background: url(../images/bullet.png) left center no-repeat; margin:0; padding:10px 0 10px 20px;}
#value .value .achieveGrad {background: url(../images/achieveGrad.png) no-repeat; width:362px; height:300px; float:left; margin: 30px 0 0 0; }
/*==============*/
#whatdoyou {background: #ffffff;  margin: 0 auto; overflow:hidden; padding: 0px 0 30px 0;}
#whatdoyou .whatdoyou {width:980px; margin: 0 auto; padding: 0px 0 0 0;}
#whatdoyou .whatdoyou .title {margin: 40px 0 0px 0; text-align: center;  font-size:33px; color: #010101; font-weight:700;}
#whatdoyou .whatdoyou p {padding: 10px 0px 0 0px; margin: 0px 0 0px 0; text-align: center; font-size:17px; color: #000; font-weight:400;}
#whatdoyou .whatdoyou .col {width:980px; margin: 0 auto; }
#whatdoyou .whatdoyou .pic1 {background: url(../images/pic1.jpg) no-repeat; width:306px; height:159px; margin: 28px 0 20px 0px; padding:0; border:5px solid #fff; float:left; -moz-box-shadow:  0px 2px 3px #888; -webkit-box-shadow: 0px 2px 3px #888; box-shadow: 0px 2px 3px #888;}
#whatdoyou .whatdoyou .pic2 {background: url(../images/pic2.jpg) no-repeat; width:306px; height:159px; margin: 28px 0 20px 15px; padding:0; border:5px solid #fff; float:left; -moz-box-shadow:  0px 2px 3px #888; -webkit-box-shadow: 0px 2px 3px #888; box-shadow: 0px 2px 3px #888;}
#whatdoyou .whatdoyou .pic3 {background: url(../images/pic3.jpg) no-repeat; width:306px; height:159px; margin: 28px 0 20px 15px; padding:0; border:5px solid #fff; float:left; -moz-box-shadow:  0px 2px 3px #888; -webkit-box-shadow: 0px 2px 3px #888; box-shadow: 0px 2px 3px #888;}
#whatdoyou .whatdoyou .col .col1, #whatdoyou .whatdoyou .col .col2, #whatdoyou .whatdoyou .col .col3, #whatdoyou .whatdoyou .col .col4 {width:244px; float:left; margin: 30px 0 0 0;}
#whatdoyou .whatdoyou .col .col1 .diploma {margin: 0 auto; background: url(../images/sprites.png) -561px -182px no-repeat; width:104px; height:94px; }
#whatdoyou .whatdoyou .col .col2 .friends {margin: 0 auto; background: url(../images/sprites.png) -254px -319px no-repeat; width:88px; height:94px; }
#whatdoyou .whatdoyou .col .col3 .project {margin: 0 auto; background: url(../images/sprites.png) -368px -319px no-repeat; width:93px; height:94px; }
#whatdoyou .whatdoyou .col .col4 .skills {margin: 0 auto; background: url(../images/sprites.png) -497px -319px no-repeat; width:83px; height:94px; }
#whatdoyou .whatdoyou .col .col1 p, #whatdoyou .whatdoyou .col .col2 p, #whatdoyou .whatdoyou .col .col3 p, #whatdoyou .whatdoyou .col .col4 p {padding: 10px 0px 0 0px; margin: 0px 0 0px 0; text-align: center;  font-size:16px; color: #000; font-weight:400;}
/*==============*/
#apply {background: url(../images/applyBg.jpg) center no-repeat; height:170px; margin: 0 auto; background-size: cover;}
#apply .apply {width:780px; margin: 0 auto; padding: 0px 0 0 0;}
#apply .apply .applyNow { text-transform: uppercase; border-bottom: 4px #000 solid; text-decoration: none; padding: 18px 0 22px 0; text-align:center; display: block; color: #000100; font-size:28px; border-radius: 100px; width:340px; height:30px; margin: 50px 20px 0 0; float:left; background: #c0d737; font-weight:600;}
#apply .apply .learnMore { text-transform: uppercase; border-bottom: 4px #000 solid; text-decoration: none; padding: 18px 0 22px 0; text-align:center; display: block; color: #000100; font-size:28px; border-radius: 100px; width:340px; height:30px; margin: 50px 0 0 0; float:left; background: #c0d737; font-weight:600;}
/*==============*/
#ourPartners {background: #eeeeee;  margin: 0 auto; overflow:hidden; padding: 0px 0 30px 0; }
#ourPartners .ourPartners {width:980px; margin: 0 auto; padding: 0px 0 0 0;}
#ourPartners .ourPartners .title {margin: 40px 0 0px 0; text-align: center;  font-size:33px; color: #010101; font-weight:700;}
#ourPartners .ourPartners .col {width:980px; margin: 0 auto; }
#ourPartners .ourPartners .col .col1, #ourPartners .ourPartners .col .col2, #ourPartners .ourPartners .col .col3, #ourPartners .ourPartners .col .col4, #ourPartners .ourPartners .col .col5, #ourPartners .ourPartners .col .col6, #ourPartners .ourPartners .col .col7, #ourPartners .ourPartners .col .col8 {width:240px; float:left; margin: 30px 0 0 0;}
#ourPartners .ourPartners .col .col1 .famsy {display:block; background: url(../images/famsylogo.png) no-repeat; width:182px; height:182px; margin: 0 auto;}
#ourPartners .ourPartners .col .col2 .humanAppeal {display:block; background: url(../images/humanAppealLogo.png) no-repeat; width:182px; height:182px; margin: 0 auto;}
#ourPartners .ourPartners .col .col3 .mccaIslamic {display:block; background: url(../images/mccaIslamicLogo.png) no-repeat; width:182px; height:182px; margin: 0 auto;}
#ourPartners .ourPartners .col .col4 .aim {display:block; background: url(../images/aimLogo.png) no-repeat; width:182px; height:182px; margin: 0 auto;}
#ourPartners .ourPartners .col .col5 .wamy {display:block; background: url(../images/wamyLogo.png) no-repeat; width:182px; height:182px; margin: 0 auto;}
#ourPartners .ourPartners .col .col6 .mybookstore {display:block; background: url(../images/mybookstore.png) no-repeat; width:182px; height:182px; margin: 0 auto;}
#ourPartners .ourPartners .col .col7 .arkantoedo {display:block; background: url(../images/arkantoedoLogo.png) no-repeat; width:182px; height:182px; margin: 0 auto;}
#ourPartners .ourPartners .col .col8 .cwmelogo {display:block; background: url(../images/cwmelogo.png) no-repeat; width:182px; height:182px; margin: 0 auto;}
#ourPartners .ourPartners .col .col1 p, #ourPartners .ourPartners .col .col2 p, #ourPartners .ourPartners .col .col3 p, #ourPartners .ourPartners .col .col4 p, #ourPartners .ourPartners .col .col5 p, #ourPartners .ourPartners .col .col6 p, #ourPartners .ourPartners .col .col7 p, #ourPartners .ourPartners .col .col8 p {padding: 10px 0px 0 0px; margin: 0px 0 0px 0; text-align: center;  font-size:16px; color: #000; font-weight:400;}
/*==============*/
.footertop {margin: 0 auto; height:50px; width:100%; background: #c0d737;}
#footer {background: #131011;  margin: 0 auto; overflow:hidden;  }
#footerIn {background: #131011;  margin: 0 auto; width:980px; }
#footerIn .leftbottom { float:left; margin: 0 auto; width:100%; color: #fff; font-size:14px;}
#footerIn .leftbottom a {color: #c0d737; text-decoration: none;}
#footerIn .leftbottom a:hover {color: #fff;}
#footerIn .logo {display:block; background: url(../images/sprites.png) -254px -420px no-repeat; width:376px; height:89px; margin-top:20px; float:right;}
#footerIn .privacy {padding: 0 0 10px 0; color: #fff; font-size:12px; text-align:center; display:block;  }
#footerIn .privacy a {text-decoration:none; color: #c0d737; font-size:12px;}
#footerIn .privacy a:hover {color: #fff;}
/*==============*/
#formOv {background-image:url(../images/formBg.jpg); color:#fff;  border:4px solid #c0d737;}
.formOv {display:none; background-image:url(../images/formBg.jpg); width:540px; padding:35px 0px 0px 0px;}
.formOv .close { background-image: url(../images/close.png); position:absolute; right:-25px; top:-25px; cursor:pointer; height:46px; width:46px;}
.formOv .regform {background: #e3e3e3; width: 440px; margin: 0 auto; padding:20px 30px 20px 70px;}
.formOv .regform .title {margin: 0px 0 20px 0; text-align: center;  line-height:30px; font-size:26px; color: #2a2a2a; font-weight:700;}
.formOv .regform .contacttext1 {float:left; margin: 0px 0 8px 0; font-size:16px; padding: 5px 10px 5px 10px; color: #717171; background-color: #fff;  border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #c1c1c1; width:370px;  height: 26px; font-weight:300;}
.formOv .regform .contacttext2 {float:left; margin: 8px 0 8px 0; font-size:16px; padding: 5px 10px 5px 10px; color: #717171; background-color: #fff;  border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #c1c1c1; width:370px;  height: 26px; font-weight:300;}
.formOv .regform .textarea { margin: 8px 0 10px 0; font-size:16px; padding: 15px 10px 15px 10px; color: #8f9ba4; background-color: #fff; float:left; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #c1c1c1; width:370px;  font-weight:300; height:180px;}
.formOv .regform .submit {border: none !important; margin: 10px auto 0 auto; background: url(../images/submitBot.png) center no-repeat; width:188px; height:44px; }
.formOv .regform  .formSub {width:188px; margin: 0 auto;}
::-webkit-input-placeholder { height: 26px; font-weight:300; color: #111111; font-size:16px;}
:-moz-placeholder { height: 26px; font-weight:300; color: #111111; font-size:16px;}
::-moz-placeholder { height: 26px; font-weight:300;color: #111111;  font-size:16px;}
:-ms-input-placeholder { height: 26px; font-weight:300; color: #111111;  font-size:16px;}
/*==============*/
#thankyou {background:url(../images/formBg.jpg) repeat; color:#fff; padding:220px 70px 222px 70px;  border:4px solid #c0d737;}
.thankyou {display:none; background:url(../images/formBg.jpg) repeat; width:400px; padding:35px 35px 20px 35px;}
.thankyou .close { background-image: url(../images/close.png); position:absolute; right:-25px; top:-25px; cursor:pointer; height:46px; width:46px;}
.thankyou .thankyou2 {background: url(../images/thankyou.png) no-repeat; width:150px; height:98px; margin: 0 auto 0 auto;}