@charset "utf-8";
@font-face {
 font-family: 'NovaSquare';
 src: url('fonts/NovaSquare.eot');
 src: local('?'), url('fonts/NovaSquare.woff') format('woff'), url('fonts/NovaSquare.ttf') format('truetype'), url('fonts/NovaSquare.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'Old Town Regular';
 src: url('fonts/Old Town Regular.eot');
 src: local('?'), url('fonts/Old Town Regular.woff') format('woff'), url('fonts/Old Town Regular.ttf') format('truetype'), url('fonts/Old Town Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
	font-family: 'Conv_Raleway-Regular_0';
	src: url('fonts/Raleway-Regular_0.eot');
	src: local('?'), url('fonts/Raleway-Regular_0.woff') format('woff'), url('fonts/Raleway-Regular_0.ttf') format('truetype'), url('fonts/Raleway-Regular_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_MyriadPro-Light';
	src: url('fonts/MyriadPro-Light.eot');
	src: local('?'), url('fonts/MyriadPro-Light.woff') format('woff'), url('fonts/MyriadPro-Light.ttf') format('truetype'), url('fonts/MyriadPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body   { margin: 0px; padding: 0px; font-family: 'Raleway', sans-serif; font-size:14px; background-color: #e1e0f2; color: #1e2938;}
.clr   { clear:both;}
p      { font-family: 'Conv_Raleway-Regular_0'; font-size:15px; color:#1e2938;}
h1     { font-family: 'Conv_Raleway-Regular_0'; font-size:26px; color:#850035; font-weight: bold; margin:0; padding:0;}
h2     { font-family: 'Conv_Raleway-Regular_0'; font-size:26px; color:#1e2938; font-weight: bold; margin:0; padding:0;}
h3     { font-family: 'Conv_Raleway-Regular_0'; font-size:22px; color:#1e2938; font-weight: bold; line-height:30px; margin:0; padding:0;}

a      { color:#E65A06; text-decoration:underline; font-weight: bold;}
a:hover{ color:#E65A06; text-decoration: underline;}

/* all image class */
.fullimg { width:100%; height:auto;}

#main-wrapper { height:auto; width:auto;}
#header-wrapper-main { height: auto; width: 100%; background-image: url(images/header-bg.png); background-repeat: repeat; background-position: left top;}

#header-mid-wrapper { margin:0 auto; padding:0; width:1230px;}
#logo-wrapper       { float: left; margin:0;}
.logo-spacing       { padding-top:25px;}

#address-bar        { float: right; height: auto; margin:10px 0;}
.tag-line           { float: left; margin-left: -57px;position: relative;}
#tag-line-wrapper   { float: left; height: auto;}
#social-wrapper     { float: right; text-align: right; color: #FFFFFF; margin:0 0 0 10px;}
.social-strip       { float:right; width: 100%; height:auto; margin-bottom: 8px; margin-top: 8px;}
.social-strip a     { text-decoration: none; color: #FFFFFF;}
.img-size           { margin-top:15px;}
#navigation-wrapper-main { background-image: url(images/nav-bg.png1); background-repeat: repeat-x; background-position: left top; height: auto; width: 100%; padding:10px 0;background-color: #88856d; padding: 10px 0; background-color: #393732;}

#navigation-wrapper { height: auto; width:1230px; margin:0 auto; padding:0; }
#slider             { width:100%; height:auto; margin:0 0 -13px; padding:0; line-height:0;}
#slider img         { width:100%; height:auto;}
#content            { background-image:url(images/con-bg.gif); background-repeat:repeat; background-position:center top; width:100%; margin:0; padding:0;}
#content-mid        { width:1190px; margin:0 auto; padding:10px 0;}
#topbox             { margin:20px 0 0; padding:0;}
#topbox p           { font-family: 'Old Town Regular'; color:#58554e; font-size:39px; font-weight:bold; line-height:36px; margin:0; padding:0;  text-decoration:none; text-align:center; font-style:normal; min-height:180px; }
#box1               { width:390px; float:left; margin:0; padding:0;}
#box2               { width:390px; float:left; margin:0 10px; padding:0;} 
#box3               { width:390px; float:left; margin:0; padding:0;}  
.r-side             { background-image:url(images/r-side.png); background-position:top right; background-repeat:repeat-y;}
.l-side             { background-image:url(images/l-side.png); background-position:top left; background-repeat:repeat-y;}
.box-top            { background-image:url(images/box-top.png); background-position:center bottom; background-repeat:repeat-x;}
.box-btm            { background-image:url(images/box-btm.png); background-position:center top; background-repeat:repeat-x;}
.box-bg             { background-image:url(images/box-bg.png); background-position:center top; background-repeat:repeat;}

#mid-contentbox     { margin:20px 0; padding:0;}
#mid-contentbox h1  {font-family: 'Old Town Regular'; color:#58554e; font-size:42px; font-weight:bold; margin:0 0 10px; padding:0 0 20px;  text-decoration:none; font-style:normal; background-image:url(images/bor-btm.png); background-repeat:no-repeat; background-position:bottom center;}
#mid-contentbox p   {font-family: 'Conv_Raleway-Regular_0'; color:#58554e; font-size:15px; line-height:22px; font-weight: normal; margin:0; padding:0;  text-decoration:none; text-align:left;}

#mid-contentbox .img1 { float:left; margin:0 10px 0 0; padding:0;}

#readmore            { background-color:#ffffff;background-image: url("images/bullet.png");background-position: left center; background-repeat: no-repeat;border: 1px solid #e6e6e6;color: #5a4740;font-family: "Conv_Raleway-Regular_0";font-size: 12px;font-style: normal; margin: 0;padding: 7px 15px 7px 35px;text-decoration: none; float:left;}
#readmore a         { color: #5a4740;text-decoration: none;}
#readmore a:hover   { color: #000;text-decoration: underline;}	


/* INTERNAL PAGE CSSS START HERE */
#mid-contentbox-left     { width:72%; float:left; margin:20px 0; padding:0;}
#mid-contentbox-left h1  {font-family: 'Old Town Regular'; color:#58554e; font-size:42px; font-weight:bold; margin:0 0 10px; padding:0 0 20px;  text-decoration:none; font-style:normal; background-image:url(images/bor-btm.png); background-repeat:no-repeat; background-position:bottom center;}
#mid-contentbox-left p   {font-family: 'Conv_Raleway-Regular_0'; color:#58554e; font-size:15px; line-height:22px; font-weight: normal; margin:0; padding:0;  text-decoration:none; text-align:left;}

#mid-contentbox-left .img1 { float:left; margin:0 10px 0 0; padding:0;}

#mid-contentbox-right    { width:25%; float:right; margin:20px 0; padding:0;}
#sec-in                  { margin:0 0 20px; padding:0;}
#sec-in p                { font-family: 'Old Town Regular'; color:#58554e; font-size:29px; font-weight:bold; line-height: normal; margin:0; padding:0;  text-decoration:none; text-align:center; font-style:normal; min-height:175px; }
#sec-in .white                { color: #ffffff; font-family: "Conv_Raleway-Regular_0"; font-size: 15px; font-style: normal; font-weight: normal; line-height: 22px; margin: 0; padding: 0; text-align: center; text-decoration: none; }

#sec-in-box              { background-color:#987054; border: 1px solid #5f402a; border-radius: 10px;margin:0 0 20px; padding:12px; box-shadow:0 0 16px #593b27 inset; }
#sec-in-box h1           {font-family:"Conv_Raleway-Regular_0"; color:#fff; font-size:22px; font-weight:bold; margin:0 0 10px; padding:0 0 5px;  text-decoration:none; font-style:normal; text-align:center; border-bottom:1px dashed #fff; text-shadow:0 1px 1px #000000;}
#sec-in-box p            { color: #ffffff; font-family: "Conv_Raleway-Regular_0"; font-size: 15px; font-style: normal; font-weight: normal; line-height: 22px; margin: 0; padding: 0; text-align: center; text-decoration: none; }

#map       { width:98%; border:5px solid #ffffff; margin:0 auto; }
.map-iframe{ width:100%; min-height:450px;}

.img2 { margin:0 10px 0 0; padding:0;}
#Chart{}
#Chart p { color: #ffffff; font-family: "Conv_Raleway-Regular_0"; font-size: 15px; font-style: normal; font-weight: normal; margin: 0; padding: 0;text-decoration: none; }
#Chart td { color: #ffffff; font-family: "Conv_Raleway-Regular_0"; font-size: 15px; font-style: normal; font-weight: normal; margin: 0; padding: 0;text-decoration: none; }

#twocol   { margin:0; padding:0;}
#col1     { width:47%; margin:0 10px 0 0; float:left;}
#col2     { width:47%; margin:0 0 0 10px; float:left;}
#twocol h3{ font-family: 'Conv_Raleway-Regular_0'; font-size:22px; color:#fff; font-weight: bold; line-height:30px; margin:0 0 10px; padding:0 0 5px; border-bottom: 1px dashed #fff;}
#twocol p {font-family: 'Conv_Raleway-Regular_0'; color:#efecca; font-size:15px; line-height:22px; font-weight: normal; margin:0; padding:0;  text-decoration:none; text-align:left;}
#twocol a         { color: #ffffff;text-decoration: none;}
#twocol a:hover   { color: #efecca;text-decoration: underline;}
#twocol img       { width:100%; height:auto;} 
.info     { background: #81785c none repeat scroll 0 0; border: 1px dashed #dbd6b3; padding: 10px; margin: 0 0 20px;}

#full_col {
	background-image:url(images/churchbanner.png); background-repeat:no-repeat; background-size:100%; background-position:center top;
		/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    border-radius:10px;
	-webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);;
    border: 1px dashed #000;
    border-radius: 10px;
	   margin: 0 auto;
    padding: 10px;
    width: 93%;
}
#full_col .img1 { float:left; margin:0 15px 0 0; padding:0 0 0 0;}
/* INTERNAL PAGE CSSS END HERE */


	
#fotter             { background-color:#393732; margin:0 auto; padding:25px 0;}
#fotter-mid         { width:1230px; margin:0 auto; padding:0;}
#sec1               { margin:0 0 25px;}
#fott-logo          { float:left; margin:0; padding:0;}
#fott-social        { float:right; margin:18px 0 0; padding:0;}
#fott-social img    { margin:0 5px;}

#sec2               { margin:0 0 10px 0;}
#copyright          { font-family:'Conv_MyriadPro-Light';font-size: 15px; text-decoration:none;color:#b2b2b4; float:left; margin:0; padding:0;}
#copyright a        { color:#b2b2b4; text-decoration:none;}
#copyright a:hover  { color:#fff; text-decoration: underline;}
#fott-link          { float:right; margin:0; padding:0;}
#fott-link ul       { margin:0; padding:0;}
#fott-link ul li    {font-family: 'Conv_MyriadPro-Light'; font-size: 15px; text-decoration:none; color:#b2b2b4;margin:0 13px; padding:0; display:inline; list-style-type:none;}
#fott-link ul li a  { color:#b2b2b4; text-decoration:underline;}
#fott-link ul li a:hover { color:#fff; text-decoration: none;}


/* ipad Landscape [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 1024px)   
{
#header-mid-wrapper { margin:0 auto; padding:0 10px; width:auto;}
#navigation-wrapper { height: auto; width: auto; margin:0; padding:0; }
#content-mid        { width: auto; margin:0 auto; padding:10px;}
#topbox             { margin:0 auto; padding:10px 0; width: auto;}
#topbox p           { font-size:29px; line-height: normal; min-height:160px; }
#box1               { width:32%; float: none; margin:0; padding:0; display: inline-block;}
#box2               { width:32%; float: none; margin:0 10px; padding:0; display: inline-block;} 
#box3               { width:32%; float: none; margin:0; padding:0; display: inline-block;}
#mid-contentbox     { margin: 0; padding: 10px 0;}

/* INTERNAL PAGE CSSS START HERE */
#mid-contentbox-left{ width:70%;}
#mid-contentbox-right{ width:28%;}
/* INTERNAL PAGE CSSS END HERE */ 

#fotter-mid         { width: auto; margin:0 auto; padding:10px;}
#sec1               { margin: 0;} 
#sec2               { margin: 0;}
#copyright          { float: none; margin: 10px 0; text-align:center; }
#fott-link          { float: none; margin: 10px 0; text-align:center; }

}
/* ipad Landscape [HORIZONTAL] CSS End here End*/

/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 768px)
{	
#topbox br         { display: none;}
#topbox p          { font-size: 22px; line-height: normal; min-height: 143px;}
#mid-contentbox h1 { font-size: 36px;}

/* INTERNAL PAGE CSSS START HERE */
#mid-contentbox-left{ width: auto;}
#mid-contentbox-right{ width: auto; margin: 0;}
.img2 { width:100%; margin:0 10px 0 0; padding:0;}
#col1             { float: left;margin: 0 0 10px;width: auto;}
#col2             { float: left;margin: 0 0 10px;width: auto;}
/* INTERNAL PAGE CSSS END HERE */

#fotter            { padding:0;}
#fott-logo         { float: none; margin: 0; padding: 0; text-align: center;}
#fott-social       { float: none; margin: 10px 0; padding: 0; text-align: center;}
}
/* ipad Portrait [VERTICAL] CSS End here */

/* iphone Landscape  [HORIZONTAL] CSS Start here */
@media only screen and (max-width :730px)
{
#content            { background-image:url(images/con-bg.jpg);}
#topbox p          { font-size: 22px;min-height: 40px;}
#box1              { display: block; float: none; margin: 0 auto; padding: 0; width: auto;}
#box2              { display: block; float: none; margin: 10px 0; padding: 0; width: auto;}
#box3              { display: block; float: none; margin: 0 auto; padding: 0; width: auto;}

#mid-contentbox .img1 { float: left; margin: 0; padding: 0; width: 100%;}

/* INTERNAL PAGE CSSS START HERE */
#mid-contentbox-left .img1 { float: left; margin: 0; padding: 0; width: 100%;}
/* INTERNAL PAGE CSSS END HERE */

}
/* iphone Landscape  [HORIZONTAL] CSS End here */

/* iphone Landscape  [HORIZONTAL] CSS Start here */
@media only screen and (max-width : 480px)
{
#logo-wrapper     { float: none; margin: 0; text-align: center;}
#address-bar      { float: none; height: auto; margin: 0 auto; padding: 10px 0; width: auto;}
}

/* iphone Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width :400px)   
{
#topbox p        { font-size: 29px; min-height: 150px;}
#mid-contentbox h1 { font-size:29px;}

/* INTERNAL PAGE CSSS START HERE */

/* INTERNAL PAGE CSSS END HERE */

}
/* iphone Landscape  [HORIZONTAL] CSS End here */