/* only define template page layout styles here. */
/* any formatting/content styles should be put in 'content.css' */
* {
    outline:none;
}

.primary-color {
    background:#34450E;  /* - - - CHANGE THIS COLOR TO A DARK COLOR USED IN THE DESIGN - - - */
    color:#FFF;
}

html {

}

body {
    background:#FFF;
}

.float-container {
    float:left;
    width:100%;
    overflow:hidden;
}

.no-left { margin-left:0 }

.clear { clear:both }


/*--- HEADER STYLES ---*/

.to-top a {
    display: block;
    position: fixed;
    right:18%;
    bottom:-5px;
    width:50px;
    height:49px;
    z-index: 9999;
    background:url(../images/back-to-top.png) no-repeat;
}

#cover {
    width:100%;
    float:left;
    background:#FFF;
    height:10px;
    position:fixed;
    z-index: 9999;
}

#cover #line {
    height:1px;
    background:#000;
    display: block;
    margin-top:10px;
    margin-left:-11px;
    margin-right:-11px;
}

#bottom_cover {
    width:100%;
    float:left;
    background:#FFF;
    z-index: 5000;
    bottom:0;
}



#full_container {
    position:relative;
}

#border {
    border:1px solid #000;
    padding: 10px 10px 0;
    margin-left:-11px;
    margin-right:-11px;
    margin-top:1px;
    background: url(../images/content-bg-1.jpg) top center repeat-y;
    margin-bottom:20px;
}

#border_two {
    border:1px solid #000;
    padding: 10px 10px 0;
    margin-left:-11px;
    margin-right:-11px;
    margin-top:1px;
    background: url(../images/content-bg-2.jpg) top center repeat-y;
    margin-bottom:20px;
}

#border_two_nobg {
    border:1px solid #000;
    padding: 10px 10px 0;
    margin-left:-11px;
    margin-right:-11px;
    margin-top:1px;
    margin-bottom:20px;
}
@media (max-width: 767px) {
    #border_two_nobg {
        padding: 0px 10px 0;
        margin-top: 0;
    }
}

#footer {
    background:#33460c;
    padding:7px 30px;
    display:block;
    border-top:5px solid #FFF;
    border-bottom:10px solid #FFF;
    color:#FFF;
    font-size:10px;
    letter-spacing: 0.01em;
}

#footer a { color:#FFF; }

#footer p { margin:8px 0; line-height: 15px; }

#top_menu {
    background:#e1e1e3;
    height:35px;
    position:fixed;
    top:11px;
    right:50%;
    margin-right:-585px;
    border-top:10px solid #FFF;
    overflow: hidden;
    font-family: "Frutiger 55", sans-serif;
    text-transform: uppercase;
    font-size:12px;
    z-index: 9999;
}

#top_right {
    float:right;
    padding-right:15px;
}

#top_right p {
    line-height:39px;
    margin:0;
}

#top_right a {
    color:#000;
    text-decoration: none;
}

#top_right img {
    max-width: 16px;
}

#header {
    background:#33460c;
    height:56px;
    position:fixed;
    right:50%;
    top:55px;
    margin-right:-585px;
    border-top:5px solid #FFF;
    border-bottom:7px solid #FFF;
    color:#FFF;
    overflow: hidden;
    z-index: 5000;
}

#header p {
    float: left;
    font-size: 22px;
    line-height: 42px;
    padding-right: 15px;
    padding-left: 30px;
}

#header a { color:#FFF; }

#header input {
    border-radius: 0;
    background:#FFF url(/templates/custom/foundation/images/search-bg.jpg) top right no-repeat;
    padding-right:25px;
    width:90%;
    margin-top:3px;
    height: 20px;
}

#content_menu {
    background: none repeat scroll 0 0 #BCBD95;
    border-bottom: 5px solid #FFFFFF;
    margin-bottom: 10px;
    padding-bottom: 6px;
    position: fixed;
    width: 726px;
    z-index: 2000;
}

#content_menu_two {
    background: none repeat scroll 0 0 #BCBD95;
    padding-bottom:6px;
    margin: 111px 0 20px 240px;
    border-bottom:5px solid #FFF;
    box-shadow: 0px 6px 9px #d3d3d3;
    position: fixed;
    width: 930px;
    z-index: 2000;
}

