/*=================
Reset Css*/

/*
YUI 3.11.0 (build d549e5c)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,textarea,p,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,images{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*=================
Global Css*/
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}


html {-webkit-text-size-adjust: none;}

body{color: #333333;font-size: 16px;font-family: arial, helvetica, sans-serif;}
.appleLinks a  { text-decoration: none !important; }
.inner{width: 962px;margin: 0 auto;position: relative;}
.right{float: right !important;}
.left{float: left !important;}

.clear{}
.clear:before, .clear:after{display: table;content: "";line-height: 0;}
.clear:after{clear: both;}

.inner:before, .inner:after{display: table;content: "";line-height: 0;}
.inner:after{clear: both;}

a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; color: #25A5DA; text-decoration:none;}

a:hover {
    text-decoration: underline;
}

a img{ outline: none; border: none; }
.list-inline > li{display: inline-block;}

h1, h2, h3, h4, h5, h6 {
    color: #2e2e2e;
}

h1 {
    font-size: 40px;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 25px;
}
h5 {
    font-size: 20px;
}

/*
h6 {
	font-size: 18px;
}
*/
strong {
    font-weight: bold;
    font-style: inherit;
}

em {
    font-style: italic;
    font-weight: inherit;
}

ul {
    display: block;
    list-style-type: disc;
    padding-left: 40px;
}
ol  {
    display: block;
    list-style-type: decimal;
    padding-left: 40px;
}

blockquote {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 50px;
    padding-left: 15px;
    border-left: 5px solid #CCC;
    font-style: italic;
    font-family: Georgia,Times,"Times New Roman",serif;
}

.ArticleBody ul, .ArticleBody ol {
    padding-left: 40px;
}

INPUT.sitebutton, INPUT.button, .button {
    background-color:#3bbd9b;
    border-width:0px;
    border-style:hidden;
    font-family:arial, helvetica, sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#FFFFFF;
    width:auto;
    padding: 3px;
    height:26px;
}

hr.fw{border: none;height: 1px;color: #dfe0e0;background: #dfe0e0;margin: 38px auto;width: 1000px;}
hr.fw2{border: none;height: 1px;color: #dfe0e0;background: #dfe0e0;margin: 42px auto 22px;width: 1000px;}
hr.fw3{border: none;height: 1px;color: #dfe0e0;background: #dfe0e0;margin: 0 auto 22px;width: 1000px;}

.hidden_large{display: none;}

a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

a:hover {
    opacity: 0.7;
}



/*=================
Header*/
#header{}
.logo {
    display: block;
    font-family: arial;
    font-size: 29px;
    color: #414141;
    float: left;
    margin-top: 26px;
    margin-bottom:21px;
    text-transform: uppercase;
}
.logo_image img {height: 81px}

#search_login{float: right;margin-top: 14px; margin-right: 4px;}
#search_login > *{float: right;}

#search_login > div{position: relative;width: 207px;margin-left: 30px;}
#search_login div .text{
    display: block;
    width: 100%;
    height: 25px;
    padding: 0 7px;
    color: #76929e;
    font-size: 12px;
    border: 1px solid #c5dff0;
}

#search_login div .button{
    height: 31px;
    width: 31px;
    background: url(../images/search_btn.png) center no-repeat;
    position: absolute;top: -3px;right: -1px;text-indent: -9999px;border: none;cursor: pointer;}

#mobile_nav{line-height: 0;}
.slicknav_menu{line-height: normal;}

.link {
    float: right;
    overflow:hidden;
    position: relative;
    height: 63px;
    width: 166px;
    margin-right: 3px;
    margin-left: 10px;
    margin-top: 16px;
}

#church_finder {
    margin-right: 7px;
    width: 184px;
}

.link.clear {
    clear: right;
}

.link img {
    height: 126px;
    width: 166px;
    position: absolute;
}

#church_finder img {
    width: 184px;
}

.link:hover img {
    top: -63px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


/*=================
login window */
#search_login div#DivLoginBox {
    background-color: #F1F3F5 !important;
    border: 1px solid #F1F3F5 !important;
    left: -155px !important;
    top: 170px !important;
    background-image: none  !important;
    text-indent: 0 !important;
    width: 320px !important;
    height: 220px !important;
    padding: 10px;
}

#search_login div#DivLoginBox .button {
    background-color:#E74C3C;
    border-width:0px;
    border-style:hidden;
    font-family:arial, helvetica, sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#FFFFFF;
    width:60px;
    height:26px;
    text-indent: 0;
    background-image: none;
    position: relative;
}

.slicknav_menu{display:none;}


