.hidden, .HIDDEN{
	display: none!important;
}

.font-28{
	font-size: 28px;
}
.content p.font-28 {
    font-family: Georgia;
    font-size: 28px;
    color: #000;
    line-height: 21px;
}

.mt-10{margin-top:10px;}.mt-10i{margin-top:10px!important;}
.mt-15{margin-top:15px;}.mt-15i{margin-top:15px!important;}
.mt-20{margin-top:20px;}.mt-20i{margin-top:20px!important;}
.mt-25{margin-top:25px;}.mt-25i{margin-top:25px!important;}
.mt-30{margin-top:30px;}.mt-30i{margin-top:30px!important;}

.mb-10{margin-bottom:10px;}.mb-10i{margin-bottom:10px!important;}
.mb-15{margin-bottom:15px;}.mb-15i{margin-bottom:15px!important;}
.mb-20{margin-bottom:20px;}.mb-20i{margin-bottom:20px!important;}
.mb-25{margin-bottom:25px;}.mb-25i{margin-bottom:25px!important;}
.mb-30{margin-bottom:30px;}.mb-30i{margin-bottom:30px!important;}

.inline-block-200{
	display: inline-block;
	width: 200px;
}
.image-fullwidth-cover{
	width: 100%;
	object-fit: cover;
}