#left_column {
    background: url(../images/left-bg.jpg) no-repeat;
    width: 220px;
    float:left;
    margin-top: 111px;
}

.right_column {
    border-top: 24px solid #FFFFFF;
    color: #33460c;
    float: right;
    margin-right: 0;
    margin-top: 87px;
    width: 185px;
    padding-bottom:70px;
}
.right_column_wider {
    border-top: 24px solid #FFFFFF;
    color: #33460c;
    float: right;
    margin-right: 0;
    margin-top: 146px;
    width: 270px;
    padding-bottom:70px;
}

.right_column_wider a,
.right_column a {
    color: #33460c;
}

.right-column-shadow {
    background: url(../images/right-col-shadow.jpg) repeat-x;
    height:25px;
    width:270px;
    position:absolute;
    bottom: 65px;
    right:0;
    display: block;
}

#slider {
    box-shadow: 0 9px 20px #cdced0;
    position: relative;
    z-index: 1;
}

#slider ul li {
    list-style: none;
    margin:0;
    padding:0;
}

#slider .flexslider {
    box-shadow: 0;
    border:0;
    margin-bottom: 30px;
}

#slider .flex-control-nav {
    bottom:-30px;
}

#slider .flex-control-paging li a {
    background:url(../images/slider-bullet.png) no-repeat;
    border-radius:0;
    box-shadow: none;
}

#slider .flex-control-paging li a.flex-active {
    background:url(../images/slider-bullet-active.png) no-repeat;
}

#slider .flex-direction-nav .flex-prev {
    left:-14px;
}

#slider .flex-direction-nav .flex-next {
    right:-14px;
    background-position: top right;
}

#slider .flex-direction-nav a {
    background: url(../images/arrows.png) no-repeat;
    height:28px;
    width:30px;
    opacity: 1;
}

.flexslider {
    margin: 0 !important;
    padding: 0!important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}
.flexslider ul li {
    margin: 0 !important;
}

.main_body {
    float:left;
    margin-top: 111px;
    width: 635px;
    margin-left:20px;
}

.main_body_inside {
    margin-top: 170px;
    box-shadow: 0 0 27px #D3D3D3;
}
.main_body_inside_donation {
    box-shadow: 0 0 27px #D3D3D3;
    float: left;
    margin-left: 0;
    margin-top: 104px;
    margin-bottom: 20px;
    min-height: 435px;
    width: 1170px;
}
.main_body_slider {
    float:left;
    margin-top: 111px;
    width: 726px;
    margin-left:20px;
}

.main_body_two {
    box-shadow: 0 0 27px #D3D3D3;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom:20px;
    min-height: 435px;
    width: 726px;
}

a.button {
    background:#6b752a url(/templates/custom/foundation/images/arrow.png) no-repeat;
    background-position:95% 50%;
    padding:6px 25px 6px 10px;
    border-radius:5px;
    width:37%;
    display: inline-block;
    color:#fff;
    text-transform: uppercase;
    font-size:13px;
    font-weight:bold;
    text-decoration: none;
    float:left;
    margin:5px;
}

a.button:hover {
    color: #e4eab3;
    }

.mobiletopmenu select{
    margin: 5px 0 10px 0;
    font-family: arial,tahoma,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    /*color:#fff;*/
    border: 0px;
    /*background:#005182;*/
    height: 30px;
    line-height: 28px;
    border-radius: 5px;
    width:80%; 
    min-width:200px;
    float:left;
}

.content-menu-spacing {
    margin-top:50px;
}

.mobile-padding-body {
   padding: 10px 20px 20px;
   background: #fff;
}

.audio-files audio {
    min-width: 125px;
}
#make_a_donation td.form-caption-1 {
    white-space: inherit;
    width: 100%;
    text-align: left;
    float: left;
}

select#cartpay_bcc_expire_month,
select#cartpay_bcc_expire_year {
    max-width: 105px;
}
span.cart-item-price-extended {
    white-space: initial;
}

div.pricing-block {
  height: auto!important;
  padding-top: 0!important;
}

