@charset "utf-8";
/* CSS Document */

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0;  }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: blue; color: white; text-shadow: none; }
::selection { background: blue; color: white; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #049999; }
a:visited {  }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover 
a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { padding: 0px; margin: 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
}





/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */








/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}
/*-------------HTML5 Boilerplate end---------------*/
body {
  font-family: arial;
  background-repeat: repeat-x;
  height: auto;

}

h2, h1.h2 {
  font-family: Calibri;
  font-size: 23px;
  font-weight: bold;
  color: #545252;
  margin-top: 0px;
  margin-bottom: 0px;
}

h2 a {
  color: #545252;
  text-decoration: none;
}

h2 a:hover {
  text-decoration: none;
}



h3 {
  font-family: Calibri;
  font-size: 18px;
  font-weight: bold;
  color: #a12a2e;
  margin-top: 0px;
}

h4, h4 a {
  font-family: Calibri;
  font-size: 19px;
  text-shadow: 2px 1px rgba(131, 26, 29, 0.75);
  color: #ffffff;
  font-weight: normal;
  margin-bottom: 23px;
  margin-top: 0px;
  text-decoration: none;
}

h4 a:hover {
  text-decoration: underline;
}

h5 {
  font-family: Calibri;
  font-size: 18px;
  font-weight: bold;
  color: #545252;
  margin-top: 0px;
  margin-bottom: 2px;
  line-height: 22px;
}

h5 a {
  color: #545252;
  text-decoration: none;
}

h5 a:hover {
  text-decoration: none;
}

h6 {
  font-family: Calibri;
  font-size: 16px;
  font-weight: bold;
  color: #a12a2e;
  margin-bottom: 0px;
  margin-top: 0px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

tbody {
  border: none!important;
}

.form-item, .form-actions {
  margin: 0!important;
}

body.front {
  /*background-image: url(../images/home_bg.png);*/
}

#shell {
  height: auto;

}

#header {
  /*background-image: url(../image/header_bg.png);*/
  background-repeat: repeat-x;
  height: 130px;
  width: auto;
  /*min-width: 960px;*/
}

#header_info {
  width: 960px;
  margin: auto; 
}

#logo {
  margin-top: 20px;
  float: left;
  left: 0;
  top: 0;
}

#phone_top {
  background-image: url(../images/phone_top_bg.png);
  float: right;
  width: 346px;
  height: 94px;
  right: 0;
  top: 0;
}

.phone {
  background-image: url(../images/new_phone_bg.png);
  /*background-image: url(../images/phone_bg_no_yt.png);*/
  width: 346px;
  height: 94px;
  display: block;
}

.phone a:hover {
  opacity: 0.7;
}
.phone a.f_icon {
  margin-left: 277px;
}

.phone img {
  width: 32px;
  margin-top: 35px;
}

#navigation{
  height: 70px;
  width: auto;
  background-image: url(../images/nav_bg.png);
  background-repeat: repeat-x;
  /*min-width: 960px;*/
}

#navigation_info {
  width: 960px;
  padding: 0px;
  margin: auto;
  background-image: url(../images/nav_info_bg.png);
  background-repeat: repeat-x;
  position: relative;
  z-index: 200;
}

#navigation_info #main_menu {
  display: block;
}

#navigation_info #main_menu li {
  display: block;
  list-style: none;
  position: relative;
  z-index: 200;
  float: left;
  height: 100%;
}

#navigation_info #main_menu li a {
  display: block;
  text-decoration: none;
  font-size: 19px;
  line-height: 22px;
  color: #f1f1f1;
  text-shadow: 1px 1px rgba(61, 2, 4, 0.41);
  padding: 24px 20px 24px 20px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;

}

#navigation_info #main_menu li a:hover, #navigation_info #main_menu li a.activeMenu {
  background-image: url(../images/nav_bg_on.png);
  background-repeat: repeat;
  border-left: 1px solid #842225;
  border-right: 1px solid #af4346;
}

#navigation_info #main_menu .dropdowner {

}

#navigation_info #main_menu .dropdowner:hover ul {
  display: block;
}

#navigation_info #main_menu .dropdowner ul {
  display: none;
  position: absolute;
  z-index: 200;
  list-style-type: none;
  width: 240px;
  height: auto;
  background-image: url(../images/dropdown_bg.png);
  background-repeat: repeat;
  top: 0px;
  left: 0px;
  margin-top: 70px;
  margin-left: 0px;
}

#navigation_info #main_menu .dropdowner ul li {
  width: auto;
  height: auto;
  display: block;
  float: none;
}

#navigation_info #main_menu .dropdowner ul li a {
  width: auto;
  height: auto;
  font-family: Calibri;
  font-size: 18px;
  line-height: 34px;
  color: #ffffff;
  text-shadow: 1px 1px rgba(61, 2, 4, 0.41);
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}

#navigation_info #main_menu .dropdowner ul li:hover {
  background-image: url(../images/dropdown_bg_on.png);
  background-repeat: repeat;
}

#navigation_info #main_menu .dropdowner ul li a:hover {
  border: none;
  background: none;
}

#content {
  height: 857px;
  background-image: url(../images/content_bg.png);
  background-repeat: repeat-x;
  width: auto;
  margin-top: 0px;
  /*min-width: 960px;*/
}

#top_banner {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  line-height:normal;
  padding-top: 48px;
  height: 259px;
  position: relative;
}

#poster {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  margin-left: 35px;
  margin-top: 216px;
}

#zone {
  position: absolute;
  z-index: 100;
  background-image: url(../images/zone_bg.png);
  width: 275px;
  height: 167px;
  left: 0;
  top: 0;
  margin-top: 115px;
  margin-left: 678px;
}