/* Clearfix */
.clearfix:before,.clearfix:after {
	content:" ";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom:1;
}
html {
	height:100%;
	background:#fff;
	background:url(../images/pattern.png);
}
body {
	margin:0;
	padding:0;
	position: relative;
}

  a img { color: white; border:none;}        /* trick to hide the border in Netscape 4 */
  a { color: #422c17; background: transparent;text-decoration:none; }
  a:hover { text-decoration:none;color: #fe0000;}


.site_map  {
	float:left;
	width:100%;
	font-size:12px;
	color:#a16517;
	padding:10px 0 0 0;
	}

.site_map a
{
	color:#494018;
	font-size:11px;
	text-decoration:none;
	}



/*-- Header --*/
#header {
	width:100%;
	height:110px;
	background:none;
	position:relative;
}
.bottom-arrows {
	background:url(../images/bottom-arrows.png) repeat-x;
	width:100%;
	height:9px;
	position:absolute;
	bottom:0;
	left:0;
}
#header .top {
	width:1100px;
	margin: 0 auto;
}
/*-- Logo --*/
.logo {
	float:left;
	margin-top:7px;
}
.calendar2 {
	float:right;
	font-family:Georgia;
		color:#3f3f3f;
							height:72px;
						text-align:right;
			margin-top:14px;
			margin-right:25px;
}
.calendar2 h3 {
	font-size:23px;
	padding:0;
	margin:0;
	font-weight:normal;
	margin-top:11px;
	padding-bottom:4px;
}
.calendar2 span {
	font-size:16px;
	margin:0;
	padding:0;
}
.top .icon {
	background:url(../images/calendar.png) no-repeat;
	width:72px;
	height:72px;
	float:right;
	margin-top: 14px;
}
.top .icon:hover {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	/* IE 9 */
	-moz-transform:rotate(360deg);
	/* Firefox */
	-webkit-transform:rotate(360deg);
	/* Safari and Chrome */
	-o-transform:rotate(360deg);
	/* Opera */
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
/*-- Navigation --*/
a {
	text-decoration:none;
}
.container {
	width:100%;
	background:url(../images/menu-bg.png) repeat-x;
}
.toggleMenu {
	display:none;
	background:url(../images/nav-icon.png) no-repeat center;
	color:#fff;
	width:100%;
	height:67px;
}
.nav {
	list-style:none;
	*zoom:1;
	position:relative;
	 width:1100px;
	 margin:0 auto;
	 min-height:67px;
	 	font-family:Georgia;
	font-size:14px;
	text-transform:uppercase;
	z-index:99999999999999;
}
.nav:before,.nav:after {
	content:" ";
	display:table;
}
.nav:after {
	clear:both;
}
.nav ul {
	list-style:none;
	width:100%;
}
.nav a {
	padding:0px 15px;
		text-decoration:none;
	color:#ffd75e;
}
.nav li {
	position:relative;
	line-height:60px;
}
.nav>li {
	float:left;
}
.nav>li>.parent {
	background-image:url(../images/downArrow.png);
	background-repeat:no-repeat;
	background-position:right;
}
.nav>li>a {
	display:block;
}
.nav li ul {
	position:absolute;
	left:-9999px;
	 background:#443638;
}
.nav>li.hover>ul {
	left:0;
}
.nav li li.hover ul {
	left:100%;
	top:0;
}
.nav li li a {
	display:block;
	background:#443638;
	position:relative;
	z-index:99999999999999;
	color:#d3d3d3;
    padding:10px 0 10px 15px;
    line-height:normal;
}
.nav li ul  {
    padding:10px 0;
    margin:0;
}



.nav li a:hover {
	color:#fff;
}
.nav li li li a {
	background:#443638;
	z-index:200;
}
.nav li ul {
	min-width:200px;
	font-size:12px;
	text-transfrom:none;
}
.nav li ul li a:hover {
	color: #ffd75e;
}






/*-- Slider --*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
	outline:none;
}
.slides,.flex-control-nav,.flex-direction-nav {
	margin:0;
	padding:0;
	list-style:none;
}
.flexslider .slides>li {
	display:none;
	-webkit-backface-visibility:hidden;
}
.flexslider .slides img {
	width:100%;
	display:block;
}
.flex-pauseplay span {
	text-transform:capitalize;
}
.slides:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.no-js .slides>li:first-child {
	display:block;
}
.flexslider {
	margin:0;
	background:#fff;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	overflow:hidden;
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
}
.loading .flex-viewport {
	max-height:300px;
}
.flexslider .slides {
	zoom:1;
}
.carousel li {
	margin-right:5px
}
.flex-direction-nav {
	*height: 0;
}
.flex-direction-nav a {
	width:91px;
	height:91px;
	margin:-20px 0 0;
	display:block;
	/*--	background:url(../images/bg_direction_nav.png) no-repeat 0 0;--*/
	position:absolute;
	top:50%;
	margin-top:-45px;
	z-index:10;
	cursor:pointer;
	text-indent:-9999px;
	opacity:0;
	-webkit-transition:all .3s ease;
	display:none;
}
.flex-direction-nav .flex-next {
	background-position:100% 0;
	right:-96px;
}
.flex-direction-nav .flex-prev {
	left:-96px;
}
.flexslider:hover .flex-next {
	opacity:0.8;
	right:30px;
}
.flexslider:hover .flex-prev {
	opacity:0.8;
	left:30px;
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity:1;
}
.flex-direction-nav .flex-disabled {
	opacity:.3!important;
	filter:alpha(opacity=30);
	cursor:default;
}
.flex-control-nav {
	width:100%;
	position:absolute;
	bottom:-40px;
	text-align:center;
	display:none;
}
.flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.flex-control-paging li a {
	width:11px;
	height:11px;
	display:block;
	background:#666;
	background:rgba(0,0,0,0.5);
	cursor:pointer;
	text-indent:-9999px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
}
.flex-control-paging li a:hover {
	background:#333;
	background:rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
	background:#000;
	background:rgba(0,0,0,0.9);
	cursor:default;
}
.flex-control-thumbs {
	margin:5px 0 0;
	position:static;
	overflow:hidden;
}
.flex-control-thumbs li {
	width:25%;
	float:left;
	margin:0;
}
.flex-control-thumbs img {
	width:100%;
	display:block;
	opacity:.7;
	cursor:pointer;
}
.flex-control-thumbs img:hover {
	opacity:1;
}
.flex-control-thumbs .flex-active {
	opacity:1;
	cursor:default;
}
.flex-caption {
	color:#fff;
	max-width:300px;
	min-width:300px;
	text-align:center;
	padding:0;
	position:absolute;
	left:50%;
	margin-left:-150px;
	bottom:30px;
	padding:20px;
	font-size:22px;
	background:url(../images/caption-bg.php);
}
.slide p {
	font-weight: normal;
}
/*-- Widgets --*/
.slider-widgets {
	position:absolute;
	width:1158px;
	height:334px;
	left:50%;
	margin-left:-579px;
	top:50%;
	margin-top:-183px;
	z-index:99999;
}
.slider-widgets .widget {
	width:330px;
	float:left;
	margin:0 28px;
	zoom:1;
	filter:alpha(opacity=90);
	opacity:0.9;
	background:#fff;
	height:278px;
	position:relative;
}
.slider-widgets .widget h1 {
	width:100%;
	height:79px;
	color:#2c1c13;
	font-family:Georgia;
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	line-height:80px;
	background:url(../images/widget-title-bg.jpg) no-repeat;
	padding:0;
	margin:0;
}
.slider-widgetsXXX .widget h4 {
	font-size:14px;
	margin:20px;
	border-bottom:1px dotted #b3aaa9;
	padding-bottom:20px;
	margin-bottom:0;
	margin-top:13px;
}
.slider-widgets .widget h4 {
    font-size: 14px;
    margin: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    border-bottom: 1px dotted #b3aaa9;
    padding-bottom: 4px;
    margin-bottom: 0px;
    margin-top: 3px;
    padding-top: 5px;
}
.slider-widgets .widget a {
	text-decoration:none;
			font-family:Georgia;
	color:#412f2e;
	font-weight:bold;
}
.slider-widgets .widget a:hover {
	color:#888;
}
.slider-widgets .widget h4:last-child {
	border:none;
}
.slider-widgets .widget p {
	font-size:14px;
	color:#000000;
	font-family:Georgia;
	line-height:24px;
	overflow:hidden;
	margin-top:15px;
}
.slider-widgets .widget a.button {
	background:url(../images/widget-btn.png) no-repeat;
	width:100%;
	height:57px;
	display:block;
	position:absolute;
	bottom:-57px;
	left:0;
	color:#fff;
	text-decoration:none;
	text-align:center;
	line-height:57px;
	font-size:15px;
	font-weight:bold;
	font-family:Arial;
	text-transform:uppercase;
}
.slider-widgets .widget a:hover {
	zoom:1;
	filter:alpha(opacity=90);
	opacity:0.9;
	text-shadow: 0 0 15px #fff;
}