/*=================
Navigation*/
#nav{background-color: #25A5DA;}
#nav .root_menu{float: left; }
#nav .root_menu, #nav .root_menu ul {list-style: none outside none; padding-left: 0;}
#nav .root_menu li{float: left;position: relative;text-transform: uppercase;margin: 0 2px;}
#nav .root_menu li a{
    font-size: 14px;
    text-decoration: none;
    color:white;
    display: block;
    padding: 11px 14px 12px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#nav .root_menu li:hover > a{color: #25A5DA;background: #FFFFFF; opacity: 1;}

#nav .root_menu ul {display: none;min-width: 230px;z-index: 999;padding: 0 0;}
#nav .root_menu li > ul{position: absolute;top: 39px;left: 0;background: #ededee;}
#nav .root_menu ul li{margin: 0;width: 100%;}
#nav .root_menu ul a{color: #2e2e2e;padding: 7px 10px;font-size: 14px;}

#nav .root_menu li:hover > ul{display: block;}

#nav .root_menu ul ul{top: 0;left: 100%;}

#nav .root_menu li.menu_item_level_1.first_item {
    margin:0px;
    margin-right: 5px;
}

#nav .root_menu li.menu_item_level_1.first_item a {
    background: url(../images/home_icon.png);
    display: block;
    height: 39px;
    width: 39px;
    text-indent: -999px;
    overflow: hidden;
}

#nav .root_menu li.menu_item_level_1.first_item a:hover {
    background-position: 0px 39px;
}

/*	#nav ul.root_menu ul.sub_menu_level_1 li.menu_item_level_2.first_item {
        display:none
    }
*/

/*==================
Main Area*/
#main_area, #main {
    padding-top: 30px;
    background: url(../images/background.jpg);

    border-bottom: 1px solid #DDDDDD;
}

/*==================
Slideshow*/
#slider .bx-wrapper {
    border: 1px solid #DDDDDD;
    margin-left: 1px;
    margin-right: 1px;
}

#slider .bx-pager {
    z-index:100;
}


li.gallery_li a:hover {
    opacity: 1;
}

/*=================
Squares*/
#squares{margin-bottom: 30px;}
#squares li{float: left;}
#squares li img{float: left;}
#squares li:hover img{opacity: 0.7;}
.gallery_ul {list-style: none outside none; padding-left: 0;}

#squares .inner > div {
    margin-left: -5px;
    margin-right: -5px;

}
#squares .square {
    width: 25%;
    padding: 5px;
    float: left;
    margin-top: 15px;
    margin-bottom: 5px;
    background-image: url('../images/dropshadow.png');
    background-position: 0 255px;
    background-repeat: no-repeat;
}

#squares .square_inner {
    background-color: white;
    height: 250px;
    border: 1px solid #DDDDDD;
}

#squares .square_inner > * {
    width: 100%;
    display: block;
}

.square_image *, #panelMiddleMission *, #panelMiddleFace * {
    width: 100%;
}

#panelMiddleMission, #panelMiddleFace {
    margin-top: 10px;
}

#squares .squares_slideshow {
    margin-top: 10px;
}

#squares .squares_slideshow .bx-controls * {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#squares a {
    color: #58585a;
    text-decoration: none;
}



#squares .square_header, #squares .square_footer, #squares .square_sub_header, #squares .square_footer_large {
    padding-left: 15px;
    padding-top: 7px;
    padding-right: 25px;
}


#squares .square_footer {
    font-size: 14px;
    color: #26a5da;
    font-weight: normal;
    padding-top: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#squares .square_header, #squares .square_footer_large {
    font-size: 22px;
    color: #58585a;
}

#squares .square_footer_large {
    padding-top: 13px;
}

#squares .square_sub_header {
    font-size: 14px;
    padding-top: 3px;
}

#squares .square_image {
    padding-top: 8px;
}

/*=================
Footer*/
#footer{}
#footer ul{float: left; list-style: none outside none; padding-left: 0; width: 230px;}
#footer ul li{color: #707070;font-size: 14px;line-height: 22px; display: block;}
#footer a{color: #707070;text-decoration: none;}

#footer .left {
    width:  300px;
    float: left;
}

#footer .middle {
    float: left;
    width: 300px;
    margin-left: 50px;
    margin-right: 75px;
}

#footer .right {
    width: 187px;
    float: right;
}

#footer .footer_logo img {
    height: 46px;
}

#footer .first_item {
    margin-bottom: 5px;
    margin-top: 30px;
}

#footer .footer_site_name {
    margin-right: -3px;
}

