/*=================
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:#52524e;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,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,h6{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{background: url(../images/bg.jpg) center top;}
body{color: #52524E;font-size: 16px;font-family: Arial, sans-serif;}

html {
    -webkit-text-size-adjust: none;
}

h1 {
    font-family:arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:34px;
    line-height:40px;
    color:#6D6E71;
    margin-top:5px;
    margin-bottom:10px;
}

h2 {
    font-family:arial, helvetica, sans-serif;
    font-weight:normal;
    font-size:22px;
    line-height:30px;
    color:#48A9B8;
    margin-top:5px;
    margin-bottom:0px;
}
h3 {
    font-family:verdana, lucida, arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:16px;
    color:#48A9B8;
    margin-top:5px;
    margin-bottom:0px;
}
h4 {
    font-family:verdana, lucida, arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    color:#000000;
}
h5 {
    font-family:verdana, lucida, arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    color:#48A9B8;
}

h6 {
    font-family:verdana, lucida, arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:13px;
    color:#48A9B8;
}

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;
}

.appleLinks a  { text-decoration: none !important; }

.inner{width: 960px;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;}

.wrapper{width: 1080px;margin: 20px auto 40px;position: relative;background: #fff;}

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: #48A9B8;
    opacity: 1;
}

a:hover {
    opacity: 0.7;
}

a img{ outline: none; border: none; }
.list-inline > li{display: inline-block;}

hr.fl{border: none;height: 1px;color: #e3e4e5;background: #e3e4e5;width: 960px;margin: 20px auto;}
hr.fl2{border: none;height: 1px;color: #e3e4e5;background: #e3e4e5;margin: 20px auto;}

.bold{font-weight: bold;}
.lblue{color: #48a9b8;}

.visible_small{display: none;}
/*
.hidden_large{display: none;}
*/

/*=================
Header*/
#header{width: 960px;margin: 0 auto;position: relative;padding-top: 20px;}
#header:before, #header:after{display: table;content: "";line-height: 0;}
#header:after{clear: both;}

#mobile_nav{line-height: 0;}
.slicknav_menu{line-height: normal;}

.logo{display: block; float: left; margin-top: 16px; text-transform: uppercase; font-size: 43px;}
.logo a{text-decoration: none;}
.logo_image img {height: 57px}
.logo_text, .logo_text a{vertical-align: top; line-height: 58px;}

#search_login{float: right;margin-top: 10px;}
#search_login > *{float: right;}
#search_login .button{background: #65c5d4;font-family: "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    color: #fff;font-size: 12px;border: 1px solid #9fd9e2;cursor: pointer;line-height: 1;padding: 4px 8px;height: 24px;
    border-radius: 13px;-webkit-appearance: none;float: right;margin-left: 7px;text-transform: uppercase;}

#search_login .search_div{float: left;}

#search_login .text{display: block;width: 100%;height: 24px;padding: 5px 12px;font-size: 14px;
    line-height: 1;border: 1px solid #dfdfdf;background: #f1f1f1;width: 170px;font-size: 12px;
    color: #898989;border-radius: 20px;}

#search_login  .btn{color: #a0a0a0;font-size: 11px;text-decoration: none;margin-left: 5px;line-height: 24px;}
#search_login  .btn:before{content: "•";color: #a0a0a0;font-weight: bold;font-size: 11px;margin: 0 2px;}

#search_login > div.search {
    margin-left: 100px;
}

.statusbar .logout_link, .statusbar .weboffice_link, .statusbar a{color: #a0a0a0;font-size: 11px;text-decoration: none;margin-left: 5px;line-height: 24px;}
.statusbar .logout_link:before, .statusbar .weboffice_link:before, .statusbar a:before{content: "•";color: #a0a0a0;font-weight: bold;font-size: 11px;margin: 0 2px;}


/*=================
login window */
#search_login div#DivLoginBox {
    background-color: #edeeee !important;
    border: 1px solid #edeeee !important;
    left: 350px !important;
    top: 250px !important;
    background-image: none  !important;
    text-indent: 0 !important;
    color: #52524E !important;
    width: 320px !important;
    height: 220px !important;
    padding: 10px;
}

#search_login div#DivLoginBox table {
    background-color: #edeeee !important;
    border: 0px;
}

#search_login div#DivLoginBox a {
    color: #48A9B8 !important;
}

#search_login div#DivLoginBox .button {
    background-color:#65c5d4;
    border-width:0px;
    border-style:hidden;
    font-family:arial, helvetica, sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#FFFFFF;
    width:70px !important;
    height:26px;
    text-indent: 0;
    background-image: none;
    position: relative;
}

/*=================
Nav*/
#nav{width: 960px;margin: 0 auto 20px;position: relative;}
#nav:before, #nav:after{display: table;content: "";line-height: 0;}
#nav:after{clear: both;}