/* Prayer Timetable */
#table {
	font-family:Arial,Helvetica,sans-serif;
	color:#666;
	font-size:14px;
	background:#eaebec;
	height:100%;
	border:none;
	width:100%;
}
#table th {
	padding:20px;
	background:#475533;
	background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.11),rgba(255,255,255,.11));
	background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.11),rgba(255,255,255,.11));
	background-image:-o-linear-gradient(bottom,rgba(0,0,0,.11),rgba(255,255,255,.11));
	background-image:-ms-linear-gradient(bottom,rgba(0,0,0,.11),rgba(255,255,255,.11));
	background-image:linear-gradient(to top,rgba(0,0,0,.11),rgba(255,255,255,.11));
	font-family:Georgia;
	color:#fff;
	font-size:14px;
	border-right:1px solid #373737;
	font-weight:normal;
}
#table th:first-child {
	text-align:left;
}
#table tr {
	text-align:center;
	padding-left:20px;
}
#table tr td:first-child {
	text-align:left;
	padding-left:20px;
	border-left:0;
	font-size:14px;
	font-family:Arial;
	color:#000000;
	line-height:25px;
	font-weight:bold;
}
#table tr td {
	padding:1px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	background:#fafafa;
	color:#000;
}
#table tr.even td {
	background:#f6f6f6;
}
#table tr:last-child td {
	border-bottom:0;
}
#table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
#table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
#table tr:hover td {
	background:#f2f2f2;
	background:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#f0f0f0));
	background: -moz-linear-gradient(top,#f2f2f2,#f0f0f0);
}
/*-- Footer --*/
#footer {
	width:100%;
	min-height:230px;
	margin:0;
	position:relative;
	height:100%;
	clear:both;
}
.footer-top {
	width:100%;
	height:32px;
	background:url(../images/footer-top.png) repeat-x;
	position:absolute;
	top:-32px;
}
#footer .inner {
	width:1158px;
	margin:0 auto;
	height:100%;
}

.copyright {
    text-align:center;
	clear:both;
    font-size:12px;
    color:#6b6b6b;
    padding:20px 0;
}
.copyright a {
    color:#967b5b;
}


#footer .widgets {
	width:100%;
}
#footer .widget {
	float:left;
	width:240px;
	margin:0 24px;
}
#footer .widget ul {
	list-style:none;
	padding:0;
	margin:0;
}
#footer .widget h2 {
	font-family:Georgia;
	font-size:22px;
	color:#af6d18;
	font-weight:normal;
}
#footer .widget .socials li {
	float:left;
	margin-right: 6px;
}
#footer .widget .socials li:hover {
	opacity:0.8;
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	/* IE 9 */
	-moz-transform:rotate(360deg);
	/* Firefox */
	-webkit-transform:rotate(360deg);
	/* Safari and Chrome */
	-o-transform:rotate(360deg);
	/* Opera */
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}
#footer .widget ul li a {
	font-family:Georgia;
	font-size:15px;
	color:#232323;
	text-decoration:none;
	line-height:24px;
}
#footer .widget ul li a:hover {
	text-decoration:underline;
	color:#000;
}
select {
	width:240px;
	height:35px;
	background:#2d2d2d;
	-webkit-box-shadow:inset 1px 2px 4px rgba(0,0,0,.15);
	-moz-box-shadow:inset 1px 2px 4px rgba(0,0,0,.15);
	box-shadow:inset 1px 2px 4px rgba(0,0,0,.15);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	outline:none;
	padding:4px;
	font-size:12px;
	color:#a9a9a9;
	font-family:Arial;
	line-height:35px;
}
.amount input {
	-webkit-box-shadow:inset 1px 2px 4px rgba(0,0,0,.15);
	-moz-box-shadow:inset 1px 2px 4px rgba(0,0,0,.15);
	box-shadow:inset 1px 2px 4px rgba(0,0,0,.15);
	background:#2d2d2d;
	width:57px;
	height:25px;
		-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	outline:none;
	padding:4px;
	font-size:12px;
	font-family:Arial;
	float:left;
	margin-top:10px;
	padding-left:10px;
	padding-right:0;
	color:#fff
}
input[type="submit"] {
	cursor:pointer;
	float:left;
	font-size:13px;
	font-weight:bold;
	font-family:Arial;
	color:#fff !important;
	width:160px;
	height:35px;
	background:#73823c;
			-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	outline:none;
	border:none;
	margin-left:7px;
	padding:0;
}
a {
	-moz-transition:all 0.8s ease;
	-webkit-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease;
	transition: all 0.8s ease;
}



/*-- Wrapper START --*/

#wrapper {
	width:1110px;
	margin:0 auto;
	clear:both;

}



/*-- Content --*/
.content {
	width:743px;
	float:left;
	margin-top:10px;
	background:#fff;
	margin-bottom:80px;
}

.content h4 {

	font-family: Georgia;
	font-size:20px;
	color:#fff;
	font-weight: normal;
	width:97%;
	background:#505d3e;
	/*height:50px;*/
	line-height:30px;
	text-transform: uppercase;
	padding-left:3%;
	margin:0 ;

}

.content p {

font-family: Georgia;
font-size:13px;
color:#000;
line-height: 21px;
}

.content2 {
	width:100%;
	float:left;
	margin-top:10px;
	background:#ffffff;
	margin-bottom:80px;
}

.content2 h4 {

	font-family: Georgia;
	font-size:20px;
	color:#fff;
	font-weight: normal;
	width:97%;
	background:#505d3e;
	height:50px;
	line-height:50px;
	text-transform: uppercase;
	padding-left:3%;
	margin:0 ;

}