#footer .inner {
    padding-top: 10px;
    padding-bottom: 20px;
}

#footer .social{float: right;margin-top: 10px; list-style: none outside none; padding-left: 0;}
#footer .social li{float: left;margin-left: 7px;}
#footer .social a{text-indent: -999999px;width: 40px;height: 40px;display: block;}
#footer .social .twitter{background: url(../images/icon-twitter.png) center;}
#footer .social .facebook{background: url(../images/icon-facebook.png) center;}
#footer .social .youtube{background: url(../images/icon-youtube.png) center;}
#footer .social .rss{background: url(../images/icon-rss.png) center;}
#footer .social li:hover a{opacity: 0.7;}

#footer .ArticleBody *, #footer .ArticleBody *:before, #footer .ArticleBody *:after {
    -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;
}

#footer .middle .sitebutton {
    padding-right: 10px;
    padding-left: 10px;
}

#footerIcons a {

    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/*=================
SiteMap*/

.sitemap {
    background-color: #414141;
    padding-bottom: 20px;
}

.footerWrapper ul, .footerWrapper li {
    color: #d7d7d7;
    list-style-type: disc;
    position: relative;
}

#xmlmenu, #site_menu {
    padding: 0;
    width: 960px;
    -webkit-padding-start: 0 !important;
}

#xmlmenu > li {
    float: left !important;
    padding-left:0;
    margin-right: 22px;
    list-style-type: none;
}

#xmlmenu > li > ul {
    padding-left:0;
}

#xmlmenu > li > ul > li, #site_menu > li {
    list-style-type: none;
}

#xmlmenu > li > ul ul {
    padding-left:15px;
}

#xmlmenu a:link, #xmlmenu a:visited, #xmlmenu a:active {
    color: #d7d7d7;
    text-decoration: none;
    font-size: 12px;
    line-height: 15px;
}

#xmlmenu a:hover {
    text-decoration: underline;
    font-size: 12px;
}

#xmlmenu > li > a {
    font-weight: bold;
    color: #61cfff !important;
    font-size: 13px;
}

.footerWrapper2 {
    position: relative;
}

#buLogoFooter a {
    position: absolute;
    top: -113px;
    right: 33px;
    display: inline-block;
    margin-top: 40px;
    overflow: hidden;
    height: 45px;
    width: 139px;
    text-decoration: none;
    background-attachment:fixed;
    text-indent: -999em;
}

#buLogoFooter a:hover {
    background-position: 0 -45px !important;
    text-decoration: none;
}

a#logoFooter {
    background: url(/Images/Content/2019/594057.png) right top no-repeat;
}

#site_menu { margin-top: 33px;}


/*=================
Bottom Bar*/

.ciFooter {
    height: 50px;
    width: 358px;
    background-color: #f1f1f1;
    border: 1px solid #999;
    font-family: arial, sans-serif;
    font-size: 12px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 18px
}
.websitePartner {
    width: 222px;
    padding: 7px 26px 0 10px;
    float: left;
    color: #414141;
    position: relative;
}
.websitePartner img {
    position: absolute;
    top: 17px;
    left: 98px;
}
.websitePartner a {
    text-decoration: none !important;
}
.clickHereButton {
    width: 119px;
    height: 28px;
    margin-top: 11px;
    background-color: #47aed6;
    float: left;
    padding: 5px 11px 1px 13px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
    color: #fff;
    font-size: 12px !important;
    text-decoration: none !important;
}
.clickHereButton:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    color: #fff;
}
TABLE.footerbox .clickHereButton:hover {
    text-decoration: none !important;
}

#bottom_bar{ padding-top: 20px; padding-bottom: 15px;position: relative; background-color: #5E5E5E;}
#footer_bar a{display: inline-block;text-decoration: none;color: #F3F3F3;text-align: center;font-size: 11px;}
#footer_bar a:hover{text-decoration: underline;}
#footer_bar a:after{content: "|";font-size: 12px;color: #F3F3F3;margin: 0 3px 0 6px;}
#footer_bar a.footer{display:none;}

#footer_charity{float: right;color: #F3F3F3;position: absolute;right: 20px;top: 4px; font-size: 10px;}
#bottom_bar #footer_help:after{content: "";}

#footer_mobile{margin-left: -30px;}

#footer_bar {
    position: absolute;
    left: 450px;
    right: 100px;
    top: 15px;
}

#status_bar {
    position: absolute;
    right: 0px;
    top: 15px;
}

#status_bar a, #status_bar a:hover {
    border: 1px solid rgb(123, 123, 123);
    color: #b9b9b9;
    padding: 3px 12px;
    text-decoration: none;
    font-size: 12px
}