ul.ereg_option_block li {
  list-style:none!important;
}

.event-quick-links-box ul li {
    list-style: none;
}

.article-footer a {
    font-size: 13px;
}

/*-------------------------------------*
   Donation page
*--------------------------------------*/
.main_body_inside_donation .mobile-padding-body {
    padding: 20px;
}

.banner-side-text {
    position: relative;
    background: url(/templates/custom/cks/images/banner-donation.jpg);
    background-size: cover;
    width: 100%;
    min-height: 400px;
}

.banner-side-text .side-text {
    position: absolute;
    min-height: 360px;
    background: #1b4164;
    padding: 20px;
    color: #fff;
    max-width: 300px;
    font-size: 16px;
}

.banner-side-text .side-text h2 {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    border-top: 0;
}

.donation img.logo {
    margin: auto;
    display: block;
}

.donation-form-wrap,
div#checkout-customer-payment {
    width: 70%;
    margin: auto;
    display: block;
    padding: 30px 15px;
}
@media (max-width: 767px) {
    div#checkout-customer-payment {
        width: 100%;
    }
    .donation-form-wrap {
        width: 85%;
    }
}

.donation-form-wrap strong {
    color: #737c28;
    font-size: 21px;
}

.donation table {
    margin-bottom: 20px;
}

div#general-donation-5_donation_type td {
   /* float: left;*/
}

.donation .form-layout td {

}

.donation .payment_detail_block select,
.donation .payment_detail_block textarea,
.donation .donation-form-wrap select,
.donation .donation-form-wrap textarea {
    font-size: 16px;
    padding: 10px!important;
    min-height: 45px;
    border: 2px solid #e1e1e3;
    box-shadow: none;
}

.donation .payment_detail_block input[type="text"],
.donation .donation-form-wrap input[type="text"],
.donation .donation-form-wrap textarea {
    font-size: 16px;
    padding: 10px!important;
    border: 2px solid #e1e1e3;
    box-shadow: none;
    width: 100%;
}

.donation .payment_detail_block td.form-caption-1 {
    padding: 2px;
    vertical-align: middle;
}

.donation h2 {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 5px 0;
    font-weight: bold;
    border-top: 1px solid #ccc;
    font-size: 21px;
    padding-top: 25px;
}

.donation label {
    font-size: 18px;
}

#one-time-gift-3_donation_type .collection {
    width: 25px;
}

#one-time-gift-3_donation_type > table tr tr,
#pledge-2_donation_type > table tr tr,
#general-donation-3_donation_type > table tr tr,
#tribute-gift-in-honor-or-memory-of-someone-2_donation_type > table tr tr {
    display: inline-block;
    border: 2px solid #e1e1e3;
    margin: 0px 8px 10px;
    padding: 6px 6px;
    border-radius: 3px;
}

@media (max-width: 1200px) {

    #top_menu { 
        margin-right:-470px;
    }

    .inner-tagline {
        display:none;
    }

    #header {
        margin-right:-470px;
    }

    #header .span2 {
        margin-left:0;
        width:160px;
    }

    #header p {
        padding-left:10px;
    }

    .main_body {
        width: 410px;
        margin-left: 20px;
    }

    .main_body_two {
        width:495px;
    }
    .main_body_slider {
        width: 494px;
    }

    #content_menu {
        width: 495px;
    }

    #content_menu_two {
        width: 700px;
    }

    #border {
        background: url(../images/content-bg-1b.jpg) top center repeat-y;
    }

    #border_two {
        background: url(../images/content-bg-2b.jpg) top center repeat-y;
    }

    #header .span7 img {
        margin-top:5px;
    }

}