.content2 p {

font-family: Georgia;
font-size:13px;
color:#000;
line-height: 21px;
padding:20px;
}

 .float_left{float:left;}
 .float_right{float:right;}
 .row0{float:left;width:100%;}

.content0 {
    padding:20px;
    float:left;
}
.content0 a, .content1 a {
    color:#af6d18;
}
.content1 {
    padding:20px;
}


.active {
    color:#af6d18;
}

.row5
{
	border-bottom:1px dotted #bdbdb2;
	padding:10px 0;
	margin-bottom:15px;
	line-height:normal;
	float:left;
	width:100%;
	}
.row5 a
{
	text-decoration:none;
	}	
.row5 h2 
{
	margin:0;
	padding:0 0 5px 0;
	font:normal 16px Trebuchet MS;
	}
.news_title {
font-size:20px;
color:#af6d18;
padding-bottom:4px;
float:left;
width:100%;
}
.news_title a {
color:#af6d18;
}

.course_date
{
	float:left;
	text-align:left;
	font-weight:bold;
	font-size:12px;
    width:50%;
	}
.course_date0
{
	float:left;
    width:95%;
    background-color:#d5f8fe;
    padding:2%;
	border:1px solid #bbdbe1;
}	
	
.class_date
{
	color:#4e5b3c;
	text-align:left;
	padding-top:10px;
	font-weight:normal;
	}
.morenew
{
	padding:10px 0;
	float:right;
	font-weight:bold;
	font-size:12px;
	}	
a.ev_cls 
{
	float:left;
	margin:0 10px 5px 0;
	border:1px solid #5e585a;
	}	

.br5
{
	margin-bottom:40px;
    float:left;
	}

.pgr_bdr a
{
border:1px solid #7e4d0c;
color:#7e4d0c;
text-decoration:none;
padding:2px 5px;	
font:bold 11px Calibri; 
	}
.pgr_bdr a:hover
{
border:1px solid #7e4d0c;
background-color:#7e4d0c;
color:#ffffff;
text-decoration:none;
padding:2px 5px;	
font:normal 11px Calibri; 
	}	
	
.pager_active
{
border:1px solid #7e4d0c;
background-color:#7e4d0c;
color:#ffffff;
text-decoration:none;
padding:2px 5px;	
font:normal 11px Calibri; 
	}
	
	
	
.pgr_bdr2 a
{
border:1px solid #7e4d0c;
color:#7e4d0c;
text-decoration:none;
padding:2px 5px;	
font:bold 11px Calibri; 
	}
.pgr_bdr2 a:hover
{
border:1px solid #7e4d0c;
background-color:#7e4d0c;
color:#ffffff;
text-decoration:none;
padding:2px 5px;	
font:normal 11px Calibri; 
	}
.pgr_bdr2 span
{
border:1px solid #7e4d0c;
background-color:#7e4d0c;
color:#ffffff;
text-decoration:none;
padding:2px 5px;	
font:normal 11px Calibri; 
	}	

.br4 
{
border-bottom:1px dotted #d1d1d1;
	padding:10px 0;
	}		

.capcha_form 
{
	border:1px solid #666666;
	font:normal 26px Arial;
	color:#666666;
	padding:2px 5px;
	margin-left:10px;
	}
.form_box
{
	float:left;
	width:260px;
	padding:16px 0 15px 0;
	text-align:left;
	}
.form_box2
{
	float:left;
	width:260px;
	padding:16px 0 15px 25px;
	text-align:left;
	}
.form_input
{
	float:left;
	width:260px;
	padding:3px 0 13px 0;
	}
.form_input2
{
	float:left;
	width:260px;
	padding:3px 0 25px 0;
	}
.name_input
{
	float:left;
	width:220px;
	border:1px solid #887b7b;
	margin:0;
	padding:10px;
	color:#626262;
	font-size:12px;
	}
.name_input2
{
	float:left;
	margin:0;
	width:250px;
	padding:10px;
	border:1px solid #887b7b;
	}

.tb_header
{
	background-color:#7b604d;
	font-weight:bold;
	color:#fff;
	width:170px;
	}
.tb_header2
{
	background-color:#7b604d;
	font-weight:bold;
	text-align:center;
	color:#fff;
	}
.tb_header3
{
	background-color:#cfcece;
	font-weight:bold;
	color:#1a1a1a;
	width:150px;
	}
.tb_header4
{
	background-color:#cfcece;
	font-weight:bold;
	text-align:center;
	color:#1a1a1a;
	}	
	
.tb
{
	background-color:#feedb7;
	border:1px solid #7b604d;
	color:#7f542a;
	}	
	
.tb2
{
	background-color:#e0dfdf;
	border:1px solid #cfcece;
	}
.tb_td
{
	font-weight:bold;
	text-align:center;
	border-bottom:1px dotted #e2c771;
	}
.tb_td2
{
	width:220px;
	border-bottom:1px dotted #e2c771;
	}	



.more_bg
{
	width:86px;
	height:21px;
	float:left;
	background:#9be5f2 url(../images/more_bg.gif) no-repeat;
	padding:3px 0 0 30px;
	margin-right:20px;
	}
a.more_bg
{
    color:#ffffff;
	}