#status_bar .weboffice_link {
    display: none;
}

/*=================
Main*/
#main{padding-bottom: 30px;}

.banner_image {
    width: 700px;
    float: left;
    line-height: 0px;
}

.banner_image img {
    width: 100%;
}
.content{
    float: left;
    width: 700px;
    background-color: white;
    padding: 15px 32px;
}

.content h1{color: #2e2e2e;font-size: 40px;margin-bottom: 25px;}
.content img{margin-bottom: 25px;}
.content p{color: #2e2e2e;font-size: 15px;margin-bottom: 25px;}

#social_bookmark {
    border-top: none;
}

#social_bookmark img {
    width: auto;
}
.sidebar{float: right;width: 235px;margin-right: 5px;}
.sidebar ul {list-style: none outside none; padding-left: 0;}
.sidebar a{font-size: 15px;}
.sidebar .groupNav td.boxout_header_middle a {
    color:  white;
    background-color: #25A5DA;
    text-decoration:  none;
    display:  block;
    padding:  8px 10px;
    font-size: 16px;
}

.sidebar .groupNav td.boxout_header_middle {
    background-image: url(../images/triangle.png);
    background-position:  0% 100%;
    background-repeat: no-repeat;
    padding-bottom: 8px;

}

#widget_calendar {
    margin-top: 10px;
}

#sidebar_calendar td.boxout_header_middle a {
    color:  white;
    background-color: #5C86A0;
    text-decoration:  none;
    display:  block;
    padding:  8px 10px;
    font-size: 16px;
}

#sidebar_calendar td.boxout_header_middle {
    background-image: url(../images/triangle_grey.png);
    background-position:  0% 100%;
    background-repeat: no-repeat;
    padding-bottom: 8px;

}

#sidebar_calendar {
    font-size: 13px;
    font-weight: normal;
}

#sidebar_calendar a {
    font-size: 13px;
    font-weight: bold;
}

#sidebar_calendar .calendar_location {
    height: 23px;
    border-bottom: 1px solid #dfe5e7;
}

.widget {
    background-color: white;
    padding: 20px 15px 10px;
}

.widget:empty {
    display:none;
}



.sidebar table.boxout_contents {
    margin-top: 5px;
}

.sidebar td.boxout_header_left, .sidebar td.boxout_header_right {
    display:none;
}

.sidebar  .groupNav .group_nav_selected a, .sidebar .groupNav .group_nav_child a, .sidebar  .groupNav .group_nav_sibling a, .sidebar .groupNav  .group_nav_parent a {
    display: block;
    color: #2e2e2e;
    text-decoration: none;
    padding: 6px 3px;
}

