@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

* {padding: 0px; margin: 0px; list-style: none;}
body {
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#2a333f;
	font-size:16px;
	font-weight: 400;
	background:#ebebed url(../img/bg.gif) repeat-x; 
	width: 1200px;
	margin: 0px auto;
}
a {color:#2a333f; text-decoration: none;}
img { line-height: 0; border: none;}

.clear { clear:both;}	
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

header, footer, section, aside, nav, article {display: block;}

header {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	padding: 10px 0;
}
#logo {float: left; padding: 20px 0;}
.top-txt {float: right; padding: 20px 0; font-size: 12px; color: #888;}
nav {	
	clear:both !important;
	width: 100%;
	float: left;
    display: block;
    font-weight: 500;
}
	nav ul li {
		float: left;
	}
	nav a {
		padding:10px 40px;
		display: inline-block;
	}
	nav .current{
		color: #a88762 !important;
	}
p.title01{color:#33441d; font-size:12px; font-weight:bold;}	
.main_img { clear:both !important; width:100%; line-height: 0; border-bottom: #a88762 4px solid;}
.about_img { clear:both !important; width:100%; line-height: 0;}
.statement_img{ clear:both !important; width:100%; line-height: 0;}
.club_img { clear:both !important; width:100%; line-height: 0;}
.signin_img { clear:both !important; width:100%; line-height: 0;}
.ministry_img { clear:both !important; width:100%; line-height: 0;}
.receive_img { clear:both !important; width:100%; line-height: 0;}
.member_img { clear:both !important; width:100%; line-height: 0;}

.resources_img { clear:both !important;
				background:url(../img/sub_resources.jpg) no-repeat;
				width:850px; 
				height:213px;
				text-indent:-9999px;
}
.contactus_img { clear:both !important; width:100%; line-height: 0;}

.charity_img { clear:both !important;
				background:url(../img/sub_charity.jpg) no-repeat;
				width:850px; 
				height:213px;
				text-indent:-9999px;
}

.event_img { clear:both !important;
				background:url(../img/sub_event.jpg) no-repeat;
				width:850px; 
				height:213px;
				text-indent:-9999px;
}

.consultation_img { clear:both !important;
				background:url(../img/sub_consultation.jpg) no-repeat;
				width:850px; 
				height:213px;
				text-indent:-9999px;
}

section {
	float:left;
	width:25%;
	background-color:#a88762;
	text-align:left;
	height:400px;
}

section .quote2 {
		padding: 30px 50px;
		background: url(../img/quote-open.gif) 25px 25px no-repeat;
		color: #fff;}

section .quote2 blockquote {
		padding-bottom: 20px;
		background: url(../img/quote-close.gif) right bottom no-repeat;
		}

section .quote2 cite {
		display: block; 
		font-style:italic;
		padding-left:40px;
		}
article {
	float:right;
	width:92%;
	text-align:left;
	padding:30px 4%;
	background:#fff;
	
}
article  h1{
	padding:0;
	margin:0;
}
article  h2{
	font-size:1.4em;
	font-weight: 700;
	padding-left:10px;
	margin:0;
}
article p.ex{
	padding:10px 10px;
	line-height:160%;
}
article .state{
	padding:10px 10px;
	font-size:1.1em;
	line-height:130%;
}
article hr{
	color:#e3d5b4;
	height:1px;
	margin:30px 0;
}

article ul {
	padding:0px;
	list-style:none;
	margin:0;
	padding-top:10px;
}


article li {
	float:left;
	padding: 0 2% 0 3.5%;
	width:19%;
}
article li p{
	list-style:none;
	float:left;
	padding-top:10px;
	padding-right:10px;
	line-height:130%;
}
article li.bg {
	border-right: #ddd 1px solid;
}

.form-signin .required {font-size:16px; padding: 5px; height:30px; border:1px solid #ddd; background-color:#eee; width: 80%;}

.main-3col {clear: both; width: 98%; float: left; padding: 30px 1%;}
.main-3col .grid { width: 23.3%; height: 160px; float: left; padding: 90px 3%; margin: 0 2%; text-align: center; background-size:cover; color: #fff; position: relative;}
.main-3col .grid .wrap {display: table; width: 100%; height: 100%;}
.main-3col h3 {font-size: 20px; font-weight: 400;}
.main-3col .txt {padding:20px 0; font-weight: 300;}
.main-3col button {font-size: 14px; display: inline-block; background: linear-gradient(187deg,#cea87a 0%,#a98860 100%); padding:10px 20px; color: #fff; cursor: pointer; border: none; }
.main-3col button a {color: #fff;}

footer {
	clear:both !important;
	display:block;
	width:100%;
	margin:30px 0;
	background: #343f4d;
}
footer ul {
	padding:20px 0;
}
footer li {
	text-align:center;
	line-height:210%;
	letter-spacing:0.03em;
	color:#7a90a5;
}
footer li a{
	padding:10px;
	color: #fff;
}


/* contactus */
.form{margin-top:15px; border:1px solid #a88762; padding:30px;}
.w274{margin:10px 0; padding: 5px; width:90%; height:30px; border:1px solid #ddd; background-color:#eee; font-size: 16px;}
.w579{ margin:10px 0; padding: 5px; width:95%; height:114px; border:1px solid #ddd; background-color:#eee; font-size: 16px;}