.comment_bg
{
	width:84px;
	height:19px;
	float:left;
	background:#9be5f2 url(../images/comment_bg.gif) no-repeat;
	padding:3px 0 0 30px;
	margin-right:20px;
	}

.date_bg
{
	width:86px;
	height:21px;
	float:left;
	background:#9be5f2 url(../images/date_bg.gif) no-repeat;
	padding:3px 0 0 30px;
	margin-right:20px;
    color:#ffffff;
	}	

.date
{
	font:11px;
	font-weight:bold;
	font-style:italic;
	color:#666666;
	}

.evt_bx 
{
float:left;
width:115px;
padding:10px 5px 0 5px;
height:160px;
background:#fffcf1 url(../images/ev_bg.gif) top no-repeat;
font-size:11px;
border:1px solid #d1d1d1;
margin:0 20px 40px 20px;

}
.evt_bx img
{
float:left;
padding:0 0 0 5px;
}
	
.ev_title
{
	float:left;
	width:100%;
	text-align:center;
	padding-top:5px;
	line-height:16px;
	}
.ev_date
{
	float:left;
	width:100%;
	text-align:center;
	padding-top:5px;
	font:bold 11px Verdana;
	}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:11px;
	height:70px;
	width:160px;
	padding:20px 25px 25px 25px;
	color:#fff;
	line-height:16px;
}
.calendar
{
	float:left;
	width:610px;
	margin-top:20px;
	}	
.OtherMonthDayStyle
{
    background-color:#e8ddab;
    border:1px solid #faf8f2;
    color:#a2a2a2;
    height:50px;
    }
.DayStyle
{
    border:1px solid #faf8f2;
    font:normal 14px Trebuchet MS;
    color:#000000;
    text-transform:uppercase;
    background-color:#d7c889;
    height:50px;
    }  
    
.OtherMonthDayStyle2
{
    background-color:#e8ddab;
    border:1px solid #faf8f2;
    color:#a2a2a2;
    height:30px;
    }
.DayStyle2
{
    border:1px solid #faf8f2;
    font:normal 14px Trebuchet MS;
    color:#000000;
    text-transform:uppercase;
    background-color:#d7c889;
    height:30px;
    }      
.PT_np
   {
   	text-transform:uppercase;
   	color:#46760c;
   	text-align:center;
   	}
.cal_date
{
	font:normal 18px Trebuchet MS;
	color:#ffe697;
	background-color:#725109;
	height:40px;
	}      
.PT_br
{
    border:1px solid #faf8f2;
    font:normal 12px Trebuchet MS;
    color:#ffc600;
    text-transform:uppercase;
    background-color:#9e8b3c;
    height:30px;
    }
/* tooltip styling. by default the element to be styled is .tooltip  */


.br6
{
	float:left;
	margin:0 15px 10px 0;
	}

.mv_desc
{
	float:left;
	padding:5px 0;
	}
.video_thumb
{
	float:left;
	width:280px;
	padding:0 40px 30px 0;
	line-height:normal;
	text-align:left;
    font-size:13px;
	}
.video_thumb2
{
	float:left;
	width:280px;
	padding:0 0 40px 0;
	line-height:normal;
	text-align:left;
    font-size:13px;
	}
	
	
	
.video_thumb h3, .video_thumb2 h3
{
	font:bold 13px verdana;
	line-height:normal;
	color:#000000;
	margin:0;
	padding:0;
	height:30px;
	}	
	
.show
{
	float:right;
	width:235px;
	}
.ytb_row
{
	width: 100%;float:left;padding-top:15px;
	}	

.gal_thumb
{
float:left;
width:131px;
padding:13px 10px 0 14px;
height:140px;
background:#ffdf9d url(../images/gallery_bg.gif) 9px 8px no-repeat;
font-size:11px;
border:1px solid #eacc8f;
margin:0 30px 40px 30px;
text-align:center;
}
.gal_thumb img
{
float:left;
margin-bottom:10px;
}

.gal_thumb h3
{
	font:normal 11px verdana;
	line-height:15px;
	color:#3c5b89;
	}

.form1 
{
	border:1px solid #a69898;
	padding:6px;
	color:#666666;
    background-color:#f6f5f5;
	}

.form2 {
	-webkit-box-shadow:inset 1px 2px 4px rgba(0,0,0,.15);
	-moz-box-shadow:inset 1px 2px 4px rgba(0,0,0,.15);
	box-shadow:inset 1px 2px 4px rgba(0,0,0,.15);
	background:#2d2d2d;
		-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	outline:none;
	padding:4px;
	font-size:12px;
	font-family:Arial;
	float:left;
	margin-top:10px;
	padding-left:10px;
	padding-right:0;
	color:#fff
}

.form4
{
	border:none;
	padding:3px;
	color:#4a3b3b;
	font-weight:bold;
	}

.view-all
{
	float:left;
	width:96%;
	text-align:right;
	padding:15px 0;
	}



ul.lh20 li{
	line-height: 20px;
	font-family: Georgia;
	font-size: 13px;
}
ul.lh24 li{
	line-height: 24px;
	font-family: Georgia;
	font-size: 13px;
}

ul.lh30 li{
	line-height: 30px;
	font-family: Georgia;
	font-size: 13px;
}












/*-- Sidebar --*/
#sidebar {
float:right;
width:330px;
height:auto;
margin-top:10px;
margin-bottom:30px;
}