#zone p, #inner_zone p {
  font-size: 17px;
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.39);
  margin-top: 63px;
  margin-left: 21px;
  margin-bottom: 0px;
}

#zone p strong, #inner_zone p strong {
  text-shadow: none;
  font-style: italic;
}

#zone a, #inner_zone a {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 0px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  padding-left: 11px;
}

#involved {
  margin-left: 17px;
  /*margin-top: 14px;*/
  margin-top: 7px;
  background-image: url(../images/involved_bt.png);
  width: 143px;
  height: 35px;
  float: left;
  padding-top: 13px;
}

#involved:hover {
  background-image: url(../images/involved_bt_on.png);
}

/*#donate {
  margin-left: 10px;
  margin-top: 14px;
  background-image: url(../images/donate_bt.png);
  width: 92px;
  height: 35px;
  float: left;
  padding-top: 13px;
}
*/
#donate {
    margin-left: 60px;
    margin-top: 42px;
    background-image: url(../images/nav_info_bg.png);
    width: 140px;
    height: 35px;
    float: left;
    padding-top: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}
#donate:hover {
  background-image: url(../images/nav_bg_on.png);
}
/*#donate:hover {
  background-image: url(../images/donate_bt_on.png);
}*/
#donate a {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 1px 0px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    /*padding-left: 11px;*/
}

#poster p {
/*  font-size: 29px;
  font-weight: bold;
  color: #fefefe;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.57);*/
  font-size: 22px;
  font-weight: bold;
  color: #fefefe;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.57);
  margin-top: 38px;
}
#poster p a {color: #fefefe;}

#slider {
  height: 259px;
  display: block;
}

#slider img {
  display: none;
}

#slider img.first {
  display: block;
}

#content_info {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 62px;
  height: 467px;
}

.image_box {
  width: 296px;
  height: 169px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.57)
}

.group_gape {
  width: 24px;
  display: block;
}

#content_info a {
  text-decoration: none;
  color: #545252;
}

#content_info p {
  font-family: Calibri;
  font-size: 16px;
  color: #545252;
  margin-bottom: 14px;
  line-height: 22px;
}
.more {
  background-image: url(../images/more_bg.png);
  width: 95px;
  height: 29px;
  padding-top: 7px;
  padding-left: 28px;
}

.more:hover {
  background-image: url(../images/more_bg_on.png);
}

#content_info table tr td .more a {
  font-family: Calibri;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.45);
}

#bottom_banner {
  height: 614px;
  width: auto;
  background-image: url(../images/bottom_banner_bg.png);
  background-repeat: repeat;
  /*min-width: 960px;*/

}

#bottom_banner_info {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 53px;
  position: relative;
}

/***************************sign up*************************************/
#sign_up {
  width: 394px;
  float: left;
}

.sign_up_title {
  font-family: arial;
  font-size: 32px;
  color: #3c3c3c;
  font-weight: normal;
  margin: 0;
}

#sign_up p {
  font-family: Calibri;
  font-size: 16px;
  color: #545252;
  text-align: justify;
  margin-top: 0px;
}

#sign_up_form input[type="text"] {
  height: 37px;
  width: 378px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -Chrome-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  /*margin-left: 14px;*/
  padding-left: 14px;
  margin-bottom: 9px;
}

#sign_up_form input[type="submit"] {
  height: 41px;
  width: 114px;
  margin-left: -6px;
  background-image: url(../images/sign_up_bg.png);
  background-repeat: repeat-x;
  border: 0px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -Chrome-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  font-size: 18px;
  font-family: Arial;
  color: #ffffff;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.45);
  margin-left: 279px;
}

#sign_up_form input[type="submit"]:hover {
  background-image: url(../images/sign_up_bg_on.png);
  background-repeat: repeat-x;
}

#question_form {
  padding: 0px 22px;
}

#question {
  width: 431px;
  height: 449px;
  background-image: url(../images/question_bg.png);
  float: left;
  margin-left: 124px;
}

#question p {
  font-family: Myriad Pro;
  font-size: 21px;
  color: #272727;
  margin-left: 51px;
  margin-top: 21px;
  margin-bottom: 20px;
}

#question_form input[type="text"], #question_form input[type="email"], #question_form textarea {
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -Chrome-border-radius: 10px;
  -ms-border-radius: 10px;
  /*margin-left: 21px;*/
  margin-bottom: 9px;
  padding-left: 14px;
  left: 0px;
  zoom: 1;
}

#question_form input[type="text"], #question_form input[type="email"] {
  width: 371px;
  /*height: 43px;*/
  padding-top: 13px;
  padding-bottom: 13px;
}

#question_form textarea {
  width: 369px;
  height: 71px;
  padding-top: 10px;

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#question_form input[type="checkbox"] {
  width: 24px;
  height: 24px;
  margin-top: 7px;
  /*margin-left: 21px;*/
  margin-bottom: 9px;
}

#question_form label.option {
  font-family: arial;
  font-size: 14px;
  color: #474747; 
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#captcha_holder {
  margin-left: 21px;
  margin-top: -7px;
  float: left;
}

#question #question_form #captcha {
  width: 111px;
  height: 40px;
  margin-top: -5px;
  margin-left: 7px;
  float: left;
}

#question_form input[type="submit"] {
  width: 123px;
  height: 44px;
  background-image: url(../images/send_bt_bg.png);
  float: right;
  margin-top: 0px;
  /*margin-left: 285px;*/
  padding: 0px;
  border: 0px;
  font-size: 18px;
  font-family: Arial;
  color: #ffffff;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.45);
}

