/* ========  Kanjiramattom Mosque and Shaikh Fhareedudheen Maqubrha  =========*/
/* ========  Copyright - Kanjiramattom Mosque and Shaikh Fhareedudheen Maqubrha  =========*/
/* ========  Author - Aabasoft Solutions (www.aabasoft.com) =========*/
/* ========  Created Date - 02 / 11 / 2013  =========*/
@import "reset.css";
/* ====  General styles  ====*/
.fleft {	float: left}
.fright {	float: right}
.clear {	clear: both}
strong{ font-weight:700;}
a{ color: #4c4c4c; text-decoration:underline;}
a:hover{ text-decoration:none;}
/* ====  General styles  ====*/

body {   font-family:Arial, Helvetica, sans-serif; font-weight: normal;  color: #5b5c5d; background:url(../images/bgGreen.png) repeat;}
#wrapper{ width:100%; background:url(../images/mainBg.jpg) top center repeat-x; padding-top:22px; margin-bottom:100px;}
#mainContainer{width:968px; background:#FFF; padding:0 6px; margin:0 auto;}
p{ color: #4c4c4c; font-size: 13px; line-height:1.6; padding-bottom:5px;}

#header{ width:100%; background:url(../images/topGrBg.png) bottom repeat-x; margin-bottom:1px; height:120px;}
#header .logo{  height:80px; padding:18px 0 0 18px;}
#header .quickContactTop{ width:334px;  height:26px; background:url(../images/quickContact.png) no-repeat; margin:20px 15px 0 0;}
#header .quickContactTop .number{ font-size:12px; color:#858585; padding-left:135px; line-height:26px;}
#header .mailSocial{width:334px;  height:32px; margin:20px 15px 0 0;}
#header .mailSocial .socialIcon{ width:32px; height:32px; margin-left:15px; float:right;}
#header .mailSocial #clockbox{ height:32px; line-height:32px; color:#858585; font-size:12px; text-align:right; float:right;}


#menu{ width:100%; height:38px; background:url(../images/menuBg.png) repeat-x;}
#menu li{ display:block; float:left; height:38px; background:url(../images/menuDivider.png) right no-repeat;}
#menu li a{ display:block; line-height:38px; height:38px; text-align:center; padding:0 25px; color:#FFF; font-size:12px;  text-transform:uppercase; text-decoration:none;}
#menu li a:hover, #menu li.active a{ background:url(../images/menuHoverBg.png) repeat-x;}


#contentContainer{ width:100%; background:url(../images/contentGrBg.png) top repeat-x; margin-top:6px; padding-top:6px;}
#leftSideBar{ width:220px;}
#leftSideBar .quickLinksThumb { margin-bottom:3px;}
#leftSideBar .prayerTimes{ display:block;}
#leftSideBar .prayerTimes .head{ text-align:center; padding:10px 0; background:#779c4e; font-size:16px; color:#FFF;}
#leftSideBar .prayerTimes .times{ background:#e2f0d4; padding:10px 20px;}
#leftSideBar .prayerTimes .times ul{ display:block;}
#leftSideBar .prayerTimes .times ul li{ font-size:12px; color:#000; line-height:1.8; font-weight:700;}
#leftSideBar .prayerTimes .times ul li span{ text-align:right; float:right;}

#leftSideBar .newsUpdates{ width:220px;  border:#bfce99 solid 1px; height:250px; overflow:hidden; margin-top:10px;}
#leftSideBar .newsUpdates .newsScroll{ padding:8px;}
#leftSideBar .newsUpdates .newsScroll .news{display:block;}
#leftSideBar .newsUpdates .newsScroll .news li{ padding-bottom:10px; border-bottom:dashed #d0d0d0 1px; margin-bottom:10px; background:url(../images/arrow.jpg) left 5px no-repeat; padding-left:15px; font-size:12px; color:#4c4c4c; line-height:1.3; }
#leftSideBar .newsUpdates .newsScroll .news li span{ font-weight:bold;}


#rightMainContent{ width:740px;}
#rightMainContent .banner{ border:#bfce99 solid 1px; padding:8px; width:722px; height:275px; margin-bottom:10px;}
#rightMainContent .content{ width:100%; background:url(../images/contentGrBg.png) repeat-x;}
#rightMainContent .content .newsUpdates{ width:224px;  border:#bfce99 solid 1px; height:250px; overflow:hidden;}
#rightMainContent .content .newsUpdates .newsScroll{ padding:10px;}
#rightMainContent .content .newsUpdates .newsScroll .news{display:block;}
#rightMainContent .content .newsUpdates .newsScroll .news li{ padding-bottom:10px; border-bottom:dashed #d0d0d0 1px; margin-bottom:10px; background:url(../images/arrow.jpg) left 5px no-repeat; padding-left:15px; font-size:12px; color:#4c4c4c; line-height:1.3; }
#rightMainContent .content .newsUpdates .newsScroll .news li span{ font-weight:bold;}

.boxHead{ width:100%; background:url(../images/boxheadBg.jpg) repeat-x; height:38px; line-height:38px;}
.boxHead h3{ font-size:15px; font-weight:lighter; color:#343434; padding-left:10px;}

#rightMainContent .content .welcome{ padding:10px 10px 0 15px; width:485px;}
#rightMainContent .content .welcome h1{ font-size:20px; color:#86a600; margin-bottom:10px; font-weight:bold;}
#rightMainContent .content .welcome h1 span{ color:#4e4d4e;}

#rightMainContent .content .kodikuthu{border:#bfce99 solid 1px; margin-top:20px; width:495px; padding:5px;}
#rightMainContent .content .kodikuthu img{width:200px; height:auto; float:left; margin-right:15px;}
#rightMainContent .content .kodikuthu h4{ font-size:16px; color:#4e4d4e; padding-top:5px; font-weight:bold; padding-bottom:5px;}



#footerMenu {  height:40px; background:#5e8b2d; margin-top:40px;}
#footerMenu ul{ width:500px; margin:0 auto;  display:block;}
#footerMenu ul li{ margin-right:20px; float:left; display:block; line-height:40px;}
#footerMenu ul li a{ font-size:11px; color:#FFF;}
#footerMenu ul li a:hover{ color:#FF0;}

#footer{ background:url(../images/contentGrBg.png) repeat-x top ; margin-top:1px; padding:20px 0;}
#footer a{color: #4c4c4c;} #footer a:hover{color: #86a600;}
#footer .col{ width:322px; float:left; background:url(../images/footdivider.png) right center no-repeat;}.noBg{background:none !important;}.paddingTop{ padding-top:10px;}
#footer .col h6{ font-size:16px; font-weight:bold; color:#4b4b4b; margin-bottom:10px; padding-left:60px;}
#footer .col .footlogo{ padding-left:20px;}
#footer .col .quickLinks{ padding-left:60px;}
#footer .col .quickLinks li{ font-size:12px; line-height:1.5; color:#4b4b4b; }

#footer .col .location{ background:url(../images/locationIcon.png) left no-repeat; padding-left:80px; margin-left:60px;}

#footer .copyright{ border-top:#5e8b2d solid 1px; padding:20px 0; text-align:center; margin-top:20px;}
#footer .copyright p, #footer .copyright p a{ font-size:12px; color:#5e8b2e; }
#footer .copyright p a:hover{ color:#000;}








#rightMainContent .inBanner{ border:#bfce99 solid 1px; padding:8px; width:722px; height:170px; margin-bottom:10px;}
#rightMainContent .content .inContents{	padding: 10px 10px 0 15px;	width: 715px;}
#rightMainContent .content .inContents h1{ font-size:22px; color:#86a600; margin-bottom:10px; font-weight:bold;}
#rightMainContent .content .inContents h1 span{ color:#4e4d4e;}
#rightMainContent .content .inContents h2 {font-size:16px; color:#000; margin-bottom:10px; border-bottom:dashed #d0d0d0 1px; padding-bottom:5px;}

#rightMainContent .content .kodikuthuMain{border:#bfce99 solid 1px; margin-top:20px;  padding:10px;}
#rightMainContent .content .kodikuthuMain img{width:215px; height:auto; float:left; margin-right:15px;}
#rightMainContent .content .kodikuthuMain h4{ font-size:16px; color:#4e4d4e; padding-top:5px; font-weight:bold; padding-bottom:5px;}


#rightMainContent .content .contactDetails{ padding:20px 0 30px 10px;}
#rightMainContent .content .contactDetails li{ font-size:14px; line-height:1.6; font-weight:700;}

#rightMainContent .content .googleMap{ width:705px; padding:5px; border:#bfce99 solid 1px; height:250px;}


#rightMainContent .content .accountDetails { display:block; padding-bottom:35px;}
#rightMainContent .content .accountDetails li{ font-size:14px; color:#941f1f; line-height:2; font-weight:700;}
#rightMainContent .content .accountDetails li span{ text-align:right; float:right;}

.marginTop{margin-top:20px;}




.donateimg{
    margin-top: 35px;
    display: flex;
    justify-content: center;
    border: 1px solid #bfce99;
    padding: 20px;
}