.sidebar .groupNav .group_nav_child a {
    padding-left: 12px;
}
.sidebar  .groupNav .group_nav_selected a:hover, .sidebar  .groupNav .group_nav_child a:hover, .sidebar  .groupNav .group_nav_sibling a:hover {color: #26a5da;}

.sidebar  .groupNav .group_nav_selected > a{font-weight: bold;}

.sidebar .side_link {
    display:block;
    margin: 15px 0;
    line-height: 0px;
}

.sidebar .side_link img {
    width: 100%;
}

.bx-wrapper .bx-viewport {
    border: 0px;
    left: 0px;
}

.bx-wrapper {
    margin: 0 auto 16px;
}

#feeds{margin-bottom: 50px;}
#feeds .inner > div{width: 33%;float: left;position: relative;padding-bottom: 25px;height: 511px;}
h5.latestMedia{color: #fff;font-weight: bold;font-size: 19px;background: #37495e;padding: 15px 23px;}
h5.upcomingEvents{color: #fff;font-weight: bold;font-size: 19px;background: #3bbd9b;padding: 15px 23px;}
h5.latestNews{color: #fff;font-weight: bold;font-size: 19px;background: #e04b3c;padding: 15px 23px;}

.recentMediaList{padding: 20px 25px 50px;}
.MediaList > div{background: url(../images/icon_media.png) left 6px no-repeat;padding-left: 28px;}
.recentMediaTitle{padding: 0;}
.recentMediaTitle a{color: #414141;font-size: 15px;font-weight: bold;text-decoration: none;}
.recentMediaSpeaker, .recentMediaDate{font-size: 14px;color: #414141;}

.media{border: 1px solid #dbdbdb;border-top: 0;}
.events{border-bottom: 1px solid #dbdbdb;}
.news{border: 1px solid #dbdbdb;border-top: 0;}

.media > a{color: #37495e;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.events > a{color: #3bbd9b;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.news > a{color: #e04b3c;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.media > a:hover{text-decoration: underline;}
.events > a:hover{text-decoration: underline;}
.news > a:hover{text-decoration: underline;}

.moreMedia > a{color: #37495e;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.moreEvents > a{color: #3bbd9b;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.moreNews > a{color: #e04b3c;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}

.moreMedia > a:hover{text-decoration: underline;}
.moreEvents > a:hover{text-decoration: underline;}
.moreNews > a:hover{text-decoration: underline;}

.upcomingEvents{padding: 15px 25px 50px;}
.upcomingEvents div > div:nth-child(1) a{
    font-weight: bold;color: #414141;font-size: 15px;text-decoration: none;}
.upcomingEvents div > div:nth-child(1) a:before{content: "";}
.upcomingEvents div > div{color: #3bbd9b;font-size: 15px;}
.upcomingEvents div > div a{color: #414141;font-size: 15px;text-decoration: none;}
.upcomingEvents div > div a:before{content: "@";color: #414141;font-size: 15px;}

.upcomingEvents > div{margin-bottom: 20px;}

.latestNews{padding: 15px 25px 50px;}
.latestNews a{font-weight: bold;color: #414141;font-size: 15px;text-decoration: none;}
.latestNews span{color: #3bbd9b;font-size: 14px;}
.latestNews div div{line-height: 1;}

.members_area{margin-top: 25px;}
.members_area ul{margin-bottom: 18px;}
.members_area li a{display: block;text-decoration: none;color: #fff;
    padding: 10px 0 10px 53px;}
.members_area li:hover a{opacity: 0.7;}
.members_area li a span{display: block;}
.members_area li .big{font-size: 15px;}
.members_area li .small{font-size: 12px;}

.members_area li.profile a{background: #37495e url(../images/icon_user.png) 17px center no-repeat;}
.members_area li.book a{background: #3bbd9b url(../images/icon_book.png) 17px center no-repeat;}
.members_area li.calendar a{background: #3a7fba url(../images/icon_calendar.png) 17px center no-repeat;}
.members_area li.connections a{background: #e04b3c url(../images/icon_connections.png) 21px center no-repeat;}

.members_area .btn_logout{background: #ccd1d5 url(../images/icon_logout.png) 16px center no-repeat;
    color: #414141;text-decoration: none;font-size: 16px;padding: 18px 0 18px 60px;display: block;}

.members_area .btn_logout:hover{opacity: 0.7;}

/*=================
Members Area*/
#members_area{}
#members_area ul{list-style: none outside none; padding-left: 0;}
#members_area .inner{border-top: 1px solid #dfe0e0;padding: 30px 0;}
#members_area h1{color: #414141;font-size: 30px;}
#members_area h1 .green{color: #3bbd9b;}
#members_area h2{color: #202020;font-size: 13px;}
#members_area .btn_logout{color: #414141;background: #ccd1d5 url(../images/icon_logout.png) 18px center no-repeat;
    text-decoration: none;font-size: 15px;width: 250px;padding: 20px 10px 20px 60px;display: block;
    float: right;margin-top: -56px;}
#members_area .btn_logout:hover{opacity: 0.7;}

#members_area ul{margin-top: 32px;}
#members_area li{float: left;width: 25%;}
#members_area li a{display: block;color: #fff;text-decoration: none;padding: 11px 11px 11px 55px;}
#members_area li:hover a{opacity: 0.7;}
#members_area li span{display: block;}
#members_area li .big{font-size: 15px;}
#members_area li .small{font-size: 12px;}
#members_area li.profile a{background: #37495e url(../images/icon_user.png) 16px center no-repeat;}
#members_area li.book a{background: #3bbd9b url(../images/icon_book.png) 16px center no-repeat;}
#members_area li.calendar a{background: #3a7fba url(../images/icon_calendar.png) 16px center no-repeat;}
#members_area li.connections a{background: #e04b3c url(../images/icon_connections.png) 22px center no-repeat;}



h5.latestMedia{color: #fff;font-weight: bold;font-size: 19px;background: #37495e;padding: 15px 23px;}
h5.upcomingEvents{color: #fff;font-weight: bold;font-size: 19px;background: #3bbd9b;padding: 15px 23px;}
h5.latestNews{color: #fff;font-weight: bold;font-size: 19px;background: #e04b3c;padding: 15px 23px;}

.recentMediaList{padding: 20px 25px 50px;}
.MediaList > div {background: #fff url(../images/icon_media.png) left 6px no-repeat;padding-left: 28px;}
.recentMediaTitle{padding: 0;}
.recentMediaTitle a{color: #414141;font-size: 15px;font-weight: bold;text-decoration: none;}
.recentMediaSpeaker, .recentMediaDate{font-size: 14px;color: #414141;}


.media > a{color: #37495e;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.events > a{color: #3bbd9b;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.news > a{color: #e04b3c;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.media > a:hover{text-decoration: underline;}
.events > a:hover{text-decoration: underline;}
.news > a:hover{text-decoration: underline;}

.moreMedia > a{color: #37495e;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.moreEvents > a{color: #3bbd9b;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}
.moreNews > a{color: #e04b3c;font-size: 13px;text-decoration: none;position: absolute;
    left: 25px;bottom: 25px;}

.upcomingEvents{padding: 15px 25px 50px;}
.upcomingEvents div > div:nth-child(1) a{
    font-weight: bold;color: #414141;font-size: 15px;text-decoration: none;}
.upcomingEvents div > div:nth-child(1) a:before{content: "";}
.upcomingEvents div > div{color: #3bbd9b;font-size: 15px;}
.upcomingEvents div > div a{color: #414141;font-size: 15px;text-decoration: none;}
.upcomingEvents div > div a:before{content: "@";color: #414141;font-size: 15px;}

.upcomingEvents > div{margin-bottom: 20px;}

.latestNews{padding: 15px 25px 50px;}
.latestNews a{font-weight: bold;color: #414141;font-size: 15px;text-decoration: none;}
.latestNews span{color: #3bbd9b;font-size: 14px;}
.latestNews div div{line-height: 1;}

/* ==========================================================================
   Member's / Guests Specific Styles
   ========================================================================== */

body.logged_in_user #feeds .inner > div{width: 33.333333%;float: left;position: relative;margin-bottom: 25px;height: 511px;}
body.logged_in_user	.media{border: 1px solid #dbdbdb;border-top: 0;}
body.logged_in_user	.events{border-bottom: 1px solid #dbdbdb;}
body.logged_in_user	.news{border: 1px solid #dbdbdb;border-top: 0;}

body.guest_user .members_only {display:none;}
body.logged_in_user .guests_only {display:none;}

/* ==========================================================================
   Portrait iPad
   ========================================================================== */
@media only screen and (max-width: 1023px){

    .inner{width: 730px;}
    hr.fw{width: 730px;margin: 25px auto;}
    hr.fw2, hr.fw3 {width: 730px;}

    .logo {font-size: 20px;}
    .logo_image img {height: 65px;}
    .logo_text, .logo_text a {
        line-height: 39px;
    }

    #search_login > div{width: 200px;margin-left: 0px;}

    .link, .link img {
        height: 100px;
        width: 132px;
    }

    #church_finder, #church_finder img {
        width: 146px;
    }

    .link {
        height: 50px;
    }

    .link:hover img {
        top: -50px;
    }

    #nav .root_menu li.menu_item_level_1.first_item {
        margin: 0px;
    }
    #nav .root_menu li.menu_item_level_1.first_item a {
        height: 31px;
        width: 31px;
        background-position: -4px -4px;
    }

    #nav .root_menu li.menu_item_level_1.first_item a:hover {
        background-position: -4px 35px;
    }

    #nav .root_menu li a{font-size: 12px; padding: 9px 6px 8px;}
    #nav .root_menu li li a{font-size: 12px;}

    #nav .root_menu > .last_item ul{left: auto;right: 0;}
    /*#nav .root_menu ul ul{left: auto;right: 100%;}*/


    #nav .root_menu li > ul {
        top: 31px;
    }

    #nav .root_menu ul ul {
        top: 0;
    }

    .content {
        padding: 15px;
    }

    #squares .square_inner {
        height: 200px;
    }

    #squares .square_header, #squares .square_footer_large {
        font-size: 17px;
    }

    #squares .square_footer {
        font-size: 14px;
    }

    #squares .square_header, #squares .square_footer, #squares .square_sub_header, #squares .square_footer_large {
        padding-left: 15px;
        padding-top: 7px;
        padding-right: 15px;
    }

    #squares .square_sub_header {
        padding-top: 3px;
    }

    #squares .square {
        background-position: 0px 205px;
        background-size: 100%;
    }

    .sitemap {
        display: none;
    }

    #footer .left {
        width: 240px;
    }

    #footer .middle {
        margin-left: 0;
        margin-right: 0;
    }

    #footer_mobile{margin-left: -100px;}
    #bottom_bar a.footer{margin: -13px auto 10px;}

    #footer_bar {
        position: absolute;
        left: 485px;
        right: 75px;
    }

    #footer_charity {display:none;}

    .content, .banner_image{width: 500px;}
    .content h1{font-size: 25px;}
    .content p{font-size: 14px;}
    .content img{width: 100%;height: auto;}

    .sidebar{float: right;width: 200px;}
    .sidebar a{font-size: 13px;}
    .visitor_btn{padding: 17px 0px 17px 50px;}

    #members_area h1{font-size: 24px;}
    #members_area .btn_logout{width: 200px;}

    #members_area li a{padding: 11px 0px 11px 45px;}
    #members_area li .big{font-size: 14px;}

    .recentMediaTitle a{font-size: 14px;}
    .recentMediaSpeaker, .recentMediaDate{font-size: 13px;}

    .upcomingEvents div > div:nth-child(1) a{font-size: 14px;}
    .upcomingEvents div > div{font-size: 14px;}
    .upcomingEvents div > div a{font-size: 14px;}
    .upcomingEvents div > div a:before{font-size: 14px;}

    .latestNews a{font-size: 14px;}
    .latestNews div div:nth-child(1){padding: 5px 0px 0px 0px !important;}
    .latestNews div div{padding: 2px 0px 10px 0 !important;}
    .latestNews div div span{font-size: 12px;}

}

/* ==========================================================================
   Landscape iPhone
   ========================================================================== */
@media only screen and (max-width: 767px){
    #header {
        padding-bottom: 15px;
    }

    .inner{width: 480px;}

    .logo{float:none; text-align: center; width: 100%; margin-bottom: 15px; font-size: 20px;
        margin-top: 60px;}

    .logo img {
        height: 80px;
    }

    .link {
        margin-right: 100px;
    }

    /* #menu is the original menu */
    .js #nav{display:none;}
    /*
    .js #search_login{display:none;}
    */
    .js .slicknav_menu{display:block;}

    .slicknav_menu .sign_in_nav a{padding: 8px 32px;font-size: 12px;color: #25A5DA;}
    .slicknav_menu .log_out_nav a{padding: 8px 32px;font-size: 12px;color: #25A5DA;}
    .slicknav_nav > li:hover > a{background: #25A5DA;color: #fff;}
    .slicknav_nav > li:hover > a > a{background: transparent;color: #fff;}
    .slicknav_nav > li:hover > a .slicknav_arrow{color: #fff;}


    #main_area {
        padding-top: 15px;
    }

    #slider .bx-wrapper .bx-pager{width: 100%;right: 0;bottom: -30px;}

    hr.fw{display: none;}
    hr.fw2, hr.fw3{width: 480px;}

    #squares{margin-bottom: 30px;}
    #squares .square {width: 50%}

    #squares .square_header, #squares .square_footer_large {
        font-size: 21px;
    }

    #squares .square_inner {
        height: 240px;
    }

    #squares .square {
        background-position: 0 245px;
    }

    #footer ul{float: none;text-align: center;}
    #footer .social{float: none;text-align: center;margin: 30px 0 0;}
    #footer .social li{float: none;display: inline-block;}


    #footer .left {
        display: block;
        position: relative;
        margin: 30px auto;
        float: none !important;
    }

    #footer .middle {
        width: 290px;
    }

    #footer_bar {display:none;}
    #footer_charity{float: none;display: block;margin: 15px auto;position: relative;}

    #footer_mobile{margin-left: 0;}

    .banner_image {width: 100%;}
    .content, .system_content{width: 100%;border-top: 1px solid #dfe0e0;}
    .content h1, .content p{padding: 0 15px 0 0;}
    .sidebar{width:100%;float:none;} /* display:none; */

    .visible_small{display: block;}
    .hidden_small{display: none;}

    #members_area{display: none;}
    #feeds{display: none;}

    #members_mobile .inner{padding: 0 20px 20px;}
    #members_mobile h5{color: #545454;font-size: 12px;text-align: center;
        border: 1px solid #e8ebed;border-bottom: 0;padding: 10px 0;}

    #members_mobile ul{margin-bottom: 18px; list-style: none outside none; padding-left: 0;}
    #members_mobile li a{display: block;color: #fff;text-decoration: none;
        text-align: center;padding: 10px 0;font-size: 12px;}
    #members_mobile li a:hover{opacity: 0.7;}
    #members_mobile li.profile a{background: #34495e url(../images/icon_user_mobile.png) 12px center no-repeat;}
    #members_mobile li.book a{background: #1abc9c url(../images/icon_book_mobile.png) 12px center no-repeat;}
    #members_mobile li.calendar a{background: #2980b9 url(../images/icon_calendar_mobile.png) 12px center no-repeat;}
    #members_mobile li.connections a{background: #e74c3c url(../images/icon_connections_mobile.png) 16px center no-repeat;}

    #members_mobile .logout{background: #cbd1d5 url(../images/icon_logout_mobile.png) 10px center no-repeat;
        color: #414141;text-decoration: none;font-size: 12px;padding: 8px 8px 8px 42px;width: 105px;display: block;margin: 0 auto;}
    #members_mobile .logout:hover{opacity: 0.7;}

    #members_mobile.bb .inner{border-bottom: 1px solid #dfe0e0;margin-bottom: 20px;}
	
  	/*Fix Captcha for newsletter signup disappearing off screen on iPhone */
  	div.endis-jquery-ui > div[aria-describedby$="_divCaptchaWrapper"] {
    	top: 30% !important;
       	left: 0 !important;
    }
}

/* ==========================================================================
   Portrait iPhone
   ========================================================================== */
@media only screen and (max-width: 507px){

    #disqus_thread {
        margin: 0 10px;
    }

    .inner{width: auto;}
    hr.fw2, hr.fw3{width: auto; margin: 30px auto;}

    .logo {font-size: 16px;}
    .logo_image img {
        height: 60px;
    }
    .logo_text, .logo_text a {
        line-height: 31px;
    }

    #header .link {
        margin-right: 5%;
        margin-left: 5px;
    }
    #header #church_finder {
        float:left;
        margin-left: 5%;
        margin-right: 5px;
    }

    #main {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #squares {
        overflow-x: hidden;
    }
    #squares .square, #footer .inner > div {
        width: 245px;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }

    .inputEnews {
        width: 180px !important;
    }

    #bottom_bar a.footer{margin: -10px auto 10px;}

    .ArticleBody {
        padding: 0 20px 20px;
    }

    .content .ArticleBody {
        padding: 0;
    }

    .clickHere {
        clear:both;
        margin-left: 10px;
    }

    .ciFooter {
        height: 95px;
        width: 220px;
        margin-left: 10px;
    }

    #status_bar {
        right: 10px;
    }

}

@media only screen and (max-width: 350px){
    #header .link {
        margin-right: 10px;
        margin-left: 5px;
    }
    #header #church_finder {
        margin-left: 10px;
        margin-right: 5px;
    }
}

/*==============
Article Content */
.article_content, .ArticleEditor  { font-family:arial, helvetica, sans-serif; font-size:14px; line-height:18px; color:#58585A;}
.article_content .smalltext, .ArticleEditor .smalltext { font-family:arial, helvetica, sans-serif; font-size:13px; line-height:15px; color:#58585A;}
.article_content .validator, .Validator { font-family:arial, helvetica, sans-serif; color:red;}
.article_content H1, .ArticleEditor H1 { font-family:arial, helvetica, sans-serif; font-weight:normal; font-size:35px; line-height:43px; color:#58585A; margin-top:5px; margin-bottom:8px;}
.article_content H2, .ArticleEditor H2 { font-family:arial, helvetica, sans-serif; font-weight:normal; font-size:24px; line-height:30px; color:#58585A; margin-top:5px; margin-bottom:0px;}
.article_content H3, .ArticleEditor H3 { font-family:arial, helvetica, sans-serif; font-weight:normal; font-size:18px; line-height:22px; color:#58585A; margin-top:5px; margin-bottom:0px;}
.article_content H4, .ArticleEditor H4 { font-family:arial, helvetica, sans-serif; font-weight:bold; font-size:18px; line-height:22px; color:#26A5DA;}
.article_content H5, .ArticleEditor H5 { font-family:arial, helvetica, sans-serif; font-weight:normal; font-size:14px; line-height:18px; color:#1965AC;}

.article_content p, .ArticleEditor p {margin-top: 1em;  font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #58585A;
}

table.bugbTable, table.bugbTable td {
    border-collapse: collapse;
    border-width: 4px;
    border-style: solid;
    border-color: #FFF;
    background-color: #E5F4FB;
    padding: 5px;
}
#DivLoginBox {
    margin-left: -8px;
    margin-top: -50px;
    background-color: #FFF;
    position: fixed !important;
    border-style: outset !important;
    border-width: 2px !important;
    border-color: rgba(69, 95, 107, 0.2) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    height:220px !important;
}

.eventsCalendarLink {
    background-color: #fff;
    padding: 0 15px 10px;
}

div.BreadCrumbAndArticleWrapper.content {padding:0;}