@media (max-width: 979px) {

    #top_menu { 
        margin-right:-362px;
    }

    #content_menu_two {
        width: 484px;
    }

    .main_body {
        margin-left: 30px;
    }
    .main_body_two {
        width: 443px;
    }

    .mobile-header-area {
        margin-right: 25px;
    }

    #header {
        margin-right:-362px;
    }

    #header input {

    }

    .header-tablet-spacing {
        float:left;
        margin-right:25px;
    }

    #header .span5 {
        margin-left:50px;
        width: 620px;
    }

    #header .span10 {
        margin-left:50px;
    }

    #header p {
        width: 200px;
    }

    #content_menu {
        width: 494px;
    }

    .main_body {
        width: 481px;
    }

    .main_body_two {
        margin-top:170px;
    }

    #right_column {
        display: none;
    }

    .right_column {
        display: none;
    }

    #border {
        background: url(../images/content-bg-2c.jpg) top left repeat-y;
    }

    #border_two {
        background: url(../images/content-bg-2c.jpg) top left repeat-y;
    }

    .content-menu-spacing {
        margin-top:50px;
    }

    .search-width {
        width: 140px !important;
    }

}

@media (max-width: 950px) {

    #right_column h2 {
        font-size:15px;
    }

    .right_column { display: none }

    .main_body_two {
        width:440px;
    }

    #border_two {
        background: url(../images/content-bg-2c.jpg) top left repeat-y;
    }

    #header p {
        display: block;
        padding-left:10px;
        width:200px;
    }

    #header input {
        width: 100%;
        padding-right: 1px;
    }

    #header img {
        margin-top:0px;
    }

    #top_menu .pf-cssmenu-top-menu a {
        font-size: 8px;
    }

    #footer {
        height: auto;
    }

}
@media (min-width: 768px) and (max-width: 979px) { 
    #left_column {
        width: 210px;
    }
    .main_body_two {
        margin-top: 45px;
        width: 494px;
    }
    .mobile-padding-body {
        width: auto;
    }
}

@media (max-width: 767px) {

    #border, #border_two {
        background: none;
    }

    #top_menu {
        margin-right: 0;
        width: 100%;
        z-index: 9999;
        right:0;
    }

    #header {
        margin-right: 0;
        width: 100%;
        z-index: 9999;
        right:0;
    }

    #header p {
        float: none;
        text-align: center;
        font-size: 18px;
        width: auto;
    }

    #header {
        border-top:0;
        position: relative;
        float: left;
        top: 0;
    }

    #top_right p {
        font-size: 0;
    }

    #left_column {
        left: 0;
        margin-left: 0;
        position: relative;
        width: 100%;
        top: 0px;
        padding-bottom:15px;
    }

    #logo {
        text-align: center;
    }

    #logo img { 
        float:none !important; 
    }

    #right_column { display: none }

    .main_body, .main_body_two {
        float: left;
        margin: 20px;
        width: 93%;
        box-shadow: none;
    }

    #footer {
        height: auto;
        margin-top: 0px;
    }

    #bottom_cover {
        position: relative;
        height:auto;
    }

    #content_menu {
        position: relative;
        left: 0;
        width: 100%;
        z-index: 2000;
    }

    #left_column {
        margin-top:0;
    }

    #cover {
        display: none;
    }

    #footer {
        padding-bottom:30px;
        margin-bottom:-30px;
        font-size: 9px;
    }

    #header .span5 {
        width: 100%;
        margin-left:0;
    }


}


@media (max-width: 467px) {
    a.button {
        height: 50px;
        width: 30%;
    }

    .socialfooter img {
        width: 40px;
    }

    .mobiletopmenu select{
        width:70%; 
    }

    #header .span5 {
        width: 100%;
        margin-left:0;
    }
}

.leftmenumobile {
    float: left;
    width: 100%;
}

.leftmenumobile select{
    margin: 20px 0 10px 0;
    font-family: arial,tahoma,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    /*color:#fff;*/
    border: 0px;
    background:#e4eab3;
    height: 42px;
    line-height: 28px;
    border-radius: 5px;
    width:100%; 
    min-width:200px;
}

.socialfooter {
    float:right;
    margin-top: -58px;
}

.mobiletopmenu {
    background:#33460c;
    margin-top: -10px;
    padding-top: 15px;
}


#top_menu2 {
    text-align:center;
    padding:0 10px;
    background:#33460c;
}

.mobile-social {
    display: block;
    font-size: 0;
    position: absolute;
    right: 10px;
    top: 17px;
}

#mobile_callouts {
    margin-top:50px;
}

.search-width {
    width:180px;
}

.give-container .search-width {
    width: 140px;
}