#sidebar .slider-widgets {
			width:768px;
			height:334px;
			margin-left:0px !important;
			position:none !important;
			position: static !important;
			margin-top:0!important;
	}
#sidebar .slider-widgets {

	width:330px;
	z-index:99999;
}
#sidebar .slider-widgets .widget {
	width:330px;
	float:left;
	margin:0 0 80px 0 !important;
	padding:0 0 0 0 !important;
	height: auto !important;
	zoom:1;
	filter:alpha(opacity=90);
	opacity:0.9;
	background:#fff;

}
#sidebar .slider-widgets .widget h1 {
	width:100%;
	height:79px;
	color:#2c1c13;
	font-family:Georgia;
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	line-height:80px;
	background:url(../images/widget-title-bg.jpg) no-repeat;
	padding:0;
	margin:0;
}
.slider-widgetsXXX .widget h4 {
	font-size:14px;
	margin:20px;
	border-bottom:1px dotted #b3aaa9;
	padding-bottom:20px;
	margin-bottom:0;
	margin-top:13px;
}
.slider-widgets .widget h4 {
    font-size: 14px;
    margin: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    border-bottom: 1px dotted #b3aaa9;
    padding-bottom: 4px;
    margin-bottom: 0px;
    margin-top: 3px;
    padding-top: 5px;
	min-height: 37px;
}
.slider-widgets .widget a {
	text-decoration:none;
			font-family:Georgia;
	color:#412f2e;
	font-weight:bold;
}
.slider-widgets .widget a:hover {
	color:#888;
}
.slider-widgets .widget h4:last-child {
	border:none;
}
.slider-widgets .widget p {
	font-size:14px;
	color:#000000;
	font-family:Georgia;
	line-height:24px;
	overflow:hidden;
	margin:15px;
}
.slider-widgets .widget a.button {
	background:url(../images/widget-btn.png) no-repeat;
	width:100%;
	height:57px;
	display:block;
	position:absolute;
	bottom:-57px;
	left:0;
	color:#fff;
	text-decoration:none;
	text-align:center;
	line-height:57px;
	font-size:15px;
	font-weight:bold;
	font-family:Arial;
	text-transform:uppercase;
}
.slider-widgets .widget a:hover {
	zoom:1;
	filter:alpha(opacity=90);
	opacity:0.9;
	text-shadow: 0 0 15px #fff;
}
/* Prayer Timetable */


#table {
	font-family:Arial,Helvetica,sans-serif;
	color:#666;
	font-size:14px;
	background:#eaebec;
	height:100%;
	border:none;
	width:100%;
}
#table th {
	padding:20px;
	background:#475533;
	background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.11),rgba(255,255,255,.11));
	background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.11),rgba(255,255,255,.11));
	background-image:-o-linear-gradient(bottom,rgba(0,0,0,.11),rgba(255,255,255,.11));
	background-image:-ms-linear-gradient(bottom,rgba(0,0,0,.11),rgba(255,255,255,.11));
	background-image:linear-gradient(to top,rgba(0,0,0,.11),rgba(255,255,255,.11));
	font-family:Georgia;
	color:#fff;
	font-size:14px;
	border-right:1px solid #373737;
	font-weight:normal;
}
#table th:first-child {
	text-align:left;
}
#table tr {
	text-align:center;
	padding-left:20px;
}
#table tr td:first-child {
	text-align:left;
	padding-left:20px;
	border-left:0;
	font-size:14px;
	font-family:Arial;
	color:#000000;
	line-height:25px;
	font-weight:bold;
}
#table tr td {
	padding:1px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	background:#fafafa;
	color:#000;
}
#table tr.even td {
	background:#f6f6f6;
}
#table tr:last-child td {
	border-bottom:0;
}
#table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
#table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
#table tr:hover td {
	background:#f2f2f2;
	background:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#f0f0f0));
	background: -moz-linear-gradient(top,#f2f2f2,#f0f0f0);
}

#calendar1 .c-grid-title {
    font-weight: bold;
    float: left;
    background-color: #725109;
    color: white;
}








/*------------------------------------
------------ Responsive --------------
-------------------------------------*/