#question_form input[type="submit"]:hover {
  background-image: url(../images/send_bt_bg_on.png);
}

#question_form .captcha img {
  float: right;
  height: 49px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -Chrome-border-radius: 10px;
  -ms-border-radius: 10px;
}
#question_form .captcha label {
  display: none;
}
#question_form .captcha input {
  width: 170px;
  height: 23px;
}
#question_form .captcha .description {
  display: none;
}


#phone_bottom {
  float: left;
  margin-top: 14px;
  margin-left: 550px;
}

#question_overlayer {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  margin-top: 39px;
  margin-left: 500px;
}

#crowd_overlayer {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  margin-top: 490px;
  margin-left: -21px;
}

#footer {
  width: auto;
  height: 574px;
  background-image: url(../images/footer_bg.png);
  background-repeat: repeat-x;
  /*min-width: 960px;*/
}

#footer_info {
  width: 960px;
  height: 574px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;
}

#strip {
  width: 960px;
  height: 24px;
  background-image: url(../images/strip_bg.png);
  background-repeat: repeat-x;
  margin-bottom: 30px;
}

.top_footer_gape {
  width: 21px;
}

#top_footer ul li {
  text-decoration: none;
  list-style-type: none;
}

#top_footer ul li a{
  text-decoration: none;
  color: #ffffff;
  font-family: Calibri;
  font-size: 16px;
  line-height: 22px;
  text-shadow: 2px 1px rgba(131, 26, 29, 0.75);
}

#top_footer ul li a:hover {
  text-decoration: underline;
}

#footer ul.contextual-links li a {
  text-shadow: none;
}

.line {
  height: 2px;
  width: 940px;
  margin-top: 21px;
  margin-bottom: 17px;
}

#bottom_footer ul li {
  text-decoration: none;
  list-style-type: none;
}

#bottom_footer ul li, #bottom_footer ul li a{
  text-decoration: none;
  color: #ffffff;
  font-family: Calibri;
  font-size: 16px;
  line-height: 22px;
  text-shadow: 2px 1px rgba(131, 26, 29, 0.75);
}

#bottom_footer ul li a:hover {
  text-decoration: underline;
}

.bottom_footer_gape {
  width: 63px;
}

#location_view, #contact_view {
  background-image: url(../images/view_bt_bg.png);
  background-repeat: repeat-x;
  margin-top: 17px;
  padding-top: 9px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
}

#location_view:hover, #contact_view:hover {
  background-image: url(../images/view_bt_bg_on.png);
  background-repeat: repeat-x; 
}

#location_view a, #contact_view a {
  font-family: Calibri;
  font-size: 18px;
  color: #ffffff;
  text-shadow: 2px 1px rgba(131, 26, 29, 0.75);
  text-decoration: none;
  padding: 7px 14px;
}

#location_view {
  width: 243px;
  height: 32px;
}

#contact_view {
  width: 263px;
  height: 32px;
}

.arrow {
  margin-left: 17px;
  margin-right: 7px;
}

#copyright p {
  font-size: 13px;
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
  margin: 0px;
}

.policy {
  margin-left: 314px;
}

.development {
  font-size: 13px;
  color: #ffffff;
  text-decoration: none;
}

.development:hover {
  text-decoration: underline;
}

#twiik {
  font-size: 18px;
  color: #fefefe;
  font-weight: bold;
}

/*=========================================================================
  ============================inner page===================================
  =========================================================================*/

.annual-reports-list {
  list-style-image: url(../images/application-pdf.png);
}
.annual-reports-list li {
  margin-bottom: 7px;
}
.annual-reports-list li a {
  font-size: 21px;
}

body.not-front {
/*  background-image: url(../images/inner_bg.png);*/
}

#content_inner {
  height: auto;
  width: auto;
  background-color: white;
  position: relative;
}

#content_inner_info {
  width: 960px;
  height:auto;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../images/inner_content_bg.png);
  background-repeat: repeat-y;
  padding-bottom: 14px;
}

#content_left {
  width: 573px;
  padding-top: 28px;
  float: left;
  overflow: hidden;
}

.inner_sub {
  font-size: 23px;
  font-family: Calibri;
  font-weight: bold;
  color: #a12a2e;
}

.inner_sub2 {
  font-size: 18px;
  font-family: Calibri;
  font-weight: bold;
  color: #a12a2e;
}

.content_line {
  margin-top: 14px;
}

#content_left p {
  font-size: 16px;
  font-family: Calibri;
  color: #545252;
  text-align: justify;
  width: 557px;
  margin-top: 0px;
  margin-bottom: 21px;
  line-height: 22px;
}

.content_left_bold {
  font-size: 16px;
  font-family: Calibri;
  color: #545252;
  font-weight: bold;
  text-align: left;
  width: 557px;
  margin-top: 0px;
  margin-bottom: 21px;
  line-height: 22px;
}

#content_left ul {
  margin-top: 2px;
  margin-bottom: 21px;
}

#content_left ul.tabs {
  margin-top: 0px;
  margin-bottom: 0px;
}

#content_left ul.tabs li {
  margin-left: 0px;
}

#content_left ul li {
  font-size: 16px;
  font-family: Calibri;
  color: #545252;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 49px;
}

#content_right {
  width: 380px;
  height: auto;
  float: left;
  top: 0px;
  right: 0px;
  margin-top: 21px;
  margin-right: -28px;
  overflow: hidden;
}

#inner_image_holder {
  width: 294px;
  margin-top: 41px;
  margin-left: 63px;
}

#inner_image_holder p {
  margin: 0;
}