#nav .root_menu{list-style: none; padding-left: 0;}
.root_menu li{float: left;position: relative;}
.root_menu li a{color: #58585a;text-decoration: none;font-weight: bold;text-transform: uppercase;padding: 10px 13px; display: inline-block;}
.root_menu > li:hover > a{color: #48a9b8;padding-bottom: 10px;}
.root_menu > li:before{content: "|";font-weight: normal;color: #48a9b8;}
.root_menu > li:first-child:before{content: none;}
.root_menu ul{display: none;width: 200px; list-style: none;}
.root_menu ul{display: none;position: absolute;top: 100%;left: 0;padding: 5px 0;
    background: #f4f5f5;z-index: 999;}
.root_menu li:hover > ul{display: block;}
.root_menu ul li{width: 100%;}
.root_menu ul li{display: block;font-size: 16px;}
.root_menu ul li a{font-weight: normal;display: block;font-size: 14px;padding: 5px 10px;text-transform: uppercase;}
.root_menu ul li:hover a{color: #48a9b8;}

.root_menu ul ul{top: 0;left: 100%;}

.root_menu li li.has_sub_menu:after {
    content:"»";
    position: absolute;
    right: 7px;
    top: 3px;
}

.slicknav_menu{display:none;}

/*=================
Welcome Box*/
.wel_box{width: 960px;margin: 0 auto;position: relative;}
.wel_box:before, .wel_box:after{display: table;content: "";line-height: 0;}
.wel_box:after{clear: both;}

.wel_box h1{font-size: 34px;color: #6d6e71;}
.wel_box p{color: #6d6e71;font-size: 22px;}
.wel_box .btn{color: #48a9b8;font-size: 22px;text-decoration: none;background: #eff0f1; /* Old browsers */
    background: -moz-linear-gradient(top,  #eff0f1 0%, #e4e5e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f1), color-stop(100%,#e4e5e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eff0f1 0%,#e4e5e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eff0f1 0%,#e4e5e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eff0f1 0%,#e4e5e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eff0f1 0%,#e4e5e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#e4e5e6',GradientType=0 ); /* IE6-9 */
    display: block;float: right;line-height: 60px;padding: 0 30px 0 20px;margin-top: -60px;}
.wel_box .btn img{float: left;margin: 13px 15px 13px 0;}
.wel_box .btn:hover{-webkit-box-shadow: inset 0px 0px 0px #c8e0e4;
    -moz-box-shadow: inset 0px 0px 0px 2px #c8e0e4;box-shadow: inset 0px 0px 0px 2px #c8e0e4;}

/*=================
Feed*/
#feed{width: 960px;margin: 0 auto 30px;position: relative;}
#feed:before, #feed:after{display: table;content: "";line-height: 0;}
#feed:after{clear: both;}

#feed > div{width: 294px;float: left;position: relative;border-bottom: 1px solid #e3e4e5;}
#feed > div + div{margin-left: 39px;}
#feed > div.welcome {margin-left: 0;}

#feed h2{font-weight: bold;font-size: 22px;color: #fff;padding: 9px 18px 19px;line-height: 1;}
#feed .welcome h2{background: url(../images/header1.png) center no-repeat;}
#feed .recentMedia h2{background: url(../images/header1.png) center no-repeat;}
#feed .events h2{background: url(../images/header2.png) center no-repeat;}
#feed .news h2{background: url(../images/header3.png) center no-repeat;}

#feed > div > a, .moreMedia a, a.small {color: #8b8f83;font-size: 13px;text-decoration: none;margin-bottom: 20px;display: block;}
#feed > div > a:hover, .moreMedia a:hover, a.small:hover {color: #48a9b8;}

#feed .everyoneWelcome{padding: 15px 0;}
#feed .welcome p{color: #52524e;font-size: 14px;margin-bottom: 20px;line-height: 1.4;}
#feed .welcome p a{color: #48a9b8;text-decoration: none;}

.recentMedia{
    float: left;
}

.recentMedia .recentMediaList {
    margin-bottom: 20px;
    margin-top: 17px;
}

.recentMedia .recentMediaList .recentMediaIcon img {
    float: left;
    margin-right: 8px;
    margin-top: 3px;
}

.recentMedia .recentMediaList .recentMediaTitle a {
    text-decoration: none;
    color: #3FAECC;
    font-size: 16px;
    font-weight: normal;
    font-family: Arial;

}

.recentMedia .recentMediaList .recentMediaSpeaker span, .recentMedia .recentMediaList .recentMediaDate span {
    font-size: 14px;
    font-weight: normal;
    font-family: Arial;
    color: #52524e;
    padding-left: 26px;
}

.recentMedia .title{
    font-size: 26px;
    color: #000;
    line-height: 47px;
}

.recentMedia .title img{
    float: left;
    margin-right: 8px;
}

.recentMedia .MediaList > div {margin-bottom: 13px;}

.upcomingEvents{padding: 12px 0 29px;}
.upcomingEvents > div{padding-left: 18px;background: url(../images/icon_pin.png) left 7px no-repeat;
    margin-bottom: 18px;}
.upcomingEvents div > div:nth-child(1) a{color: #48a9b8;font-size: 15px;text-decoration: none;}
.upcomingEvents div > div:nth-child(1) a:before{content: "";}
.upcomingEvents div > div{color: #52524e;font-size: 14px;}
.upcomingEvents div > div a{color: #48a9b8;font-size: 14px;text-decoration: none;}
.upcomingEvents div > div a:before{content: "@";font-size: 14px;color: #52524e;margin-right: 3px;}

.latestNews{padding: 15px 0 26px;}
.latestNews > div{margin-bottom: 20px;}
.latestNews div div{line-height: 1;padding: 0 !important;}
.latestNews a{color: #48a9b8;font-size: 14px;font-weight: bold;text-decoration: none;}
.latestNews span{font-size: 14px;color: #52524e;}

.members #feed > div{border-bottom: none;}

.gallery_ul {list-style: none; padding-left: 0;}
.gallery_ul a:hover {opacity: 1;}
#admin_buttons{width: 960px;margin: 0 auto;position: relative;}
#admin_buttons:before, #admin_buttons:after{display: table;content: "";line-height: 0;}
#admin_buttons:after{clear: both;}
#admin_buttons div.welcomeMembers{background: #ececec url(../images/grey_bg.png);padding: 17px 35px;margin-bottom: 20px;}
#admin_buttons div.welcomeMembers:before, #admin_buttons div.welcomeMembers:after{display: table;content: "";line-height: 0;}
#admin_buttons div.welcomeMembers:after{clear: both;}
#admin_buttons h1{color: #799092;font-size: 30px;float: left; margin: 0; font-weight: normal; line-height: 34px;}
#admin_buttons div.welcomeMembers a{float: right;font-size: 14px;color: #48a9b8;text-decoration: none;
    border: 1px solid #e1e2e2;background: #f2f3f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f3f3 0%, #f0f0f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f3f3), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f3f3 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f3f3 0%,#f0f0f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f3f3 0%,#f0f0f0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f3f3 0%,#f0f0f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    padding: 9px 24px;}
#admin_buttons div.welcomeMembers a:hover{border-color: #b4e0e6;background: #f0fafb; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0fafb 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fafb), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0fafb 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0fafb 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0fafb 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0fafb 0%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fafb', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */}

#admin_buttons li{float: left;padding: 0 15px 0 18px;height: 70px;background: url(../images/ver_dots.png) center right no-repeat;}
#admin_buttons ul{background: url(../images/ver_dots.png) center left no-repeat;float: left;margin-bottom: 20px; list-style: none; padding-left: 0;}
#admin_buttons li span{display: block;}
#admin_buttons li a{display: block; color: #799092;text-decoration: none;padding-top: 14px;margin-top: -3px;border-top: 3px solid transparent;}
#admin_buttons li:hover a{color: #48a9b8;border-top: 3px solid #bcf7ff;}
#admin_buttons li.connections a{padding-top: 6px;}
#admin_buttons li .big{font-size: 20px;font-family: Arial,sans-serif; font-weight: bold;}
#admin_buttons li .small{font-size: 15px;font-family: Arial,sans-serif; font-weight: normal;}
#admin_buttons li.connections.last_item a span.big {
    margin-top: 5px;
}

#admin_buttons .profile{width: 200px;}
#admin_buttons .profile a{background: url(../images/icon_user2.png) right 13px no-repeat;}
#admin_buttons .profile:hover a{background: url(../images/icon_user2_hover.png) right 13px no-repeat;}
#admin_buttons .book{width: 225px;}
#admin_buttons .book a{background: url(../images/icon_book.png) right 10px no-repeat;}
#admin_buttons .book:hover a{background: url(../images/icon_book_hover.png) right 10px no-repeat;}
#admin_buttons .calendar{width: 250px;}
#admin_buttons .calendar a{background: url(../images/icon_calendar.png) right 9px no-repeat;}
#admin_buttons .calendar:hover a{background: url(../images/icon_calendar_hover.png) right 9px no-repeat;}
#admin_buttons .connections{width: 275px;}
#admin_buttons .connections a{background: url(../images/icon_connections.png) right 15px no-repeat;}
#admin_buttons .connections:hover a{background: url(../images/icon_connections_hover.png) right 15px no-repeat;}

#admin_buttons .connections.last_item a{background: url(../images/icon_connections.png) right 4px no-repeat;}
#admin_buttons .connections.last_item:hover a{background: url(../images/icon_connections_hover.png) right 4px no-repeat;}

/*=================
Block List*/
#block_list{width: 960px;margin: 0 auto 10px;position: relative;}
#block_list:before, #block_list:after{display: table;content: "";line-height: 0;}
#block_list:after{clear: both;}
#block_list li{float: left;}
#block_list li + li{margin-left: 13px;}
#block_list li:hover{opacity: 0.7;}

/*=================
Login Area*/
#login_area{width: 960px;margin: 0 auto;position: relative;}
#login_area:before, #login_area:after{display: table;content: "";line-height: 0;}
#login_area:after{clear: both;}
#login_area p{text-align: center;font-size: 14px;color: #777777;margin-bottom: 15px;}
#login_area .login{border: 1px solid #e8e9e9;background: -moz-linear-gradient(top,  #eff0f1 0%, #e4e5e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f1), color-stop(100%,#e4e5e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eff0f1 0%,#e4e5e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eff0f1 0%,#e4e5e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eff0f1 0%,#e4e5e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eff0f1 0%,#e4e5e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#e4e5e6',GradientType=0 ); /* IE6-9 */
    display: inline-block;font-size: 19px;color: #48a9b8;text-decoration: none;line-height: 40px;
    padding: 0 16px;margin-right: 20px;}
#login_area .login img{float: left;margin: 10px 15px 10px 0;}
#login_area .login:hover{-webkit-box-shadow: inset 0px 0px 1px #c8e0e4;
    -moz-box-shadow: inset 0px 0px 0px 1px #c8e0e4;box-shadow: inset 0px 0px 0px 1px #c8e0e4;}
#login_area .arrow{margin: 0px 20px -4px 9px;}

#login_area p a{color: #48a9b8;text-decoration: none;}

/*=================
Footer*/
#footer{background: #f2f5f6;}
#footer #contact_details{font-size: 13px;color: #777777;line-height: 1.4;float: left;
    margin: 20px 0;}
#footer #contact_details a{color: #36a9b8;text-decoration: none;}

#footer .social{float: right;margin: 21px 0; list-style: none; padding-left: 0;}
#footer .social li{float: left;margin-left: 9px;}
#footer .social li:hover a{opacity: 0.7;}
#footer .social a{display: block;width: 33px;height: 33px;text-indent: -9999px;}
#footer .social .icon_twitter{background: url(../images/icon_twitter.png) center no-repeat;}
#footer .social .icon_facebook{background: url(../images/icon_facebook.png) center no-repeat;}
#footer .social .icon_youtube{background: url(../images/icon_youtube.png) center no-repeat;}
#footer .social .icon_rss{background: url(../images/icon_rss.png) center no-repeat;}

#footer .contact_details{display: inline-block;}
#footer #site_address{display: block;}

/*=================
Bottom Bar*/
#bottom_bar{background: #6d6e71;}
#footer_bar{width: 960px;margin: 0 auto;position: relative;text-align: center;font-size: 12px;}
#footer_bar:before, #footer_bar:after{display: table;content: "";line-height: 0;}
#footer_bar:after{clear: both;}
#footer_bar a{font-size: 12px; color: #fff;text-decoration: none;line-height: 42px;}
#footer_bar a:hover{text-decoration: none;}
#footer_bar a:after{content: "|";color: #fff;margin: 0 4px;}
#footer_bar .footer{float: left;}
#footer_bar .footer strong{font-weight: bold;}
#footer_bar .footer:after{content: "";}
#footer_bar #footer_help:after{content: "";}
#footer_charity{color: #fff;float: right;line-height: 42px;position: absolute;top: 0;right: 0;}

#footer_bar a.footer {
    display: block;
    width: 156px;
    position: absolute;
    background: url(/Images/Content/2155/Templates/36085/images/site-by-churchinsight.png) top center no-repeat;
    text-indent: -9999em;
    top: 5px;
    margin-left: 0px;
    height: 28px;
    border-right: none;
}




/*=================
Main*/
#main{width: 960px;margin: 0 auto;position: relative;}
#main:before, #main:after{display: table;content: "";line-height: 0;}
#main:after{clear: both;}

#main a{text-decoration: none;}
#main a:hover{text-decoration: none;}

.content{width: 665px;float: left; padding-bottom: 15px;}
.content h1{color: #6d6e71;font-weight: bold;font-size: 32px;margin-bottom: 20px;}
.content img{margin: 0 auto 30px;}
.content p{font-size: 14px;color: #52524e;margin-bottom: 20px;}

.sidebar{width: 235px;float: right;}
.sidebar .widget{margin-bottom: 30px;}


.sidebar .groupNavHeader .group_nav_selected a:hover {
    color: #fff;
}

.sidebar .group_nav_sibling a, .sidebar .group_nav_child a, .sidebar .group_nav_parent a,
.sidebar .group_nav_selected a {
    background: #f4f5f5;
    color: #58585a;
    text-decoration: none;
    display: block;
    font-size: 14px;
    padding: 10px 25px;
}

.sidebar .group_nav_selected > a	{
    color: #48a9b8;
}

.sidebar .groupNav .boxout_header_left, .sidebar .groupNav .boxout_header_right {
    display: none;
}

.sidebar .groupNav .boxout_header_middle a	{
    font-weight: bold;
    color: #fff;
    background: url(../images/sidebar_header.jpg) center no-repeat;
    text-decoration: none;
    display: block;
    padding: 10px 25px;
}

.sidebar .group_nav_child a {
    margin-left: 5px;
}

.sidebar .group_nav_parent div, .sidebar .group_nav_child {
    background-color: #f4f5f5;
}

.sidebar .group_nav_parent div a {
    margin-left: 5px;
}

.sidebar .group_nav_sibling a:hover, .sidebar .group_nav_child a:hover {
    color: #48a9b8;
}

.sidebar .visiton_btn{font-size: 17px;color: #48a9b8;background: #eff0f1;
    background: -moz-linear-gradient(top, #eff0f1 0%, #e4e5e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f1), color-stop(100%,#e4e5e6));
    background: -webkit-linear-gradient(top, #eff0f1 0%,#e4e5e6 100%);
    background: -o-linear-gradient(top, #eff0f1 0%,#e4e5e6 100%);
    background: -ms-linear-gradient(top, #eff0f1 0%,#e4e5e6 100%);
    background: linear-gradient(to bottom, #eff0f1 0%,#e4e5e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#e4e5e6',GradientType=0 );
    display: block;line-height: 50px;text-decoration: none;}
.sidebar .visiton_btn img{float: left;margin: 12px 12px 12px 15px;}

.sidebar .visiton_btn:hover {-webkit-box-shadow: inset 0px 0px 0px #c8e0e4;-moz-box-shadow: inset 0px 0px 0px 2px #c8e0e4;box-shadow: inset 0px 0px 0px 2px #c8e0e4;}

.widget .member_login{background: #f4f5f5;padding: 13px 10px;}
.widget .member_login .btn{font-size: 19px;color: #48a9b8;background: #eff0f1;
    background: -moz-linear-gradient(top, #eff0f1 0%, #e4e5e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f1), color-stop(100%,#e4e5e6));
    background: -webkit-linear-gradient(top, #eff0f1 0%,#e4e5e6 100%);
    background: -o-linear-gradient(top, #eff0f1 0%,#e4e5e6 100%);
    background: -ms-linear-gradient(top, #eff0f1 0%,#e4e5e6 100%);
    background: linear-gradient(to bottom, #eff0f1 0%,#e4e5e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#e4e5e6',GradientType=0 );
    display: block;line-height: 40px;text-decoration: none;border: 1px solid #dedfdf;}
.widget .member_login .btn img{float: left;margin: 10px 12px 10px 15px;}
.widget .member_login .btn:hover{-webkit-box-shadow: inset 0px 0px 1px #c8e0e4;
    -moz-box-shadow: inset 0px 0px 0px 1px #c8e0e4;box-shadow: inset 0px 0px 0px 1px #c8e0e4;}
.widget .member_login p{font-size: 13px;text-align: center;color: #777777;margin-top: 15px;}
.widget .member_login p a{color: #48a9b8;text-decoration: none;}

.widget#admin_buttons{width: 100%;}
.widget#admin_buttons ul{background: url(../images/hor_dots.png) center top no-repeat;margin-bottom: 35px;list-style: none; padding-left: 0;}
.widget#admin_buttons li{background: url(../images/hor_dots.png) center bottom no-repeat;padding: 0;height: auto;}
.widget#admin_buttons li a{background: none;padding: 0;margin: 0 auto;border: none;padding: 12px 0 12px 68px;}
.widget#admin_buttons li:hover a{background: none;padding: 12px 0 12px 68px;margin: 0 auto;border: none;}

.widget#admin_buttons li .big{font-size: 20px;}
.widget#admin_buttons li .small{font-size: 14px;}

.sidebar .widget#admin_buttons li.connections.last_item a span.big {margin-top: 0;}

.widget#admin_buttons .profile{width: 100%;}
.widget#admin_buttons .profile a{background: url(../images/icon_user2.png) 10px center no-repeat;}
.widget#admin_buttons .profile:hover a{background: url(../images/icon_user2_hover.png) 10px center no-repeat;}
.widget#admin_buttons .book{width: 100%;}
.widget#admin_buttons .book a{background: url(../images/icon_book.png) 10px center no-repeat;}
.widget#admin_buttons .book:hover a{background: url(../images/icon_book_hover.png) 10px center no-repeat;}
.widget#admin_buttons .calendar{width: 100%;}
.widget#admin_buttons .calendar a{background: url(../images/icon_calendar.png) 10px center no-repeat;}
.widget#admin_buttons .calendar:hover a{background: url(../images/icon_calendar_hover.png) 10px center no-repeat;}
.widget#admin_buttons .connections{width: 100%;}
.widget#admin_buttons .connections a{background: url(../images/icon_connections.png) 10px center no-repeat;}
.widget#admin_buttons .connections:hover a{background: url(../images/icon_connections_hover.png) 10px center no-repeat;}

.widget#admin_buttons .logout{float: right;margin-bottom: 40px;font-size: 14px;
    color: #48a9b8;text-decoration: none;border: 1px solid #e1e2e2;background: #f2f3f3;
    background: -moz-linear-gradient(top, #f2f3f3 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f3f3), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top, #f2f3f3 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top, #f2f3f3 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top, #f2f3f3 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom, #f2f3f3 0%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#f0f0f0',GradientType=0 );
    padding: 6px 24px;}

.widget#admin_buttons .logout:hover{border-color: #b4e0e6;
    background: #f0fafb;
    background: -moz-linear-gradient(top, #f0fafb 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fafb), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #f0fafb 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #f0fafb 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #f0fafb 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #f0fafb 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fafb', endColorstr='#f5f5f5',GradientType=0 );}

/* ==========================================================================

   ========================================================================== */
@media only screen and (max-width: 1250px){

    .wrapper{width: 1000px;}

}

/* ==========================================================================
   Portrait iPad
   ========================================================================== */
@media only screen and (max-width: 1023px){

    .wrapper{margin: 10px auto;}

    .wrapper, .wrapper #bottom_bar, .wrapper #footer{width: 758px;}
    .wrapper .inner, .wrapper #header,
    .wrapper #nav, .wrapper .wel_box,
    .wrapper #feed, .wrapper #block_list,
    .wrapper #login_area, #footer_bar, #main{width: 728px;}

    hr.fl{border: none;height: 1px;color: #e3e4e5;background: #e3e4e5;width: 728px;margin: 20px auto;}
    hr.fl2{border: none;height: 1px;color: #e3e4e5;background: #e3e4e5;margin: 20px auto;width: 758px;}

    .logo {font-size: 30px;}
    .logo_image img {height: 36px;}
    .logo_text, .logo_text a {
        line-height: 40px;
    }

    .root_menu > .last_item > ul{left: auto;right: 0;}
    .root_menu ul ul{left: auto;right: 100%;}
    .root_menu li a {

        font-size: 14px;
    }

    .wel_box h1{font-size: 28px;}
    .wel_box p{font-size: 16px;}
    .wel_box .btn{font-size: 20px;}

    #feed > div{width: 31%;}
    #feed > div + div{margin-left: 2.33%;}
    #feed h2{font-size: 18px;padding: 5px 12px 13px;}

    #feed .welcome h2{background: url(../images/header1_tablet.png) center no-repeat;}
    #feed .recentMedia h2{background: url(../images/header1_tablet.png) center no-repeat;}
    #feed .events h2{background: url(../images/header2_tablet.png) center no-repeat;}
    #feed .news h2{background: url(../images/header3_tablet.png) center no-repeat;}


    .recentMedia .title{font-size: 20px;line-height: 38px;}
    .recentMedia .title img{width: 38px;height: 38px;margin-right: 5px;}

    .recentMedia .recentMediaList div{padding-left: 0;}
    .recentMedia .recentMediaList .recentMediaTitle a {font-size: 13px;}
    .recentMedia .recentMediaList .recentMediaSpeaker span,
    .recentMedia .recentMediaList .recentMediaDate span {font-size: 12px;}




    #feed .welcome p{font-size: 12px;margin-bottom: 26px;}
    .upcomingEvents div > div:nth-child(1) a{font-size: 13px;}
    .upcomingEvents div > div{font-size: 12px;}
    .upcomingEvents div > div a{font-size: 12px;}
    .upcomingEvents div > div a:before{font-size: 12px;}

    .latestNews a{font-size: 12px;}
    .latestNews span{font-size: 12px;}
    .latestNews > div{margin-bottom: 15px;}
    .upcomingEvents > div{margin-bottom: 21px;}

    #block_list li{width: 172px;}
    #block_list li img{width: 100%;}

    #login_area p{font-size: 12px;}
    #login_area .login{font-size: 16px;margin-right: 10px;}

    #login_area .arrow{margin: 0px 4px -4px 4px;}

    .content{width: 480px;}
    /*.content img{width: 100%;}*/

    .sidebar{width: 220px;}

    #admin_buttons{width: 728px;}
    #admin_buttons ul{background: none;}

    #admin_buttons .profile{width: 50%;background: none;}
    #admin_buttons .book{width: 50%;background: none;}
    #admin_buttons .calendar{width: 50%;background: none;}
    #admin_buttons .connections{width: 50%;background: none;}

    #footer_bar a#footer_mobile{margin-left: 0px;}

}

/* ==========================================================================
   Landscape iPhone
   ========================================================================== */
@media only screen and (max-width: 767px){

    .wrapper{margin: 0 auto;}

    .wrapper, .wrapper #bottom_bar, .wrapper #footer{width: 480px;}
    .wrapper .inner, .wrapper #header,
    .wrapper #nav, .wrapper .wel_box,
    .wrapper #feed, .wrapper #block_list,
    .wrapper #login_area, #footer_bar{width: 100%;}

    #header {
        padding-top: 0;
    }

    .logo{float:none; text-align: center; width: 100%; margin-bottom: 10px;}
    .logo_image img {height: 36px}
    #search_login{display: none;}
    #nav{display: none;}
    .js .slicknav_menu{display:block;}
    hr{display: none;}

    #slider .bx-wrapper{margin-bottom: 20px;}
    #slider a:hover {opacity: 1;}

    .wrapper .wel_box{padding: 0 15px;}

    .wel_box h1{text-align: center;font-size: 32px;margin-bottom: 15px;}
    .wel_box h1 .bold{display: block;}
    .wel_box p{font-size: 22px;text-align: center;}
    .wel_box .btn{margin: 30px auto;width: 280px;float: none;}

    #feed{padding: 0 15px;}
    #feed > div{width: 100%;border-bottom: none;}
    #feed > div + div{margin-left: 0;}
    #feed .events{margin-top: -9px;}
    #feed .news{margin-top: -9px;z-index: 9;}

    #feed h2{font-size: 22px;padding: 14px 12px 19px; margin-bottom: 15px; cursor: pointer;}

    #feed .welcome h2{background: url(../images/everyone-welcome-open.png) left center no-repeat;position: relative;z-index: 999;}
    #feed .recentMedia h2{background: url(../images/everyone-welcome.png) left center no-repeat;position: relative;z-index: 999;}
    #feed .events h2{background: url(../images/upcoming-events.png) left center no-repeat;position: relative;z-index: 99;}
    #feed .news h2{background: url(../images/latest-news.png) left center no-repeat;}

    #feed .welcome h2.active{background: url(../images/everyone-welcome.png) left center no-repeat;position: relative;z-index: 999;}
    #feed .recentMedia h2.active{background: url(../images/everyone-welcome-open.png) left center no-repeat;position: relative;z-index: 999;}
    #feed .events h2.active{background: url(../images/upcoming-events-open.png) left center no-repeat;position: relative;z-index: 99;}
    #feed .news h2.active{background: url(../images/latest-news-open.png) left center no-repeat;}

    #feed .welcome h2, #feed .recentMedia h2, #feed .events h2, #feed .news h2,
    #feed .welcome h2.active, #feed .recentMedia h2.active, #feed .events h2.active, #feed .news h2.active {
        background-size: 100% 50px;
        background-position: 0 0;

    }

    .wrapper #block_list{padding: 0 15px;}
    #block_list li{width: 48%;margin-left: 0;margin-bottom: 10px;}
    #block_list li + li{margin-left: 0;}
    #block_list li:nth-child(2n+2){margin-left: 4%;}

    #login_area .arrow{display: none;}
    #login_area .login{float: none;width: 190px;margin: 20px auto 15px;display: block;}
    #login_area p{font-size: 14px;}

    #footer .inner{padding: 0 15px;}
    #footer p{text-align: center;float: none;}
    #footer .social{float: left;display: block;width: 100%;margin: 0 auto 20px;text-align: center;}
    #footer .social li{display: inline-block;float: none;margin: 0 3px;}

    #footer_bar .footer{float: none;text-align: center;display: block;margin-bottom: 5px;}
    #footer_charity{float: none;text-align: center;display: block;line-height: 20px;margin-top: 5px;}
    #footer_bar a{line-height: 20px;}

    #footer_bar a.footer {
        top: -40px;
        margin-left: 164px;
    }


    .wrapper #bottom_bar{padding: 55px 0 20px;}

    #login_area{padding: 0 15px;}

    .sidebar{display: none;}
    .visible_small{display: block;}
    .hidden_small{display: none;}

    #main{width: 100%;}
    .content{width: 100%;}
    /*
    .content h1, .content p{padding: 0 15px;}
    */
    .content .ArticleBody {padding: 0 15px;}
    .content h1{font-size: 36px;text-align: center;}

    #mobile_buttons .visiton_btn{font-size: 21px;color: #48a9b8;background: #eff0f1;
        background: -moz-linear-gradient(top, #eff0f1 0%, #e4e5e6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f1), color-stop(100%,#e4e5e6));
        background: -webkit-linear-gradient(top, #eff0f1 0%,#e4e5e6 100%);
        background: -o-linear-gradient(top, #eff0f1 0%,#e4e5e6 100%);
        background: -ms-linear-gradient(top, #eff0f1 0%,#e4e5e6 100%);
        background: linear-gradient(to bottom, #eff0f1 0%,#e4e5e6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#e4e5e6',GradientType=0 );
        display: block;line-height: 58px;text-decoration: none;width: 280px;margin: 20px auto 30px;text-align: center;}

    #mobile_buttons .visiton_btn img{float: left;margin: 14px 0 0 18px;}

    #admin_buttons{width: auto;margin-top: -20px;}


    #admin_buttons div.welcomeMembers{;padding-right: 0;}


    #admin_buttons h1{font-size: 32px;text-align: center;color: #6d6e71;}
    #admin_buttons h1 .bold{display: block;}


    #admin_buttons div.welcomeMembers a{width: 110px;float: left;margin: 20px 170px;display: block;}


    #admin_buttons ul{margin-bottom: 0;float: left;}
    #admin_buttons li {height: auto;margin-bottom: 35px;}
    #admin_buttons li .big{font-size: 16px;color: #799092;}
    #admin_buttons li .small{font-size: 11px;color: #77a8af;}

    #admin_buttons .profile a{background: url(../images/icon_user2_mobile.png) top 5px right no-repeat;padding: 0;border: none;margin-top: 0;}
    #admin_buttons .profile:hover a{background: url(../images/icon_user2_mobile.png) top 5px right no-repeat;padding: 0;border: none;margin-top: 0;}

    #admin_buttons .book a{background: url(../images/icon_book_mobile.png) top 5px right no-repeat;padding: 0;border: none;margin-top: 0;}
    #admin_buttons .book:hover a{background: url(../images/icon_book_mobile.png) top 5px right no-repeat;padding: 0;border: none;margin-top: 0;}

    #admin_buttons .calendar a{background: url(../images/icon_calendar_mobile.png) top 5px right no-repeat;padding: 0;border: none;margin-top: 0;}
    #admin_buttons .calendar:hover a{background: url(../images/icon_calendar_mobile.png) top 5px right no-repeat;padding: 0;border: none;margin-top: 0;}

    #admin_buttons li.connections.last_item a{background: url(../images/icon_connections_mobile.png) top 5px right no-repeat;padding-top: 0;border: none;margin-top: 0;}
    #admin_buttons li.connections.last_item:hover a{background: url(../images/icon_connections_mobile.png) top 5px right no-repeat;padding: 0;border: none;margin-top: 0;}
    #admin_buttons li.connections .small{width: 120px;}

    #admin_buttons li.connections.last_item a span.big {
        margin-top: 0px;
    }


    #admin_buttons .logout{float: left;display: block;margin: 0 160px 40px;font-size: 14px;
        color: #48a9b8;text-decoration: none;border: 1px solid #e1e2e2;background: #f2f3f3;
        background: -moz-linear-gradient(top, #f2f3f3 0%, #f0f0f0 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f3f3), color-stop(100%,#f0f0f0));
        background: -webkit-linear-gradient(top, #f2f3f3 0%,#f0f0f0 100%);
        background: -o-linear-gradient(top, #f2f3f3 0%,#f0f0f0 100%);
        background: -ms-linear-gradient(top, #f2f3f3 0%,#f0f0f0 100%);
        background: linear-gradient(to bottom, #f2f3f3 0%,#f0f0f0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#f0f0f0',GradientType=0 );
        padding: 6px 24px;}

    #admin_buttons .logout:hover{border-color: #b4e0e6;
        background: #f0fafb;
        background: -moz-linear-gradient(top, #f0fafb 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0fafb), color-stop(100%,#f5f5f5));
        background: -webkit-linear-gradient(top, #f0fafb 0%,#f5f5f5 100%);
        background: -o-linear-gradient(top, #f0fafb 0%,#f5f5f5 100%);
        background: -ms-linear-gradient(top, #f0fafb 0%,#f5f5f5 100%);
        background: linear-gradient(to bottom, #f0fafb 0%,#f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0fafb', endColorstr='#f5f5f5',GradientType=0 );}

    #admin_buttons.content_page{margin-top: 20px;}

    .slicknav_nav .log_out_nav a{color: #a0a0a0;font-size: 11px;border: none;padding: 5px 5px 5px 28px;text-transform: capitalize;display: inline-block;}
    .slicknav_nav .log_out_nav:hover a{color: #a0a0a0;font-size: 11px;border: none;padding: 5px 5px 5px 28px;text-transform: capitalize;background: transparent;}
    .slicknav_nav .sign_in_nav a{color: #a0a0a0;font-size: 11px;border: none;padding: 5px 5px 5px 28px;text-transform: capitalize;display: inline-block;}
    .slicknav_nav .sign_in_nav:hover a{color: #a0a0a0;font-size: 11px;border: none;padding: 5px 5px 5px 28px;text-transform: capitalize;background: transparent;}


    #footer_bar a#footer_mobile{margin-left: 0;}
    #footer_charity{position: relative;}

}
/* ==========================================================================
   Portrait iPhone
   ========================================================================== */
@media only screen and (max-width: 479px){

    .wrapper, .wrapper #bottom_bar, .wrapper #footer{width: auto;}
    .wrapper .inner, .wrapper #header,
    .wrapper #nav, .wrapper .wel_box,
    .wrapper #feed, .wrapper #block_list,
    .wrapper #login_area, #footer_bar{width: auto;}
    .wrapper > div{width: auto;}

    .logo {font-size: 22px;}
    .logo_image img {
        height: 29px;
    }
    .logo_text, .logo_text a {
        line-height: 32px;
    }

    #feed h2{ margin-bottom: 0; }

    #feed .welcome h2, #feed .recentMedia h2, #feed .events h2, #feed .news h2,
    #feed .welcome h2.active, #feed .recentMedia h2.active, #feed .events h2.active, #feed .news h2.active {
        background-size: 100% 50px;
        background-position: 0 0;
        height: 67px;
    }

    #main{width: auto;}
    .content{width: auto;}

    #admin_buttons div.welcomeMembers{padding:  30px;}
    #admin_buttons h1{font-size: 32px;text-align: center;}
    #admin_buttons div.welcomeMembers a{width: 110px;float: left;margin: 20px 80px;display: block;}
    #admin_buttons li{padding: 0 10px;}

    #admin_buttons .logout{margin: 0 100px 40px;}

    #footer_bar a.footer {
        margin-left: 27%;
    }

}
/* search page styling */

#ctl00_ctl00_cphBody_ctl05_ctl00MyNearestInput {
    margin-top: 22px;
    margin-bottom: 22px !important;
}

/* signup sheet */
/* from base.css */
table.signup tr td img {border: solid white 1px; cursor: pointer;}
table.signup img#blank {cursor: default;}
table.signup {padding: 0px;	margin: 0px; width: 100%; border: none;}
table.signup tr td.sNow, td.signupNow {background-color: blue;}
table.signup tr td, td.signup0 {background-color: #FFFF80; padding: 0px;}
table.signup tr td.s1, td.signup1 {background-color: #E7C360;}
table.signup tr td.s2, td.signup2 {background-color: #D38E44;}
table.signup tr td.s3, td.signup3 {background-color: #BE5928;}
table.signup tr td.s4, td.signup4 {background-color: #A51905;}

BODY.signuppopupwindow {padding:10px;}
H3.signuppopuptitle {padding-left:4px;}

table td {
    vertical-align: top;
}

table.signup tr td, td.signup0 {
    /*line-height: 8px;
    font-size: 8px;*/

    line-height: 0px;
    font-size: 0px;
    border-collapse: separate;
}

table.signup tr td img {
    padding: 0;
    margin: 0;
    box-sizing: content-box;
}

/*Reduce size of captcha box*/

@media (max-width: 768px) {
    div#recaptcha_image {
        max-width: 200px !important;
        width: 100% !important;
    }

    .recaptcha_image_cell {
        width: 100% !important;
    }

    table#recaptcha_table {
        padding: 2px !important;
    }

    table#recaptcha_table td {
        padding-right: 0 !important;
    }

    input#recaptcha_response_field {
        max-width: 200px !important;
    }

    #recaptcha_challenge_image {
        width: 100% !important;
    }

    span#recaptcha_privacy {
        font-size: 10px;
        line-height: normal;
    }

    .recaptcha {
        margin-left: -50px;
    }

    /* added 20170622 to help with rota display when zoomed out - case 23431 */
    html {
        background-image: none;
        background-color: #fff;
    }
}