/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width:1140px) {
		html {
		overflow-x:hidden;
	}
    .content img{
        max-width:360px;
        height:auto;
    }

	#header .top {
			width:730px;
	}
	#header {
			height:auto;
			background-repeat:repeat;
	}
	.nav {
			 width:730px;
			 padding-right:40px;
	}
	.container {
			background:url(../images/menu-bg.png) repeat;
	}
	.flexslider {
			margin:0;
			background:#fff;
			position:relative;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			-o-border-radius:4px;
			border-radius:4px;
			width:100%;
			height:430px;
			overflow:hidden;
			background:#000;
			background:url(../images/responsive-bg.jpg) no-repeat;
	}
	.flexslider .slides img {
			display:none;
	}
	.slider-widgets {
			width:768px;
			height:334px;
			left:50%;
			margin-left:-384px;
	}
	.slider-widgets .widget {
			width:240px;
			margin:0 8px;
	}
	.slider-widgets .widget h1 {
			font-size:14px;
			font-weight:normal;
			background:url(../images/widget-title-bg-240.jpg) no-repeat;
			text-transform:none;
	}
	#table th {
			padding:16px;
	}
	.slider-widgets .widget h4 {
			font-size:12px;
			margin:20px;
			border-bottom:1px dotted #b3aaa9;
			padding-bottom:10px;
			margin-bottom:0;
			margin-top:10px;
	}
	.slider-widgets .widget a.button {
			background:url(../images/widget-btn.png) no-repeat center;
	}
	#footer .inner {
			width:768px;
			margin:0 auto;
	}
	#footer .widgets {
			width:100%;
	}
	#footer .widget {
			float:left;
			width:180px;
			margin:0 6px;
	}
	#footer .widget h2 {
			font-family:Georgia;
			font-size:18px;
			color:#af6d18;
			font-weight:normal;
	}
	#footer .widget .socials li a img {
			width:39px;
			height:auto;
	}
	#footer .widget.ads img {
			width:180px;
			height:auto;
	}
	.widget.ads h2 {
			text-align:center;
	}
	select {
			width:180px;
			height:35px;
			font-size:11px;
	}
	.amount input {
			width:47px;
			height:25px;
			font-size:11px;
	}
	input[type="submit"] {
			width:111px;
			height:35px;
			font-size:9px;
			font-weight:normal;
	}
	.nav {
			float:none;
			text-align:center;
			padding-bottom:14px;
			padding-top:5px;
			font-size:12px;
	}
	.nav li {
			line-height:22px;
			margin-top:8px;
			line-height:16px;
			text-align:center;
			float:none;
			text-align:center;
	}
	.calendar2,.top .icon {
			clear:both;
			text-align:center;
			float:none;
			margin:0 auto;
	}
	.logo {
			float:none;
			margin-top:7px;
			text-align:center;
			margin: 0 auto;
	}



#wrapper {
	width:760px;
	margin:0 auto;
	clear:both;

}
/*-- Content --*/
.content {
	width:400px;
	float:left;
	margin-top:30px;
	background:#fff;
}


.nav ul {
	width:400px;

}
.nav>li.hover>ul {
	left: 50%;
margin-left: -200px;
z-index: 9999999;
padding-left:0;
}


.nav>li>.parent {
	background:none;
}





}
/* Landscape phone to portrait tablet */
@media (max-width:767px) {
	html {
		overflow-x:hidden;
	}
	.active {
		display:block;
	}
    .content img{
        max-width:290px;
        height:auto;
    }

	.nav a {
		color:#333;
	}
	.nav>li {
		float:none;
	}
	.nav>li>.parent {
		background-position:95% 50%;
	}
	.nav li li .parent {
		background:none;
	}
	.nav ul {
		display:block;
		width:100%;
	}
	.nav>li.hover>ul,.nav li li.hover ul {
		position:static;
	}
	#header .top {
		width:440px;
		margin: 0 auto;
	}
	/*-- Logo --*/
	.logo {
			float:none;
			margin-top:7px;
			text-align:center;
			margin:0 auto;
	}
	.calendar2 {
		float:right;
		font-family:Georgia;
			color:#3f3f3f;
								height:72px;
							text-align:right;
				margin-top:14px;
				margin-right:25px;
	}
	.calendar2,.top .icon {
		display:none;
	}
	.flexslider {
			margin:0;
			background:#fff;
			position:relative;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			-o-border-radius:4px;
			border-radius:4px;
			width:100%;
			height:1150px;
			overflow:hidden;
			background:#000;
			background:url(../images/responsive-bg-big.jpg) no-repeat;
	}
	.flexslider .slides img {
			display:none;
	}
	.slider-widgets {
		position:absolute;
		width:330px;
		height:1084px;
		left:50%;
		margin-left:-165px;
		top:50%;
		margin-top:-542px;
		z-index:99999;
	}
	.slider-widgets .widget {
		width:330px;
		float:left;
		clear:both;
		margin:0 !important;
		margin-bottom: 80px !important;
	}
	/*-- Footer --*/
	#footer {
		width:100%;
		min-height:230px;
		margin:0;
		position:relative;
		height:100%;
	}
	.footer-top {
		width:100%;
		height:32px;
		background:url(../images/footer-top.png) repeat-x;
		position:absolute;
		top:-32px;
	}
	#footer .inner {
		width:330px;
		margin:0 auto;
		height:100%;
	}
	#footer .widgets {
		width:100%;
	}
	#footer .widget {
		float:left;
		width:330px;
		margin:0;
	}
	#footer .widget ul {
		list-style:none;
		padding:0;
		margin:0;
		width:240px;
		display:block;
		margin:0 auto;
	}
	#footer .widget h2 {
		font-family:Georgia;
		font-size:22px;
		color:#af6d18;
		font-weight:normal;
		text-align:center;
	}
	#footer .widget .socials li {
		margin-right:6px;
			text-align:center;
	}
	#footer .widget ul {
		text-align:center;
	}
	#footer .widget ul li a {
		font-family:Georgia;
		font-size:15px;
		color:#232323;
		text-decoration:none;
		line-height:24px;
	}
	#footer .widget.ads img {
					display:block;
			margin:0 auto;
	}
	select {
		width:100%;
		float:none !important;
	}
	.amount input {
		width:98%;
		text-align:left;
		padding-left:2%;
	}
	input[type="submit"] {
		width:100%;
		text-align:center !important;
		margin-left:0 !important;
		margin-bottom:60px;
	}
	.toggleMenu {
		display:none;
		background:url(../images/nav-icon.png) no-repeat center;
		color:#fff;
		width:100%;
		height:62px;
	}
	.nav {
		background:#f3c43b;
		zoom:1;
		filter:alpha(opacity=90);
		opacity:0.9;
		width:250px;
		padding-right:40px;
		padding-bottom:14px;
			-moz-transition:all 0.8s ease;
		-webkit-transition:all 0.8s ease;
		-o-transition:all 0.8s ease;
		-ms-transition:all 0.8s ease;
		transition:all 0.8s ease;
	}
	.container {
		height:67px;
	}
	.nav li {
		line-height:35px;
			margin-top:8px;
				text-align:center;
	}
	.nav li a {
		color:#000;
	}
	.nav li a:hover {
		color:#000;
				font-weight:bold;
		text-shadow:0 0 1px #000;
			font-size: 16px;
	}