.inner_image_box {
  width: 294px;
  height: 213px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.57);
  margin-bottom: 41px;
}

.short_line {
}

#inner_zone_holder {
  margin-left: 63px;
}

#inner_zone {
  background-image: url(../images/inner_zone_bg.png);
  width: 303px;
  height: 170px;

}

#inner_zone p {
  margin-left: 33px;
  margin-top: 14px;
  padding-top: 63px;
}

#inner_zone #involved {
  margin-left: 30px;
}

.people_image_box img {
  // width: 112px;
  /*height: 104px;*/
 /* box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -Chrome-border-radius: 20px;
  -ms-border-radius: 20px;*/
  float: left;
  margin-right: 21px;
   width: 114px;
   height: auto;
}



#webform-client-form-38 input[type="text"], #webform-client-form-38 input[type="email"] {
  height: 32px;
  width: 362px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
  padding-left: 14px;
  margin-bottom: 14px;
}

#webform-client-form-38 textarea {
  height: 164px;
  width: 377px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
  padding-left: 14px;
  margin-bottom: 14px;
}

#webform-client-form-38 input[type="submit"] {
  width: 123px;
  height: 44px;
  background-image: url(../images/contact_bt_bg.png);
  float: left;
  margin-top: 0px;
  margin-left: 407px;
  padding: 0px;
  border: 0px;
  font-size: 18px;
  font-family: Arial;
  color: #ffffff;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.45);
}

#webform-client-form-38 input[type="submit"]:hover {
  background-image: url(../images/contact_bt_bg_on.png);
}

#webform-client-form-38 label {
  float: left;
  width: 140px;
  margin-right: 14px;
  text-align: right;
  font-size: 15px;
  color: #545252;
  margin-top: 7px;
}

#webform-client-form-38 .captcha img {
  float: right;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -Chrome-border-radius: 10px;
  -ms-border-radius: 10px;
  margin-right: 42px;
  height: 49px;
}
#webform-client-form-38 .captcha label {
  display: none;
}
#webform-client-form-38 .captcha input {
  width: 170px;
  height: 45px;
  margin-left: 154px;
}
#webform-client-form-38 .captcha .description {
  display: none;
}


.room_info_holder, .involved_info_holder {
  width: 527px;
  height: auto;
  box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -Chrome-border-radius: 10px;
  -ms-border-radius: 10px;
  background-color: #f5f5f5;
  padding-top: 18px;
  padding-bottom: 1px;
  padding-left: 35px;
  padding-right: 0px;
  margin-bottom: 21px;
}

#content_left .room_info_holder p {
  width: 500px;
}

.room_info, .room_info_time {
  font-family: Calibri;
  font-size: 16px;
  color: #545252;
  font-weight: bold;
}

.room_info_time {
  padding-left: 21px;
}

.clear {
  clear: both;
}

#content_left .involved_info_holder table tr td p {
  width: 353px;
}

#content_left .involved_info_holder table tr td p a{
  font-weight: bold;
  text-decoration: none;
  color: #545252;
  font-size: 15px;
  font-family: Calibri;
}

#content_left .involved_info_holder table tr td p a:hover {
  text-decoration: underline;
}

.involved {
  background-image: url(../images/donate_bt_bg.png);
  width: 123px;
  height: 35px;
  padding-top: 9px;
  text-align: center;
}

.involved:hover {
  background-image: url(../images/donate_bt_bg_on.png);
}

.involved_info_holder table tr td .involved a, .involved a {
  font-size: 18px;
  font-family: Arial;
  color: white;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.45);
  text-align: center;
}

.involved_info_holder table tr td .involved a:hover, .involved a:hover {
  text-decoration: none;
}

.vertical_line{
  margin-left: 14px;
  margin-right: 14px;
}

.donate_info {
  font-family: Calibri;
  font-size: 16px;
  color: #545252;
  font-weight: bold;

}

#content_left p .contact_link {
  /*color: #545252;*/
  color: #a12a2e;
  font-size: 16px;
  font-weight: bold;
}

#webform-client-form-44 input[type="text"], #edit-submitted-type-of-enquiry {
  height: 32px;
  width: 362px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
  padding-left: 14px;
  margin-bottom: 14px;
}

#edit-submitted-type-of-enquiry {
  width: 377px;
  height: 36px;
}

#webform-client-form-44 textarea {
  height: 164px;
  width: 377px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
  padding-left: 14px;
  margin-bottom: 14px;
}

#webform-client-form-44 input[type="submit"] {
  width: 123px;
  height: 44px;
  background-image: url(../images/contact_bt_bg.png);
  float: left;
  margin-top: 0px;
  margin-left: 407px;
  padding: 0px;
  border: 0px;
  font-size: 18px;
  font-family: Arial;
  color: #ffffff;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.45);
}

#webform-client-form-44 input[type="submit"]:hover {
  background-image: url(../images/contact_bt_bg_on.png);
}

#webform-client-form-44 label {
  float: left;
  width: 140px;
  margin-right: 14px;
  text-align: right;
  font-size: 15px;
  color: #545252;
  margin-top: 7px;
}

#webform-client-form-45 input[type="text"] {
  height: 32px;
  width: 362px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
  padding-left: 14px;
  margin-bottom: 14px;
}

#webform-client-form-45 textarea {
  height: 164px;
  width: 377px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
  padding-left: 14px;
  margin-bottom: 14px;
}

#webform-client-form-45 select {
  height: 32px;
  width: 91px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
  padding-left: 14px;
  margin-bottom: 14px;
}

#webform-client-form-45 input[type="submit"] {
  width: 123px;
  height: 44px;
  background-image: url(../images/contact_bt_bg.png);
  float: left;
  margin-top: 0px;
  margin-left: 407px;
  padding: 0px;
  border: 0px;
  font-size: 18px;
  font-family: Arial;
  color: #ffffff;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.45);
}

#webform-client-form-45 input[type="submit"]:hover {
  background-image: url(../images/contact_bt_bg_on.png);
}

#webform-client-form-45 label {
  float: left;
  width: 140px;
  margin-right: 14px;
  text-align: right;
  font-size: 15px;
  color: #545252;
  margin-top: 7px;
}

#webform-client-form-45 .captcha img {
  float: right;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -Chrome-border-radius: 10px;
  -ms-border-radius: 10px;
  margin-right: 42px;
  height: 49px;
}
#webform-client-form-45 .captcha label {
  display: none;
}
#webform-client-form-45 .captcha input {
  width: 170px;
  height: 45px;
  margin-left: 154px;
}
#webform-client-form-45 .captcha .description {
  display: none;
}

.church_pic {
  padding-bottom: 14px;
}
.church {
  padding-left: 21px;
}

@media print {
  #content_inner_info { background-image: none;}
  #logo { float: none;}
  #logo img { display: block; margin: auto;}
  a:link:after { content:""; }
  #phone_top{ display: none;}
  #navigation { display: none;}
  #content_right { display: none;}
  .print {display: none;}
  .print-icon {display: none;}
  #bottom_banner { display: none;}
  #footer { display: none;}

  #content_left { display:  block; width: 100%;} 
  #content_left p { width: 900px; }

}

.print {
  float: right;
  margin-top: 14px;
  margin-bottom: 7px;
  background-color: #EEE;
  border-color: #BBB;
  border-style: none;
  border-width: 1px;
  color: #049999;
  font-size: 16px;
  font-family: Calibri;
  line-height: 22px;
}

.print:hover {
  background-color: #DDD;
}

.print-icon {
  /*position: absolute;*/
  top: 0;
  right: 0;
  float: right;
  margin-right: 12px;
}

.print-icon:hover {
  cursor: pointer;
}

/*************************bootstrap   table*******************************/
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 18px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
     -moz-border-radius: 0 0 0 4px;
          border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}

table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0;
}

table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0;
}

table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0;
}

table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0;
}

table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0;
}

table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0;
}

table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0;
}

table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0;
}

table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0;
}

table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0;
}

table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0;
}

table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0;
}


/* Current Room Hirers page */
.page-node-16 h3 {
  font-size: 16px;
  font-family: Calibri;
  color: #545252;
  font-weight: bold;
  text-align: left;
  width: 557px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 22px;
}


.brochure ul {
  list-style-image: url(../images/application-pdf.png);
  float: left;
  margin-top: 49px;
  margin-left: 21px;
}
#content_info .brochure ul li a {
  color: #049999;
}
#content_info .brochure ul li a:hover {
  text-decoration: underline;
}

.living-wage {
  float: right;
  margin-right: 14px;
  margin-top: 14px;
}
.living-wage img {
  height: 70px;
}

/************************* New Volunteering page *******************************/

#webform-client-form-89 input[type="text"],
#webform-client-form-89 input[type="email"] {
  height: 32px;
  width: 430px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
  padding-left: 14px;
  margin-bottom: 14px;
}

#webform-client-form-89 textarea {
  width: 446px;
  background-color: #f9f9f9;
  border: 1px solid #c7c7c8;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -Chrome-border-radius: 5px;
  -ms-border-radius: 5px;
  padding-left: 14px;
  margin-bottom: 14px;
  margin-left: 86px;
}

#webform-client-form-89 input[type="submit"] {
  width: 121px;
  height: 44px;
  background-image: url(../images/contact_bt_bg.png);
  float: left;
  margin-top: 0px;
  margin-left: 407px;
  padding: 0px;
  border: 0px;
  font-size: 18px;
  font-family: Arial;
  color: #ffffff;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.45);
}
#webform-client-form-89 input[type="submit"]:hover {
  background-image: url(../images/contact_bt_bg_on.png);
}

#webform-client-form-89 input[type="file"] {
  height: 32px;
  margin-bottom: 14px;
  padding-top: 3px;
}
#webform-client-form-89 #edit-submitted-attach-cv-upload-button {
  display: none;
}

#webform-client-form-89 label,
#webform-client-form-89 #webform-component-address label {
  float: left;
  width: 72px;
  margin-right: 14px;
  text-align: right;
  font-size: 15px;
  color: #545252;
  margin-top: 7px;
}
#webform-client-form-89 .webform-component-checkboxes label,
#webform-client-form-89 .webform-component-textarea label {
  float: none;
  width: auto;
  text-align: left;
  margin-bottom: 7px;
}

#webform-client-form-89 .form-checkboxes {
  margin-left: 86px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

#webform-client-form-89 .captcha img {
  float: right;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -Chrome-border-radius: 10px;
  -ms-border-radius: 10px;
  margin-right: 110px;
  height: 49px;
}
#webform-client-form-89 .captcha label {
  display: none;
}
#webform-client-form-89 .captcha input {
  width: 170px;
  height: 45px;
  margin-left: 86px;
}
#webform-client-form-89 .captcha .description {
  display: none;
}


/************************* responsive Upgrade *******************************/
#admin-menu {
  margin: 0px;
}

#navigation_info #main_menu li a.empty-link:hover,
#top_footer table h4 {
  cursor: default;
}