#wrapper {
	width:330px;
	margin:0 auto;
	clear:both;

}
/*-- Content --*/
.content {
	width:100%;
	float:left;
	margin-top:30px;
	background:#fff;
	margin-bottom:10px;
}


.nav ul {
	width:330px;

}
.nav>li.hover>ul {
	left: 50%;
margin-left: -40px;
z-index: 9999999;
padding-left:0;
}


.nav>li>.parent {
	background:none;
}





}








/* Landscape phones and down */
@media (min-width:130px) and (max-width:440px) {
	#header .top {
		width:100%;
		margin:0 auto;
	}
	#footer .inner {
		width:100%;
		margin:0 auto;
		height:100%;
	}
	#footer .widgets {
		width:100%;
		padding-top:20px;
	}
	#footer .widget,.widget.ads,.socials,.donation {
		float:none;
		margin:0 auto;
		text-align:center;
		width:100%;
		margin:0;
			padding-bottom:35px !important;
	}
	.donation {
		min-height:200px;
	}
	.nav {
		background:#111;
		zoom:1;
		filter:alpha(opacity=90);
		opacity:0.9;
		width:180px;
		padding-right:40px;
	}
	.nav li a {
		color:#ffd75e;
	}
	.nav li a:hover {
		color:#fff;
				text-shadow:0 0 1px #000;
		font-size: 16px;
	}

    .content img{
        max-width:290px;
        height:auto;
    }

.nav ul {
	width:260px;

}
.nav>li.hover>ul {
	left: 50%;
margin-left: -40px;
z-index: 9999999;
padding-left:0;
}



.nav li li .parent {

background-repeat: no-repeat;
background-position: 45% 20%;
}


	
}

.tCentre, .tCentre tr, .tCentre tr td{
	text-align: center;
}
.logo img{
	height:84px;
}

.button-green{
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    color: #fff !important;
    width: 160px;
    height: 35px;
    background: #73823c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    border: none;
    margin-left: 7px;
    padding: 0;
}

#contact-form label{
	padding-top: 6px;
	float: left;
	width: 111px;
	overflow: hidden;
}

#contact-form .textbox {
    color: #757575;
    width: 571px;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #dedede;
    font-family: inherit;
    font-size: inherit;
    border-top: none;
    border-right: none;
    border-left: none;
}
#message, #comment-message {
    height: 135px;
    width: 316px;
    margin-top: 2px;
    margin-bottom: 8px;
}

.roundedButton1 {
    cursor: pointer;
	float: left;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	color: #fff !important;
	width: 160px;
	height: 35px;
	background: #73823c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	border: none;
	margin-left: 7px;
	padding: 0;
}
.roundedButton2 {
    cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
	color: #fff !important;
	width: auto;
	height: auto;
	background: #e72626;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	border: none;
	margin-left: 7px;
	padding: 16px;
}
.roundedButton3 {
    cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
	color: #fff !important;
	width: 270px;
	height: auto;
	background: #e72626;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	border: none;
	margin: 10px;
	padding: 10px;
	text-align: center;
	display: block;
}
.roundedButton4 {
    cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	color: #fff !important;
	width: 270px;
	height: auto;
	background: #e72626;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	border: none;
	margin: 10px;
	padding: 10px;
	text-align: center;
	display: block;
}
.roundedButton2:hover, .roundedButton3:hover, .roundedButton4:hover{
	background: #ff4b4b;
}
.float-right{
	float: right;
}
#tdGoogleMap, .tdGoogleMapIframe{
	width: 400px;
}
#message-outcome {
    clear: both;
    padding: 15px;
    background: #f1d76e;
    color: #746417;
    display: none;
    border: 1px dashed #bbb63b;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

form.cmxform label.error, label.error {
    color: red;
    font-style: italic;
	width: 100%;
}
form.cmxform label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    cursor: hand;
}

.red-text-bold{
	color: red;
	font-weight: bold;
}

#sidebar .slider-widgets .widget {
    margin: 0 0 23px 0 !important;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  	#contact-form .textbox {
		color: #757575;
		width: 271px;
		margin-bottom: 15px;
		padding: 10px;
		background-color: #f4f4f4;
		border-bottom: 1px solid #dedede;
		font-family: inherit;
		font-size: inherit;
		border-top: none;
		border-right: none;
		border-left: none;
	}
	
	#tdGoogleMap, .tdGoogleMapIframe{
		width: 291px;
	}
}

.content ul li
{
  font-family: Georgia;
  font-size: 13px;
  color: #000;
  line-height: 21px;
}