.phone-special {
  display: none;
  float: left;
  width: 50%;
  text-align: left;
  margin: 15px 0;
}
.phone-special a {
  color: #ffffff;
  font-size: 21px;
  margin-left: 14px;
}
.phone-special a:hover {
  text-decoration: none;
}

#main_menu_holder-special {display: none;}
.dl-menuwrapper {
  width: 50%; 
  float: right;
  margin: 5px 0;
  text-align: right;
  max-width: none;
}
.dl-menuwrapper button {
  background: none;
  overflow: visible;
  width: 35px;
  margin-right: 70px;
}
.dl-menuwrapper button:before {
  content: 'Menu';
  text-indent: 0em!important;
  position: absolute;
  left: 95%;
  top: 9px;
  color: #ffffff;
  font-size: 22px;
}
@-moz-document url-prefix() {
  .dl-menuwrapper button {margin-right: 14px;}
  .dl-menuwrapper button:before {content: '';}
}
.dl-menuwrapper button:after {
  height: 2px;
  box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
  top: 13px;
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active {
  background: none;
}
.dl-menuwrapper .dl-menu,
.dl-menuwrapper .dl-submenu {
  background-image: url(../images/nav_info_bg.png);
  text-align: left;
  width: 100%;
}
.dl-menuwrapper .dl-submenu {
  width: 100%;
}
.dl-menuwrapper .dl-submenu li:nth-child(2) {
  display: none!important;
}
.dl-menuwrapper li:hover {
  cursor: pointer;
}
.dl-menuwrapper li a:hover {
  text-decoration: none;
  cursor: pointer;
}

.group-special-holder {display: none;}
.group-special {text-align: center; margin-bottom: 28px;}
.group-special .image_box {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 14px;
  width: 100%;
}
.group-special p {text-align: center;}
.group-special .more {margin: 0 auto;}
#content_info .group-special .more a {
  font-family: Calibri;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 2px 1px rgba(0, 0, 0, 0.45);
}

.clear-special {
  clear: both;
  display: none;
}

.footer-menu-special {
  display: none;
}
.ui-accordion .ui-accordion-header {
  color: #ffffff;
  padding-left: 0em;
  background-image: url(../images/view_bt_bg.png);
  background-repeat: repeat;
  border: none;
}
.ui-accordion .ui-accordion-content {
  padding: 0.5em 1.2em;
  background-image: url(../images/view_bt_bg.png);
  background-repeat: repeat;
  border: none;
}

.footer-bottom-special-holder {display: none;}
.footer-bottom-special {text-align: center; margin: 0px;}
.footer-bottom-special h4 {margin-bottom: 7px;}

#content_left table img {max-width: 100%; display: block; height: auto;}

.lt-ie9 #header,
.lt-ie9 #navigation,
.lt-ie9 #top,
.lt-ie9 #content,
.lt-ie9 #content_inner,
.lt-ie9 #bottom_banner,
.lt-ie9 #footer {
  min-width: 960px;    
}
.lt-ie9 #dl-menu {
  display: none;
}

.lt-ie7 #shell {display: none;}
.lt-ie7 .browsehappy {display: none;}

.brochure {
  margin-right: 108px;
  float: left;
}
#content_info .brochure ul li a.red-link {
  color: #a12a2e;
}

#block-mailchimp-signup-newsflash h2.block-title { display: none;}




/* reCaptcha */
.g-recaptcha {
  margin-left: 154px;
  margin-bottom:  14px;
}
.g-recaptcha iframe {
  border-radius: 4px;
  -webkit-webkit-border-radius: 4px;
  -moz-webkit-border-radius 4px;
  -ms-webkit-border-radius: 4px;
  -o-webkit-border-radius 4px;
  webkit-border-radius: 4px;
}

#question_form .g-recaptcha {
  transform: scale(0.8);
  -webkit-webkit-webkit-transform: scale(0.8);
  -moz-webkit-webkit-transform:  scale(0.8);
  -ms-webkit-webkit-transform: scale(0.8);
  -o-webkit-webkit-transform:  scale(0.8);
  webkit-webkit-transform: scale(0.8);
  transform-origin: left;
  -webkit-webkit-transform-origin: left;
  -moz-webkit-transform-origin:  left;
  -ms-webkit-transform-origin: left;
  -o-webkit-transform-origin:  left;
  webkit-transform-origin: left;
  margin-left: 0px;
  margin-bottom: 0px;
}
#question_form .g-recaptcha iframe {
  border-radius: 14px;
  -webkit-webkit-border-radius: 14px;
  -moz-webkit-border-radius 14px;
  -ms-webkit-border-radius: 14px;
  -o-webkit-border-radius 14px;
  webkit-border-radius: 14px;
}

#webform-client-form-89 .g-recaptcha {
  margin-left: 86px;
}


/* ==========================================================================
   Responsive
   ========================================================================== */

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

  #header,
  #navigation,
  #top,
  #content,
  #content_inner,
  #bottom_banner,
  #footer {
    padding: 0 15px;
    height: auto;
    min-width: 290px;
  }
  #header_info,
  #navigation_info,
  #top_banner,
  #content_info,
  #content_inner_info,
  #bottom_banner_info,
  #footer_info {
    width: 100%;
    height: auto;
  }
  
  #logo {float: none; text-align: center;margin:  10px 0px;}
  #logo img {display: block; max-width: 100%; height: auto;margin: 0 auto;}
  #phone_top {display: none;}
  #donate {display: none;}
  
  #navigation {height: 57px;}
  .phone-special {display: block;}
  #main_menu_holder-special {display: block;}
  #main_menu_holder {display: none;}
  
  #content {background-image: none;}
  #top_banner {padding-top: 21px;}
  #poster, #slider {display: none;}
  #zone {
    position: relative;
    margin: 0px auto;
    background-position: center center;
    height: 157px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #zone p {margin-top: 0px;padding-top: 63px;}

  #content_info {margin-top: 21px;}
  #content_info table, .living-wage, .brochure {display: none;}
  .group-special-holder {display: block;}
  
  #bottom_banner_info {padding: 21px 0px;}
  #sign_up, #question {float: none;width: 100%;}
  #crowd_overlayer, #question_overlayer {display: none;}
  #phone_bottom {
    float: none;
    margin-left: 0;
  }
  #phone_bottom .phone {
    /*background-image: url(../images/phone_bg_smaller.png);*/
    width: 295px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
  }
  .phone a.f_icon {margin-left: 271px;}
  
  #sign_up p {text-align: center;}
  #sign_up_form {padding-right: 16px;}
  #sign_up_form input[type="text"] {width: 100%;}
  #sign_up_form input[type="submit"] {float: right;}
  .clear-special {display: block;}
  
  #question {clear: both; margin: 0px; background-image: none; height:auto; margin: 21px 0px;}
  #question p {margin: 0px 0px 16px 0px; font-size: 32px; text-align: center;}
  #question_form {padding: 0px 18px 0px 0px;}
  #question_form input[type="text"], #question_form input[type="email"] {width: 100%;}
  #question_form textarea {width: 100%;}
  #question_form .captcha img {width: 140px; margin-right: 20px; float: left;}
  #question_form .captcha input {width: 120px; margin-left: 0px;}
  #question_form input[type="text"]#edit-captcha-response {width: 35%}

  #footer {background-image: url(../images/footer_bg-special.png); background-repeat: repeat;}
  #footer_info {padding: 21px 0px;}
  #strip {display: none;}
  #top_footer {margin: 0px;}
  #top_footer table {display: none;}
  .footer-menu-special {display: block;}

  .line {width: 100%; margin: 21px 0px 7px;}

  #bottom_footer table {display: none;}
  .footer-bottom-special-holder {display: block;}
  #location_view, #contact_view {margin-right: auto; margin-left: auto;}
  #location_view .arrow, #contact_view .arrow {margin-left: 0px;}
  #location_view {margin-bottom: 28px;}
  
  #copyright p {text-align: center;}
  .policy {margin: 7px 0px 0px; width: 100%; display: block;}
  
  #content_inner_info {background:none;}
  #content_right {display: none;}
  #content_left {width: 100%;}
  .print-icon {display: none;}
  #content_left p, #content_left p em {width: 100%; text-align: left;}
  .content_line {width: 100%;}
  .inner_image_box {width: 100%!important; height: auto!important; max-width: 100%; display: block;}
  .church_pic {display: block;}
  .church {display: block; margin-bottom: 35px;}
 
  #webform-client-form-45 label {float: none; text-align: left; width: 100%; display: block; margin-bottom: 7px;}
  #webform-client-form-45 input[type="text"] {width: 99%; padding-left: 0px;}
  #webform-client-form-45 textarea {width: 99%; padding-left: 0px;}
  #webform-client-form-45 select {padding-left: 0px; width:81px;}
  #webform-client-form-45 .captcha img {width: 140px; margin-right: 21px; float: left;}
  #webform-client-form-45 .captcha input {width: 120px; margin-left: 0px;}
  #webform-client-form-45 input[type="submit"] {float: right; margin-left: 0;}

  #webform-client-form-38 label {float: none; text-align: left; width: 100%; display: block; margin-bottom: 7px;}
  #webform-client-form-38 input[type="text"], 
  #webform-client-form-38 input[type="email"] {width: 99%; padding-left: 0px;}
  #edit-submitted-type-of-enquiry,
  #webform-client-form-38 textarea {width: 99%; padding-left: 0px;}
  #webform-client-form-38 .captcha img {width: 140px; margin-right: 21px; float: left;}
  #webform-client-form-38 .captcha input {width: 120px; margin-left: 0px;}
  #webform-client-form-38 input[type="submit"] {float: right; margin-left: 0;}

  #webform-client-form-44 label {float: none; text-align: left; width: 100%; display: block; margin-bottom: 7px;}
  #webform-client-form-44 input[type="text"] {width: 99%; padding-left: 0px;}
  #webform-client-form-44 textarea {width: 99%; padding-left: 0px;}
  #webform-client-form-44 .captcha img {width: 140px; margin-right: 21px; float: left;}
  #webform-client-form-44 .captcha input {width: 120px; margin-left: 0px;}
  #webform-client-form-44 input[type="submit"] {float: right; margin-left: 0;}

  #webform-client-form-89 label,
  #webform-client-form-89 #webform-component-address label {float: none; text-align: left; width: 100%; display: block;margin-bottom: 7px;}
  #webform-client-form-89 input[type="text"], 
  #webform-client-form-89 input[type="email"] {width: 99%; padding-left: 0px;}
  #webform-client-form-89 textarea {width: 99%; padding-left: 0px; margin-left: 0px;}
  #webform-client-form-89 .form-checkboxes {margin-left: 0px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
  #webform-client-form-89 .form-checkboxes label.option {display: inline;}
  #webform-client-form-89 .captcha img {width: 140px; margin-right: 21px; float: left;}
  #webform-client-form-89 .captcha input {width: 120px; margin-left: 0px;}
  #webform-client-form-89 input[type="submit"] {float: right; margin-left: 0;}

  .print {display:none;}

  .g-recaptcha,
  #webform-client-form-89 .g-recaptcha {
    margin-left: 0px;
    transform: scale(0.95);
    -webkit-webkit-webkit-transform: scale(0.95);
    -moz-webkit-webkit-transform:  scale(0.95);
    -ms-webkit-webkit-transform: scale(0.95);
    -o-webkit-webkit-transform:  scale(0.95);
    webkit-webkit-transform: scale(0.95);
    transform-origin: left;
    -webkit-webkit-transform-origin: left;
    -moz-webkit-transform-origin:  left;
    -ms-webkit-transform-origin: left;
    -o-webkit-transform-origin:  left;
    webkit-transform-origin: left;
  }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  #header_info,
  #navigation_info,
  #top_banner,
  #content_info,
  #content_inner_info,
  #bottom_banner_info,
  #footer_info {width: 723px;}

  #phone_top {display: none;}
  #donate {float: right;}

  #navigation_info #main_menu li a {font-size: 17px; padding: 24px 10px;}
  #navigation_info #main_menu .dropdowner ul {width: 208px;}
  #navigation_info #main_menu .dropdowner ul li a {font-size: 16px;}
  
  #slider {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
  .nivoSlider img {width:100%;}
  .nivo-slice {background-position:center!important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
  #poster {margin-left: 7px; margin-top: 232px;}
  #poster p {font-size: 17px; margin-top: 23px;}
  #zone {margin-left: 449px; background-position: center; height: 157px;}
  #inner_zone p strong {font-weight: bolder;}

  .image_box {width: 225px; height: auto;}
  .group_gape {width: 19px;}
  #content_info table h2 a {font-size: 17px;}
  .brochure ul {margin-top: 21px;}

  #sign_up {width: 350px;}
  .sign_up_title {font-size: 30px;}
  #sign_up_form input[type="text"] {width: 334px;}
  #sign_up_form input[type="submit"] {margin-left: 235px;}

  #question {width: 350px; margin-left: 23px;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;}
  #question_overlayer {margin-left: 343px;}
  #question p {margin-left: 22px; margin-right: 22px; font-size: 19px;text-align: center;}
  #question_form input[type="text"], 
  #question_form input[type="email"] {width: 290px;}
  #question_form .captcha input {width: 100px;}
  #question_form textarea {width: 288px;}
  #phone_bottom {margin-left: 390px;}
  
  
  #footer {background-image: url(../images/footer_bg-special.png); background-repeat: repeat; height:590px; }
  #footer_info h4 a,
  #footer_info h4 {font-size: 17px; margin-bottom: 10px;}
  #top_footer table tr td {width: 140px;}
  #top_footer .top_footer_gape,
  #bottom_footer .bottom_footer_gape {width: 0px;}
  #strip {width: 723px; margin-bottom: 14px; background: none;}
  .line {width: 723px; margin-top: 14px; margin-bottom: 7px;} 
  #location_view, 
  #contact_view {margin-top: 14px;}
  #contact_view {margin-top: 36px;}
  .policy {margin-left: 220px;}
  #twiik {font-size: 16px;}

  #content_inner_info {background-position: center;}
  #content_inner_info h2, .inner_sub {font-size: 18px; line-height: 24px;}
  #content_left {width: 466px; margin: 0 12px;}
  .content_line {display: block; height: auto; max-width: 100%;}
  #content_left h5 {width: 100%;}
  #content_left p, #content_left p em {width: 100%;}
  #content_right {width: 209px; margin: 0 12px;}
  #inner_image_holder {width: 100%; margin: 41px 0 0 0;}
  .inner_image_box {width: 100%!important; height: auto!important; max-width: 100%; display: block;}
  #inner_zone_holder {margin-left: 0px;}
  .short_line {width: 100%;}
  #inner_zone {width: 100%; background: none;}
  #inner_zone p {margin-left: 0px; padding-top: 0px; color:#a12a2e; text-shadow:none; font-weight: bold;}
  #inner_zone #involved {margin-left: 0px;}
  #inner_zone #donate {margin-left: 0px;}

  #webform-client-form-45 label {width: 119px;}
  #webform-client-form-45 input[type="text"] {width: 307px;}
  #webform-client-form-45 textarea {width: 323px;}
  #webform-client-form-45 .captcha img {margin-right: 0px; }
  #webform-client-form-45 .captcha input {width: 128px; margin-left: 134px;}
  #webform-client-form-45 input[type="submit"] {margin-left: 344px;}

  #webform-client-form-38 label {width: 122px;}
  #webform-client-form-38 input[type="text"], 
  #webform-client-form-38 input[type="email"] {width: 304px;}
  #edit-submitted-type-of-enquiry,
  #webform-client-form-38 textarea {width: 320px;}
  #webform-client-form-38 .captcha img {margin-right: 0px; }
  #webform-client-form-38 .captcha input {width: 128px; margin-left: 134px;}
  #webform-client-form-38 input[type="submit"] {margin-left: 344px;}

  #webform-client-form-44 label {width: 114px;}
  #webform-client-form-44 input[type="text"] {width: 314px;}
  #webform-client-form-44 textarea {width: 331px;}
  #webform-client-form-44 input[type="submit"] {margin-left: 344px;}

  #webform-client-form-89 input[type="text"], 
  #webform-client-form-89 input[type="email"] {width: 350px;}
  #webform-client-form-89 textarea {width: 366px;}
  #webform-client-form-89 .captcha img {margin-right: 0px;}
  #webform-client-form-89 .captcha input {width: 170px;}
  #webform-client-form-89 input[type="submit"] {margin-left: 345px;}

  .g-recaptcha {margin-left: 136px;}
  #webform-client-form-89 .g-recaptcha {margin-left: 86px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}