/* this particular version layout will not work in IE/Win Strict Mode 
   it can be made to work in IE strict with the use of CSS expressions
	 to calculate the required height of the 2 absolute positioned divs
*/
/********** main css ***********/
@import url("/css/events_styles.css");
@import url("/css/blogs_styles.css");
@import url("/css/media_styles.css");
@import url("/css/classes_styles.css");
@import url("/css/livebroadcast_styles.css");
@import url("/css/open-sans-fontfacekit/stylesheet.css");
@import url("/css/rokkitt/stylesheet.css");
@import url("/css/montserratfontkit/stylesheet.css");

html {
    max-width: 100%;
    min-width:300px;

   
}

body {
    margin: 0;
    text-align: justify; /* IE quirky center */
    color: #707070;
    font: normal 16px 'OpenSansLight',Arial;
    background-color: #000;
      -webkit-font-smoothing: antialiased;
      font-weight:lighter;

   
}
/* DEFAULT CSS  */

h1 {
    font: 200 30px 'OpenSansBold', Arial;
    color: #000;
}

h2 {
    color: #000;
    font: normal 30px 'OpenSansSemiBold', Arial, serif;
    font-size:25px;
    padding:20px 0px 10px 0px;
}

h3 {
    color: #000;
    font: 20px 'OpenSansSemiBold', Arial, serif;
    padding:0px;
    margin:0;
}

.locationTitle {
    color: #737373;
    font: normal 30px/30px 'OpenSansLight', Arial;
}

#locationTitle {
    color: #737373;
    font: normal 30px/30px 'OpenSansLight', Arial;
}


h4 {
    font-family: 'OpenSansRegular', Arial,helvetica,sans-serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
}

h5 {
    font-family: 'OpenSansRegular', Arial,helvetica,sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}

p {
        font: normal 16px 'OpenSansLight',Arial;
           color: #000;
       -webkit-font-smoothing: antialiased;
      font-weight:lighter;
}

a {
    color: #86a2b7;
    text-decoration: none;
}

    a:hover {
        color: #86a2b7;
        text-decoration: underline;
    }
    #topLinksWrapper
    {
        margin-left:130px;
        margin-top:20px;
    }

    #topLinks{
        position:absolute;
        width:320px;
        display:inline;


    }

    a.toplinks {
        color: #fff;
        text-decoration: none;
        font-family: 'Open Sans', Arial;
        font-size: 13px;
        text-transform:uppercase;
        padding-left:20px;
    }

        a.toplinks:hover {
            color: #e1e1e1;
            text-decoration: none;
        }

    #topLinks2{
        position:relative;
        width:320px;


    }

    a.toplinks1 {
        color: #ffffff;
        text-decoration: none;
    }

        a.toplinks1:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    a.footerlinks {
        color: #0caaf3;
        text-decoration: none;
    }

    a.breadcrumb:hover {
        color: #0caaf3;
        text-decoration: underline;
    }

ul, ol {
    padding: 10px 20px;
    list-style-type: none;
}

li {
    padding-left: 12px;
    background: url(images/li-arrow.png) left top no-repeat;
    line-height: 18px;
}

    li.rrItem {
        padding-left: 0px;
    }

img {
    border: 0px;
    max-width: 100%;
}

.cClear {
    clear: both;
}

/* Middle Area Styles*/

/** site structure **/
#toplinks_wrapper {
    position: relative; /*min-width: 960px;*/
    min-width: 960px;
    width: 100%;
    height: 29px;
    background-image: url(/images/bg_topbar.png);
    background-position: top;
    background-repeat: repeat-x;

}

#main_wrapper {
    position: relative; /*min-width: 960px;*/
    width: 100%;
    height: 100%;
}

.nav
{
    position:absolute;
    width:550px;
    z-index:100010;
    right:100px;
    top:20px;


}

.nav2
{
    position:absolute;
    width:740px;
    text-align:left;
    z-index:100001;
    top:45px;
    right:70px;


}

#liveBar
{
    position:fixed;
    background-color:#368491;
    width:100%;
    height:45px;
    z-index:100000;
    text-align:right;
}

header {
    position:relative;
    margin: 0 auto;
    height: 100px;
    width: 100%;
    left:0px;
    top:0px;
    z-index:100000;
    background-color:#fff;
    border:1px solid #fff;


}


header2 {
    position:absolute;
    margin: 0 auto;
    height: 105px;
    width: 100%;
    left:0px;
    top:0px;
    z-index:100000;
    background-image:url('/images/bg_white.png');
    background-repeat:repeat;
   


}

#socialWrapper
{
    position:absolute;
    right:20px;
    top:37px;
    height:32px;
    width:130px;
    text-align:right;
    font-family:'Open Sans';
    font-size:13px;
    color:#86a2b7;
    z-index:100002;
 
}

.navbar-header2
{
    top:0px;
    bottom:0px;
    border:1px solid red;
}

#topBar {
    position:relative;
    display:block;
    background-color: #000;
    height: 40px;
    margin: 0 auto;
}

#mainHeader {
    background: #fff url(/images/bg_header.jpg) no-repeat center;
    min-height: 160px;
    height: auto;
    margin: 0 auto;
    background-size: cover;
}

#defaultLogo {
    position: relative;
    margin: 5px 0 0px 10px;
    top: 0;
    z-index:1000002;
    width:330px;
    height:94px;
 
}


#defaultLogo2 {
    position: absolute;
    margin: 0px 0 0px 0px;
    top: 0;
    left:25px;
    z-index:1000002;
    width:111px;
    height:105px;
    background-color:#fff;
 
}

#defaultHeader
{
    text-align:center;
    z-index:100002;

 
}

#defaultHeader2
{
    text-align:center;
    z-index:100002;

 
}

#logoWrapper
{
    position:relative;
    width:100%;
    text-align:center;
    z-index:100002;

}


#nav_wrapper
{

    position:absolute;
    float:right;
    right:100px;
    width:810px;
    height:30px;
    margin-top:15px;


}

#adventistLogo
{
    position:absolute;
    right:70px;
    padding-top:5px;

}

#customLogo {
    position: relative;
    left: 0px;
    top: 0px;
}

.topSNIcons {
    float: right;
    margin-top: 15px;
}

    .topSNIcons img {
        margin-left: 5px;
    }

.headerSearch {
    background: url(/images/header_search.png) no-repeat;
    color: #333;
    float: left;
    height: 29px;
    margin-top: 10px;
    padding: 5px 0 0 10px;
    text-align: left;
    width: 304px;
}

.langBar {
    position:relative;
    left:523px;
    font: 300 14px 'Open Sans', sans-serif;
    margin-top: 0px;
}

.langBar img {
    margin: 0 7px;
}

.langBar a {
    color: #fff5aa;
    text-decoration: none;
}

.langBar a:hover {
    color: #fff5aa;
    text-decoration: underline;
}


nav {
    display: block;
    float: right;
    margin: 0px 0 0 0;
}

#headerLinks {
    position: relative; /*min-width: 960px;*/
    min-height: 50px;
    right: 0px;
    padding-top: 80px;
}

#nav_div {
    position: absolute;
    left: 0px;
    top: 6px;
}

.subHeaderBar
{
    position:relative;
    width:100%;
    height:30px;
    background-image:url('/images/header_bg.png');
    background-repeat:repeat;
    z-index:100002;
    margin-top:-30px;
}
/*HEADER CSS */
#search_wrapper {
    position: absolute;
    width: 185px;
    height: 28px;
    text-align: right;
    display:block;
    vertical-align: middle;
    background-image: url(/images/header_search.png);
    background-position: top;
    background-repeat: no-repeat;
    left:330px;
}


    #search_wrapper a {
        color: white;
    }

.text_wrapper {
    padding-left: 13px;
    padding-top: 0px;
}

.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}

#nav_top {
    position: absolute;
    left: 132px;
}

/*Sub Page CSS*/
#center_bottom_wrapper {
    position: relative;
    width: 100%;
    padding-top: 0px;
    left: 0px;
    min-height: 350px;
    height: 100%;
    height: auto !important;
    z-index: 1;
    background-color: #f1f1f1;
    background-image: url(/images/subpage_content_mid.jpg);
    background-position: top;
    background-repeat: repeat-y;
}

#center_wrapper {
    position: relative;
    width: 100%;
    padding-top: 0px;
    left: 0px;
    min-height: 450px;
    height: 100%;
    height: auto !important;
    z-index: 1;
    /*border-top: solid 5px #b2b2b2;
    border-bottom: solid 50px #b2b2b2;*/
    background-color:#fff;
}

#sub_content_top {
    position: relative;
    width: 100%;
    display: none;
    height: 50px;
}

#sub_content_middle {
    position: relative;
    min-height: 350px;
    height: 100%;
    width: 100%;
    z-index: 20;
}

#sub_content_bottom {
    position: relative;
    width: 100%;
    height: 1px;
    display: none;
}

.content_middle_wrapper {
    position: relative;
    width: 100%;
    min-height: 350px;
    height: auto !important;
    height: 100%;
    /*background-image: url(/images/subpage_content_mid.png);
    background-position: top;
    background-repeat: repeat-y;*/ background-image: url(/images/subpage_subnav_bg.png);
    background-position: left;
    background-repeat: repeat-y;
    padding: 0;
}

.content_middle_wrapper_full {
    position: relative;
    width: 100%;
    min-height: 350px;
    height: auto !important;
    height: 100%;
    /* background-image: url(/images/subpage_content_mid.png);
    background-position: top;
    background-repeat: repeat-y;*/
}

.content_middle {
    position: relative;
    left: 0px;
    padding: 0px 0px 0px 20px;
    min-height: 348px;
    height: 100%;
    top: 0px;
    width: 100%;
    text-align: left;
    background-color:#fff;
}

.content_middle_full {
    position: relative;
    left: 0px;
    padding: 15px 0px 0px 20px;
    min-height: 348px;
    height: 100%;
    top: 0px;
    width: 100%;
    text-align: left;
        background-color:#fff;
}

#subpage_bottom {
    position: relative;
    width: 1276px;
    height: 32px;
}

.subNav {
    position: relative;
    padding: 3px 0px 0px 0px;
    left: 0px;
    top: 0px;
    z-index: 91;
    /*background-image:url(/images/subpage_subnav.jpg);
    background-repeat:repeat-y;*/
    max-width:200px;
}

#subnav_top {
    position: relative;
}

#subnavheader_wrapper {
    position: relative;
    width: 960px;
    height: 80px;
}

#subNavHeaderText {
    position: relative;
    width: 250px;
    left: 0px;
    text-align: left;
    color: #e27d49;
    font-size: 18px;
    top: 0px;
    min-height: 28px;
    z-index: 91;
    font-family: 'oswaldlight';
    font-weight: bold;
    text-transform: uppercase;
}

#subNavHeaderText1_wrapper {
    position: relative;
    width: 100%;
    min-height: 110px;
    height: auto;
}

#subNavHeaderText1 {
    position: absolute;
    max-width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 70px;
    min-height: 100px;
    font-family: 'montserratbold';
    bottom: 50px;
   margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
    text-shadow: 2px 2px 2px #434343;
    z-index:9999;
    text-transform:uppercase;


}

#subNavHeaderText2 {
    position: relative;
    left: 0px;
    text-align: left;
    color: #000;
    font-size: 25px;
    min-height: 35px;
 font-family: 'montserratbold';
    padding:20px 0px 0px 10px;

}

#subNavBody {
    position: relative;
    width: 180px;
}

.subNavText {
    font-weight: bold;
    font-size: 11px;
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #434343;
    text-transform: uppercase;
    vertical-align: bottom;
}

    .subNavText:link {
        line-height: 23px;
        text-decoration: none;
        text-align: left;
        color: #434343;
        text-transform: uppercase;
        vertical-align: bottom;
        width: 190px;
    }

    .subNavText:active {
        line-height: 23px;
        text-decoration: none;
        text-align: left;
        color: #434343;
        text-transform: uppercase;
        vertical-align: bottom;
        width: 190px;
    }

    .subNavText:visited {
        line-height: 23px;
        text-decoration: none;
        text-align: left;
        color: #434343;
        text-transform: uppercase;
        vertical-align: bottom;
        width: 190px;
    }

    .subNavText:hover {
        color: #434343;
        text-align: left;
        text-decoration: underline;
    }

#subMainContentArea_wrapper {
    position: relative;
    text-align: left;
    padding: 0;
}

#subPageWrapper {
    position: relative;
}

.content_wrapper {
    position: relative;
    padding-top: 0px;
    margin-left: 0px;
}

.messages h1 {
    color: #000;
    display: block;
    font: 300 36px 'Open Sans', sans-serif;
    letter-spacing: .2em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.messages h2 {
    color: #000;
    display: block;
    font: 300 18px 'Open Sans', sans-serif;
    letter-spacing: .2em;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}


.tagline {
    padding: 40px 20px 25px 20px;
}

.callOutMargin {
    padding: 0;
}

    .callOutMargin img {
        padding-top: 5px;
    }

#callOutBar a {
    text-decoration: none;
}

#callOutBar {
    background-color: transparent;
    min-height: 200px;
    margin: 0 auto;
    margin: 20px 0;
    text-align:center;
}

/* Upcoming Events*/
#upCE {
        background-color:#fff;
    margin: 0 auto;
    text-align:center;
    padding:110px 0px 110px 0px;
    text-align:center;


}


.familyBox
{
    display:inline-block;
    margin:30px;
    background-color:transparent;
}

.UpCEImage
{
    width:100%;max-width:1200px;padding:100px 30px 100px 30px;
}

.dateBox{
    float: left;
    padding:0px;
    height: 52px;
    text-align: center;
    width: 50px;
    background-color:#326489;
}

#upCE h1 {
    color: #000;
    display: block;
    font: normal 70px 'montserratbold', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top:0px;
        text-transform:uppercase;

}

#upCE h2 {

    color: #888888;
    display: block;
    font: normal 40px 'rokkittregular', sans-serif;
    margin: 0;
    padding: 0px 0px 20px 0px;
    text-align: center;
}

#upCE h3 {
    color: #3c362f;
    font: normal 30px 'rokkittregular', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top:20px;
}

#upCE h4 {
    border: none;
    color: #fff;
    display: block;
    font: 300 14px 'OpenSansSemiBold', sans-serif;
    margin: 0;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
}

#upCE h4 span {
    color: #fff;
    display: block;
    font: 700 22px 'OpenSansSemiBold', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    padding-top:0px;
}

.eventBox {
    float: left;
    margin: -15px 0 0 10px;
    width: 60%;
}


/* Get Connected */
.homeVideo
{
    max-width:560px;
}

.connectedContainer
{
  width:100%;
  max-width:900px;
  padding-bottom:50px;
  text-align:center;
}
#getConnected {
    position:static;
    background: url(/FAITHNETWORK_UserFileStore/imagelibraries/ministries/390f79c7-2313-405e-aac3-dd11f7453c71/newsiteimages/connect_bg.jpg) no-repeat center top;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    margin: 0 auto;
    text-align:left;
    -webkit-background-size:cover;
     -webkit-transition-delay: none;
  -webkit-transition-duration: none;
  -webkit-transition-property: none;
  -webkit-transition-timing-function: none;
      backface-visibility: visible;
        transform: none;
  -webkit-backface-visibility: visible;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: none;
  -webkit-transform: none;
  padding:140px 0px 140px 0px;

}

.connnectBox
{
    display:inline-block;
    margin:16px;
    width:276px;
    height:205px;
    background-color:transparent;
}

.connnectBox:hover
{
    display:inline-block;
    margin:16px;
    width:276px;
    height:205px;
    background-color:#000;
}



#getConnected h1 {
    color: #fff;
    display: block;
    font: normal 70px 'montserratbold', sans-serif;
    margin:0;
    text-align: center;
    padding:0px;
    text-transform:uppercase;
}

#getConnected h2 {
    color: #fff;
    display: block;
    font: normal 40px 'rokkittregular', sans-serif;
    margin: 0;
    padding: 0px 20px 30px 20px;
    text-align: center;


}


.getConnectedButtons
{
    display:block;
    bottom:0px;
    left:0px;
    text-align:center;
    background-image:url('/images/header_bg.png');
    background-repeat:repeat;
    width:100%;
    min-height:155px;
    margin-top:43px;
    padding:40px 0px 40px 0px;
}


#getConnectedSub {
    position:static;
    background: url(/FAITHNETWORK_UserFileStore/imagelibraries/ministries/bf8207c3-8095-4eef-9068-3cef06ab3ba2/newsiteimages/callout_bg_tall.jpg) no-repeat center top;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    min-height: 510px;
    max-height:590px;
    margin: 0 auto;
    text-align:center;
        -webkit-background-size:cover;
     -webkit-transition-delay: none;
  -webkit-transition-duration: none;
  -webkit-transition-property: none;
  -webkit-transition-timing-function: none;
      backface-visibility: visible;
        transform: none;
  -webkit-backface-visibility: visible;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: none;
  -webkit-transform: none;

      @media (max-width: @iphone-screen) {
        background-attachment: scroll;
    }
}

   #getConnectedSub h1 {
    color: #fff;
    display: block;
    font: 100 24px 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top:10px;
}

#getConnectedSub h2 {

    color: #fff;
    display: block;
    font: 100 16px 'Open Sans', sans-serif;
    margin: 0;
    padding: 10px 20px 10px 20px;
    text-align: center;
    max-width:415px;
}


/* Giving */
.giveNowContainer
{
    padding-top:150px;
}
   #giveNow {

     position:static;
    background: url(/FAITHNETWORK_UserFileStore/imagelibraries/ministries/390f79c7-2313-405e-aac3-dd11f7453c71/newsiteimages/giveonline_bg.jpg) no-repeat center top;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    min-height: 520px;
    margin: 0 auto;
    text-align:center;
      -webkit-background-size:cover;
     -webkit-transition-delay: none;
  -webkit-transition-duration: none;
  -webkit-transition-property: none;
  -webkit-transition-timing-function: none;
      backface-visibility: visible;
        transform: none;
  -webkit-backface-visibility: visible;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: none;
  -webkit-transform: none;
      padding:100px 0px 100px 0px;

}

       #giveNow h1 {
    color: #fff;
    display: block;
    font: normal 70px 'montserratbold', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top:0px;
    padding-bottom:15px;
        text-transform:uppercase;
}

#giveNow h2 {

   color: #fff;
    display: block;
    font: normal 40px 'rokkittregular', sans-serif;
    margin: 0;
    padding: 0px 0px 20px 0px;
    text-align: center;
 
}


/* Visitor Info */
#joinUS {
    background: url(/images/joinus_bg.jpg) no-repeat top center;
    margin: 0 auto;
    min-height: 425px;
    height: auto;
    text-align: left;
    width: 100%;
    background-color:#252525;
}

#joinUS h1 {
    color: #fff;
    display: block;
    font: 300 36px 'Open Sans', sans-serif;
    letter-spacing: .2em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

#joinUS h2 {
    color: #fff;
    display: block;
    font: 300 18px 'Open Sans', sans-serif;
    letter-spacing: .2em;
    margin: 0;
    padding-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
}

#joinUS h3 {
    color: #6b96af;
    display: block;
    font: 700 14px 'Open Sans', sans-serif;
    letter-spacing: .05em;
    margin: 0;
    padding-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
}

#joinUS h4 {
    border: none;
    color: #fff;
    display: block;
    font: 400 14px 'Open Sans', sans-serif;
    letter-spacing: .05em;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
}

/*Sub Content Area End*/
.footerSocial
{
    padding:30px 0px 60px 0px; 
}
#footer2
{
        font: normal 18px 'rokkittregular', sans-serif;
    background-color: #000;
    margin: 0 auto;
    padding-top: 25px;
    min-height: 135px;
    height: auto;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    color:#fff;
}
footer {

    font: 300 14px 'OpenSansLight', sans-serif;
    background-color: #3d3d3d;
    margin: 0 auto;
    padding:30px 20px 60px 25px;
    height: auto;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    color:#fff;


}

    footer a {
        color: #fff;
        text-decoration: none;
    }

        footer a:hover {
            color: #ccc;
            text-decoration: underline;
        }

    footer h1 {
    color: #fff;
    display: block;
    font: normal 47px 'montserratbold', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top:30px;
    padding-bottom:40px;
    margin-bottom:0px;
}

footer h2 {

    color: #fff;
    display: block;
    font: normal 30px 'rokkittregular', sans-serif;
    margin: 0;
    padding: 20px 0px 0px 0px;
    text-align: center;

}



footer h3 {

    color: #fff;
    display: block;
    font: normal 20px 'rokkittregular', sans-serif;
    margin: 0;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.bottomDivs
{
    padding-right:30px;
    border-right:1px solid #424f58;
    text-align:right;
}


.bottomDivs2
{
    padding-right:30px;
    border-right:1px solid #424f58;
    text-align:left;
}



#footer_wrapper {
    position: relative;
    min-height: 120px;
    width: 100%;
    top: 0px;
}

#footer_top_wrapper {
    background-image: url(/images/footer_ribbon_top.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 120px;
    height: auto;
    position: absolute;
    color: #078599;
    font-family: arial;
    font-weight: bold;
    font-size: 42px;
    z-index: 90;
    margin-top: 0px;
    padding-top: 0;
}

#footer_line_wrapper {
    position: relative;
    width: 100%;
    height: 120px;
    left: 0px;
    background-image: url(/images/footer_ribbon.png);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #01424c;
    z-index: 0;
}

#footer_content {
    position: relative;
    width: 100%;
    top: 0px;
    text-align: left;
    min-height: 120px;
    height: auto;
}

#footer_content1 {
    color: #078599;
    font-family: 'yanone_kaffeesatz_regularRg', Arial;
    font-size: 24px;
    position: relative;
    width: 100%;
    top: 30px;
    text-align: left;
    min-height: 120px;
    height: auto;
}

.snIcons {
    margin-right: 20px;
    opacity: 1.0;
}

    .snIcons:hover {
        opacity: 0.7;
        transition: 0.3s;
    }

#footer_nav {
    position: relative;
    top: 80px;
    text-align: left;
    width: 80%;
    min-height: 100px;
}

#search_text {
    position: absolute;
    top: 6px;
    left: 9px;
    color: White;
    font-family: Century Gothic, Arial;
    font-size: 15px;
    z-index: 21;
}

#infoBarServiceTimes {
    position: relative;
    left: 0px;
    top: 16px;
    text-align: left;
    font-family: Arial;
    height: 120px;
}

#clientLogo {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: left;
    color: White;
    font-size: 13px;
}

#footerline {
    position: absolute;
    top: 0px;
    left: 220px;
    text-align: left;
    color: White;
}

.btn_logo {
    display: block;
    width: 39px;
    height: 39px;
    background: url('/images/footer_logo.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .btn_logo:hover {
        background-position: 0 0;
    }

#footer_logo {
    position: absolute;
    left: 0px;
    top: 20px;
    text-align: left;
}

#footer_facebook_Logo {
    position: absolute;
    right: 70px;
    top: 16px;
}

#footer_vimeo_Logo {
    position: absolute;
    right: 45px;
    top: 60px;
}

#copyright {
    position: absolute;
    left: 20px;
    bottom: 20px;
    text-align: left;
    text-transform: none;
    color: White;
    font-size: 13px;
}

#subcopyright {
    position: absolute;
    left: 135px;
    top: 34px;
    text-align: left;
    font-family: Century Gothic, Arial;
    text-transform: lowercase;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
}

#subfooter_logo {
    position: absolute;
    left: 955px;
    top: 20px;
}

#footer_links {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 325px;
    color: #50769b;
    font-weight: bold;
}

#fnLogo {
    position: absolute;
    right: 0px;
    top: 20px;
}
/******* Homepage Layout ************/

#mainContentArea_wrapper {
    /*postion:relative;*/
    height: 100%;
    left: 0px;
    width: 100%;
    z-index: 0;
    overflow:hidden;
    margin-top:0px;
    background-color:#f0f0f0;

}

/*CALLOUTS*/
#callout_wrapper {
    width: 100%;
    min-height: 450px;
    height: auto;
    background-color: #fff;
    padding-top: 60px;
}

.fade-in {
    opacity: 1.0;
}

    .fade-in:hover {
        opacity: 0.8;
        transition: 0.3s;
    }

.btn_fb {
    display: block;
    width: 128px;
    height: 38px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/ab6e4c97-7716-42f3-b2d1-8950f15453fe/Footer/footer_facebook.png') bottom;
    text-indent: -99999px;
    position: relative;
    top: 0px;
    left: 0px;
}

    .btn_fb:hover {
        background-position: 0 0;
    }

.btn_twr {
    display: block;
    width: 105px;
    height: 38px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/ab6e4c97-7716-42f3-b2d1-8950f15453fe/Footer/footer_twitter.png') bottom;
    text-indent: -99999px;
    position: relative;
    top: 0px;
    left: 0px;
}

    .btn_twr:hover {
        background-position: 0 0;
    }

.btn_youtube {
    display: block;
    width: 126px;
    height: 38px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/ab6e4c97-7716-42f3-b2d1-8950f15453fe/Footer/footer_youtube.png') bottom;
    text-indent: -99999px;
    position: relative;
    top: 0px;
    left: 0px;
}

    .btn_youtube:hover {
        background-position: 0 0;
    }

.btn_blog {
    display: block;
    width: 88px;
    height: 38px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/ab6e4c97-7716-42f3-b2d1-8950f15453fe/Footer/footer_blog.png') bottom;
    text-indent: -99999px;
    position: relative;
    top: 0px;
    left: 0px;
}

    .btn_blog:hover {
        background-position: 0 0;
    }

.btn_subtwr {
    display: block;
    width: 30px;
    height: 30px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/529979e9-a6fa-4701-a680-f973c5c631f3/Footer/footer_twitter.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 100px;
    left: 35px;
}

    .btn_subtwr:hover {
        background-position: 0 0;
    }

.btn_subyoutube {
    display: block;
    width: 30px;
    height: 30px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/529979e9-a6fa-4701-a680-f973c5c631f3/Footer/footer_youtube.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 100px;
    left: 70px;
}

    .btn_subyoutube:hover {
        background-position: 0 0;
    }

#customCallout_wrapper {
    position: relative;
    width: 960px;
}

#customCallout {
    position: relative;
    left: 0px;
}

#indexCallout_events {
    position: absolute;
    top: 10px;
    left: 18px;
}

#indexCallout_top {
position:static;
    background: url(/FAITHNETWORK_UserFileStore/imagelibraries/ministries/390f79c7-2313-405e-aac3-dd11f7453c71/newsiteimages/homeimage.jpg) no-repeat center top;
    height:800px;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    margin: 0 auto;
    text-align:left;
    -webkit-background-size:cover;
     -webkit-transition-delay: none;
  -webkit-transition-duration: none;
  -webkit-transition-property: none;
  -webkit-transition-timing-function: none;
      backface-visibility: visible;
        transform: none;
  -webkit-backface-visibility: visible;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: none;
  -webkit-transform: none;
  padding:220px 0px 180px 0px;
    text-align:center;
}


#indexCallout_top h1 {
    color: #fff;
    display: block;
    font: normal 100px 'montserratbold', sans-serif;
    margin:0px 0px 30px 0px;
    text-align: center;
    padding:0px 0px 30px 0px;
    text-transform:uppercase;
     border-bottom:1px solid white;
            max-width:850px;
}

#indexCallout_top h2 {
    color: #fff;
    display: block;
    font: normal 40px 'montserratbold', sans-serif;
    margin: 0;
    padding: 30px 20px 10px 20px;
    text-align: center;
       text-transform:uppercase;
       border-top:1px solid white;
       max-width:850px;

}

#home_large_rotator {
    position: relative;
    left: 0px;
    top: 0px;
}

#indexcallout_middle {
    position: relative;
    top: 0px;
    left: -4px;
    height: 125px;
}

#indexcallout_middle_content {
    position: absolute;
    top: 20px;
    left: 450px;
    color: White;
    text-align: left;
    width: 540px;
}

.votdcopyright {
    display: none;
}

#indexcallout_right_connect {
    position: absolute;
    top: 0px;
    left: 110px;
}

#indexcallout_right_serve {
    position: absolute;
    top: 0px;
    left: 220px;
}

#indexCallout_top_middle {
    position: relative;
    left: 0px;
    margin-top: -3px;
    width: 100%;
    min-height: 129px;
    height: 100%;
    background-image: url(/images/bg_rot.jpg);
    background-position: top;
    background-repeat: repeat-x;
}

#indexCallout_top_middle_rot_content {
    position: absolute;
    width: 1000px;
    left: 0px;
    top: 10px;
}

#indexCallout_top_middle_rot {
    position: relative;
    width: 1000px;
    left: 0px;
    top: 10px;
}

.item {
    border: none;
    margin: 0px;
}

.itemTemplateSmall {
    border: none;
    height: 109px;
    position: relative;
}

.rrRelativeWrapper, rrClipRegion, .rrItemsList {
    border: none;
}

#indexCallout_new {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 217px;
    height: 314px;
}

#indexCallout_new_content {
    position: absolute;
    top: 200px;
    left: 15px;
    text-align: left;
    font-size: 17px;
    color: White;
}

#indexCallout_bottom {
    position: relative;
    width: 960px;
    left: 0px;
    height: 300px;
}

#home_guest_wrapper {
    position: absolute;
    left: 335px;
    height: 298px;
    width: 662px;
    background-image: url(/images/bg_guestinfo.png);
    background-position: top;
    background-repeat: no-repeat;
}

#home_guest_title {
    padding: 10px 0px 0px 13px;
    text-transform: uppercase;
    position: absolute;
    font-size: 25px;
    font-weight: normal;
    top: 0px;
    left: 0px;
    font-family: Century Gothic, Arial;
}

#subcallout_bottom {
    position: relative;
    top: 20px;
    left: 0px;
    height: 93px;
    width: 1014px;
    background-image: url(/images/seperator.png);
    background-position: top;
    background-repeat: no-repeat;
}

#indexcallout_ann_top {
    position: absolute;
    left: 0px;
    top: 0px;
}

#indexcallout_ann_bottom {
    position: absolute;
    top: 133px;
    left: 0px;
    background-image: url(/images/callout_OurServices.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width: 221px;
    height: 181px;
}

#indexcallout_ann_bottom_content {
    position: absolute;
    left: 32px;
    top: 46px;
    text-align: left;
    color: #d1c2ab;
    font-family: Century Gothic, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}

#indexcallout_message_top {
    position: absolute;
    left: 0px;
    top: 250px;
    background-image: url(/images/bg_message.jpg);
    background-repeat: no-repeat;
    width: 320px;
    height: 240px;
}

#indexcallout_message {
    position: absolute;
    top: 0px;
    left: 0px;
}

#indexcallout_servicia_top {
    position: absolute;
    left: 0px;
    top: 500px;
    background-image: url(/images/bg_servicia.jpg);
    background-repeat: no-repeat;
    width: 357px;
    height: 282px;
}

#indexcallout_servicia {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 357px;
    height: 282px;
}

#indexcallout_servicia_content {
    position: absolute;
    top: 50px;
    left: 30px;
    font-family: Century Gothic, Arial;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}

#subcallout_servicia_content {
    position: absolute;
    top: 45px;
    left: 0px;
    width: 290px;
    height: 40px;
    font-family: Century Gothic, Arial;
    text-align: left;
    font-size: 13px;
    color: White;
    padding-left: 30px;
    padding-top: 4px;
    background-color: #ab1c57;
}

#indexcallout_tabs {
    position: relative;
    width: 100%;
    background-image: url(/images/bg_tabarea.jpg);
    background-position: top;
    background-repeat: no-repeat;
    min-height: 592px;
    height: 100%;
}

#indexcallout_tabs_content {
    position: relative;
    width: 1000px;
    top: 20px;
}


#footer_line {
    position: relative;
    top: 0px;
    left: 0px;
}

#tabs1 {
    position: absolute;
    left: 0px;
    top: 25px;
    background-image: url(/images/bg_lefttabs.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 479px;
    height: 243px;
}

#tabs2 {
    position: absolute;
    left: 492px;
    top: 25px;
    background-image: url(/images/bg_lefttabs.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 479px;
    height: 243px;
}

.tabStrip {
    position: absolute;
    width: 479px;
    height: 243px;
    top: 0px;
    left: 5px;
    z-index: 0;
    top: -40px;
}

.tabStrip1 {
    position: absolute;
    width: 479px;
    height: 243px;
    top: 0px;
    left: 5px;
    z-index: 0;
    top: -40px;
}

#fbtab {
    position: absolute;
    min-height: 50px;
    left: 0px;
    height: 100%;
    top: 30px;
}

#twittertab, #flickrtab {
    position: absolute;
    min-height: 50px;
    left: 0px;
    height: 100%;
    top: 30px;
}

.fbtab {
    background-image: url(/images/lefttabs_facebook_inactive.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 89px;
    height: 43px;
    position: relative;
}

.fbSelectedTab, .fbHoveredTab {
    background-image: url(/images/lefttabs_facebook_active.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 89px;
    height: 43px;
    position: relative;
}

.twittertab {
    background-image: url(/images/lefttabs_twitter_inactive.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 90px;
    height: 43px;
    position: relative;
    left: 0px;
    z-index: 0;
}

.twitterSelectedTab {
    background-image: url(/images/lefttabs_twitter_active.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 90px;
    height: 43px;
    position: relative;
    left: 0px;
    z-index: 0;
}

.flickrtab {
    background-image: url(/images/lefttabs_instagram_inactive.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 112px;
    height: 43px;
    position: relative;
    left: 0px;
    z-index: 90;
}

.flickrSelectedTab {
    background-image: url(/images/lefttabs_instagram_active.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 112px;
    height: 43px;
    position: relative;
    left: 0px;
    z-index: 90;
}

#flickrtab_content, #twittertab_content, #fbtab_content, #calendartab_content, #newslettertab_content, #sermonstab_content {
    padding: 15px 15px 15px 15px;
    text-align: left;
}

.calendartab {
    background-image: url(/images/righttabs_calendar_inactive.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 89px;
    height: 43px;
    position: relative;
}

.calendarSelectedTab, .calendarHoveredTab {
    background-image: url(/images/righttabs_calendar_active.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 89px;
    height: 43px;
    position: relative;
}

.newslettertab {
    background-image: url(/images/righttabs_newsletter_inactive.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 116px;
    height: 43px;
    position: relative;
    left: 0px;
    z-index: 0;
}

.newsletterSelectedTab, .newsletterHoveredTab {
    background-image: url(/images/righttabs_newsletter_active.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 116px;
    height: 43px;
    position: relative;
    left: 0px;
    z-index: 0;
}

.sermonstab {
    background-image: url(/images/righttabs_sermons_inactive.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 105px;
    height: 43px;
    position: relative;
    left: 0px;
    z-index: 90;
}

.sermonsSelectedTab, .sermonsHoveredTab {
    background-image: url(/images/righttabs_sermons_active.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 105px;
    height: 43px;
    position: relative;
    left: 0px;
    z-index: 90;
}

.SelectedTab {
    color: #650324 !important;
    text-transform: uppercase;
}

.CustomTab {
    font-weight: bold !important;
}

.DisabledTab {
    text-decoration: line-through !important;
    background-color: Red;
}

.HoveredTab {
    text-decoration: underline !important;
}

#currentevents {
    position: relative;
    padding-bottom: 9px;
    left: 2px;
    text-align: left;
    font-size: 19px;
    color: #434343;
    font-family: Calibri, Arial;
    font-weight: bold;
}
/************** content area ****************/
#contentArea_wrapper {
    position: relative;
    min-height: 95px;
    width: 100%;
    z-index: 0;
}

#subpageHeader_wrapper {
    position: relative;
    width: 100%;
    min-height: 55px;
    z-index: 30;
    padding: 5px 0 0 0px;
    text-align:center;
}

#subPageHeaders_image {
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    right: 7px;
    z-index: 30;
    top: 0px;
    display: none;
}

#subPageHeaders {
    color: #000;
    padding-top: 15px;
    padding-bottom:20px;
    text-align: left;
    left: 0px;
    z-index: 31;
    font: 30px 'montserratbold', Arial, serif;
    position: relative;
    width:100%;

}

#customSubPageHeader, #defaultSubPageHeader {
    position: relative;
    margin-top: 0px;
    min-height: 134px;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 0;
    text-align: left;
    overflow:hidden;
}

#customSubPageHeader img, #defaultSubPageHeader img {
    min-width: 1600px;
    min-height: 134px;
    width:100%;
    margin-top: 0px;
    position:relative;
}
/*Rounded Corners CSS */
.b1, .b2, .b3, .b4 {
    font-size: 1px;
    overflow: hidden;
    display: block;
}

.b1 {
    height: 1px;
    background: #9B4864;
    margin: 0 5px;
}

.b2 {
    height: 1px;
    background: #9B4864;
    border-right: 2px solid #9B4864;
    border-left: 2px solid #9B4864;
    margin: 0 3px;
}

.b3 {
    height: 1px;
    background: #9B4864;
    border-right: 1px solid #9B4864;
    border-left: 1px solid #9B4864;
    margin: 0 2px;
}

.b4 {
    height: 1px;
    background: #9B4864;
    border-right: 1px solid #9B4864;
    border-left: 1px solid #9B4864;
    margin: 0 1px;
}
/* LEFT NAV ROUNDED BORDER */
.b5, .b6, .b7, .b8 {
    font-size: 1px;
    overflow: hidden;
    display: block;
}

.b5 {
    height: 1px;
    background: #333333;
    margin: 0 5px;
}

.b6 {
    height: 1px;
    background: #FFFFFF;
    border-right: 2px solid #333333;
    border-left: 2px solid #333333;
    margin: 0 3px;
}

.b7 {
    height: 1px;
    background: #FFFFFF;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    margin: 0 2px;
}

.b8 {
    height: 1px;
    background: #FFFFFF;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    margin: 0 1px;
}

.content_wrapper div {
    margin-left: 0px;
    margin-top: 0px;
}

#content_text {
    padding: 0px 20px 20px 0px;
    min-height: 450px;
    height: auto !important;
    height: 450px;
    text-align: left;
    font: normal 'OpenSansLight', Arial;
    font-size: 16px;
    color: #000;
      font-weight:lighter;
}

/*login*/
#login_wrapper {
    position: relative;
    height: 550px;
    text-align: left;
    margin-top: 0px;
    left: 0px;
    padding: 20px 20px 20px 50px;
    width: 960px;
    color: White;
}


/*Location CSS*/
#location_wrapper /*iframe width inherits this width in this class*/ {
    position: relative;
    min-height: 471px;
    text-align: left;
    margin-top: 0px;
    padding: 0px 20px 20px 0px;
}

#loc_title .locationTitle {

        font: normal 16px 'OpenSansLight',Arial;
}

#loc_title
{
    
        font: normal 16px 'OpenSansLight',Arial;
}

#loc_Address {
        font: normal 16px 'OpenSansLight',Arial;
}

/*This hides the groups box*/
#admin_groups_dropdown {
    display: none;
}

#Td1 {
    width: 700px;
    padding-left: 10px;
}

.index_moreinfoLink, a.index_moreinfoLink, a.index_moreinfoLink:link, a.index_moreinfoLink:visited {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
}

    a.index_moreinfoLink:hover {
        text-decoration: underline;
    }


/*******  form elements ***********/

input[type=text], input[type=password] {
}

/*******  form Pages ***********/

#form_wrapper {
    position: relative;
    width: 548;
}

#form_content {
    position: relative;
    width: 548px;
}

#form_input_wrapper {
    position: relative;
    background-color: #d4f7ff;
    width: 510px;
    padding: 20px 20px 20px 20px;
}

#siteMap_wrapper {
    position: relative;
    color: White;
}

.siteMap {
    color: White;
}

#searchResultsWrapper {
    padding-top: 10px;
    min-height: 471px;
    height: auto !important;
    height: 471px;
    text-align: left;
    margin-top: 0px;
    padding: 0px 20px 20px 10px;
}

#searchResultsContent_wrapper {
    padding-bottom: 7px;
}


/************Online Donations***************/

/************Online Donations***************/
#onlineDonationWrapper {
    position:relative;
    font-family: Arial;
    line-height:normal;
    width:100%;
    height:100%;
    min-height:100px;
    max-width:990px;
}

#odWelcome {
    position: relative;
    padding: 0 20px 20px 0;
    width: 100%;
    font-family: Arial;
    min-width:300px;
    max-width:450px;
    font-size:14px;
 
}

#odMyAccountBoxWrapper {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

#odMyAccountWrapper {
    position: relative;
    width:100%;
    max-width:450px;
    min-width:300px;
}

#odMyAccountWrapper_AccountCreated {
    position: relative;
}

#odMyAccountHeading {
    font-size: 16px;
    color: #000;
    padding-left: 0px;
    padding-top: 10px;
}

.odMyAccountText {
    font-size: 14px;
    color: #000000;
    width: 100%;
    min-width:300px;
    padding-left: 0px;
}

#odMyAccountFormWrapper {
    padding-top: 10px;
}

.odMyAccountFormText {
    font-size: 14px;
    color: #000000;
}


#odSignInButton {
   position:relative;
   padding-top:10px;
}

#odCreateAccountBtn {
    position: relative;
    z-index: 100;
    font-size: 16px;
    color: inherit;
    padding-bottom: 20px;
}

#odGiveNow {
    font-size: 16px;
    color: inherit;
    padding-bottom: 20px;
}

#odFloatingDivSignUp {
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}

.odFloatingDivSignUp {
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 5001;
}

#odFloatingDivSignUp_Content {
    width: 360px;
    height: 460px;
    padding: 10px 10px 10px 10px;
}

#odCreateAccountFormHeader {
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
}

.odCreateAccount_FormElementTitleCell {
    width: 150px;
    font-size: 12px;
    color: #000;
    text-align: right;
}

.odCreateAccount_FormElementTitleCell_index {
    color: Black;
    padding-bottom:20px;

}

.odCreateAccount_FormElementCell {
    width: 150px;
    text-align: left;
}


.odCreateAccount_FormElementCellRight {
    width: 250px;
    text-align: right;
}

.odCreateAccount_FormElement {
    height: 35px;
    border: 1px solid #ddd;
    font-size: 14px;
    width:95%;
    color:#999;
}

#odCloseWindow {
    position: absolute;
    left: 360px;
}

.odCreateAccountError {
    color: Red;
    font-size: 10px;
}

#odForgotPasswordLink {
    position: relative;
    padding: 10px 0 20px 0;
    float:left;

}

.odForgotPasswordLink {
    font-size: 14px;
    color: #000000;
}


    .odForgotPasswordLink:link {
        font-size: 14px;
        color: #000000;
    }

    .odForgotPasswordLink:active {
        font-size: 14px;
        color: #000000;
    }

    .odForgotPasswordLink:hover {
        font-size: 14px;
        color: #000000;
        text-decoration: underline;
    }


.odDonateSubTitle {
    font-size: 18px;
    color: #000;
    width: 100%;
    padding-top: 10px;
}

#odDonateNowForm {
    width:100%;
    min-width: 280px;
    padding: 0px 10px 0px 0px;
    text-align: left;
}



.odDonateNow_FormElementTitleCell_AmountTotal {
    width: 150px;
    font-size: 12px;
    color: #000000;
    text-align: right;
    border-top: solid 1px #dddddd;
}

.odDonateNow_FormElementCell_AmountTotal {
    width: 150px;
    text-align: left;
    border-top: solid 1px #dddddd;
}

.odCardImage {
    padding: 0px 0px 0px 0px;
    height: 34px;
    vertical-align: middle;
    width:250px;
}

#odGiveNextSteps {
    width: 500px;
    text-align: right;
    padding-top: 10px;
}

.odDonateFormSection {
    position: relative;
    max-width: 800px;
    width:100%;
    min-width:280px;
}

#odSummaryPersonalInfo {
    position: relative;
    float: left;
    display: inline;
    max-width: 350px;
    width:100%;
    min-width:280px;
}

#odSummaryDonationInfo {
    position: relative;
    left: 0px;
    float: left;
    display: inline;
    max-width: 400px;
    min-width:280px;
    width:100%;
}

.ocSummaryHeader {
    font-size: 14px;
    color: #6699cc;
}

.ocSummarySubHeader {
    font-weight: bold;
    color: #000;
}




#odSummaryCardInfo {
    padding-top: 10px;
}

.odSummaryTotalAmount {
    font-size: 14px;
    color: #6699cc;
}

.odProgressTemplate {
    position: absolute;
    top: -300px;
    height: 500px;
    width: 600px;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

.odTransGrid {
    border: solid 1px #ffffff;
}

.odTransItem {
    font-size: 10px;
    background-color: #FFFFFF;
}

.odTransItemAlt {
    font-size: 10px;
    background-color: #6699cc;
}

.odTransHeader {
    background-color: #000000;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

#odPrivactyLinks {
    color: inherit;
}

.odPrivacyLink {
    font-size: 10px;
    color: inherit;
}


    .odPrivacyLink:link {
        font-size: 10px;
        color: inherit;
    }

    .odPrivacyLink:active {
        font-size: 10px;
        color: inherit;
    }

    .odPrivacyLink:hover {
        font-size: 10px;
        color: inherit;
        text-decoration: underline;
    }




#odFloatingDivPrivacy {
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}

.odFloatingDivPrivacy {
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}

#odFloatingDivPrivacy_Content {
    width: 360px;
    height: 460px;
    padding: 10px 10px 10px 10px;
    color: Black;
}

#odCreateAccountFormHeaderPrivacy {
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
}

#odCloseWindowPrivacy {
    position: absolute;
    left: 360px;
}



#odFloatingDivRefund {
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}

.odFloatingDivRefund {
    position: absolute;
    left: 225px;
    top: -40px;
    width: 400px;
    height: 500px;
    background-image: url('/images/odSignUp_bg.png');
    z-index: 3001;
}

#odFloatingDivRefund_Content {
    width: 360px;
    height: 460px;
    padding: 10px 10px 10px 10px;
    color: Black;
}

#odCreateAccountFormHeaderRefund {
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
}

#odCloseWindowRefund {
    position: absolute;
    left: 360px;
}

.odPolicy {
    width: 375px;
    height: 440px;
    overflow: auto;
}

//************** New od **************/

 .odLinkButtons
    { position:relative;
        width:200px;
        padding-bottom:10px;
        overflow:hidden;

     
    }


.odButton {
    height: 36px;
    border: solid 1px #ddd;
    margin: 0px;
    color: #fff;
   border-radius: 5px;
    background-color: #326489;
    font-size: 12px;
    text-transform: uppercase;
    text-align:center;
    padding-top:10px;
    width:200px;
    overflow:hidden;
   
}

    .odButton:hover {
        color: #fff;
        background: #666;
        text-decoration:none;
    }

       .odButton a:hover {
        color: #fff;
        background: #666;
        text-decoration:none;
    }

       .odButtonSmall {
    height: 36px;
    border: solid 1px #ddd;
    margin: 0;
    color: #fff;
      border-radius: 5px;
    background-color: #326489;
    font-size: 12px;
    text-transform: uppercase;
    text-align:center;
    padding-top:10px;
    width:100px;
    overflow:hidden;
   
}

    .odButtonSmall:hover {
        color: #fff;
        background: #666;
        text-decoration:none;
    }

       .odButtonSmall a:hover {
        color: #fff;
        background: #666;
        text-decoration:none;
    }

       .odTitheTitle
       {
           position:relative;
           font-size:16px;
           color:#000;
           padding-bottom:0px;
       }

       #titheCalculator
       {
           padding:20px 0 0 0;
       }


//************** end New od **************/

#newsLetterSignup {
    position: absolute;
    left: 145px;
    width: 255px;
    height: 100px;
}

#newsLetterSignup_textboxArea {
    position: absolute;
    left: 32px;
    bottom: 62px;
    width: 214px;
}

.newsLetterSignup_textbox {
    width: 213px;
}

#newsLetterSignup_button {
    position: absolute;
    right: 12px;
    bottom: 60px;
    width: 14px;
    height: 17px;
}

#newsLetterSignup_Image {
}

.newsletterSignUp {
    background-image: url(/images/signup_textbox.jpg);
}
/************ STAFF ************/


.staffgrid br
{
    display:none; 

}


#staff_wrapper {
    position: relative;
      font-family: 'OpenSansRegular', proxima_nova_rgregular, Arial, Sans-Serif;
}

    #staff_wrapper .details {
        text-align: center;
        font-size: 12px;
                font-family: 'OpenSansRegular', Arial,helvetica,sans-serif;
                width:200px;
                padding:0px 10px 20px 10px;
                float:left;
                height:400px;
                margin:0px 15px 0px 15px;

    }


#staffMember {
    padding: 20px 20px 0px 20px;
    height: 250px;

}

#memberTitle {
    font-weight: bold;
      font-family: 'OpenSansRegular', proxima_nova_rgregular, Arial, Sans-Serif;
}

.staffMemberName {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
      font-family: 'OpenSansRegular', proxima_nova_rgregular, Arial, Sans-Serif;
}

.staff_groups_col {
    position: relative;
    float: left;
    width: 230px;
}

.staff_right_col {
    position: relative;
    float: left;
    width: 700px;
    left: 10px;
    display: inline;
}

.staff_fieldset {
    width: 700px;
    padding: 10px 10px 10px 10px;
    border: 0 none !important;
      font-family: 'OpenSansRegular', proxima_nova_rgregular, Arial, Sans-Serif;
}

.fieldset {
    border: 0 none !important;
      font-family: 'OpenSansRegular', proxima_nova_rgregular, Arial, Sans-Serif;
}

.staffBox 
{
    height:400px;
}

.staffBio
{
 display:none;
}

#memberIcons
{
    display:none;
}


.content-item {
 /**background: url(http://dribbble.s3.amazonaws.com/users/21389/screenshots/537633/image_ink_logo.png);*/ 
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 302px;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  width: 200px;
  background-size:contain;
 background-position: center;
  background-repeat: no-repeat;
}
.content-item .overlay {
  border-bottom: 50px solid #35454f;
  border-left: 50px solid transparent;
  bottom: 0;
  height: 0;
  opacity: .55;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 0;
}
.content-item:hover .overlay {
  border-bottom: 800px solid #35454f;
  border-left: 800px solid transparent;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item .corner-overlay-content {
  bottom: 5px;
  color: #fff;
  position: absolute;
  right: 5px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item:hover .corner-overlay-content {
  opacity: 0;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.content-item .overlay-content {
  bottom: 0;
  color: #333;
  left: 0;
  opacity: 0;
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width:200px;

}
.content-item .overlay-content h2 {

  padding: 110px 0 5px 0px;
}

.content-item .overlay-content h3 {

  padding: 0px 0 0px 0px;
}
.content-item:hover .overlay-content {
  opacity: 1;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}


.overlay-content h2
{font-size:15px;
 color:#fff;
 text-transform:uppercase;

}

.overlay-content h3
{font-size:12px;
 color:#fff;
 font-family:'OpenSansRegular';

}

a.overlay-content:link h3
{font-size:12px;
 color:#fff;
 font-family:'OpenSansRegular';

}

a.overlay-content:hover h3
{font-size:12px;
 color:#eee;
 font-family:'oswaldlight';

}

.staffLink:link
{
    color:#fff;
    text-decoration:none;
    margin-left:-20px;
}

.staffLink:hover
{
    color:#fff;
    text-decoration:none;
        margin-left:-20px;
}

/*** CSS ToolTip  ***/
a.info {
    position: relative; /*this is the key*/
    z-index: 24; /*color:#000;*/
    text-decoration: none;
}

    a.info:hover {
        z-index: 25; /*background-color:#ff0*/
    }

    a.info span {
        display: none;
    }

    a.info:hover span {
        /*the span will display just on :hover state*/
        display: block;
        position: absolute;
        top: 2em;
        left: 2em;
        width: 15em;
        border: 1px solid #000;
        background-color: #333333;
        color: #fff;
        padding: 10px 10px 10px 10px;
        text-align: left;
    }

.commandsWrapper, .commandsWrapper li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    height: auto;
    display: block;
    zoom: 1;
    position: relative;
}

.commandsWrapper {
    width: 136px;
}

    .commandsWrapper li {
        margin-right: 14px;
        _margin-right: 13px; /* START IE6 hack */
    }

    .commandsWrapper ul:after {
        content: "";
        display: block;
        height: 0;
        overflow: hidden;
        line-height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
    }

#memberlogin {
    position: absolute;
    top: 0px;
    left: 813px;
    z-index: 900;
}

#footer_index {
    position: relative;
    text-align: left;
    color: White;
    font-size: 12px;
    line-height: 11px;
    left: 20px;
}

#quicklinks {
    background-color: #87bb66;
    position: relative;
}

.animationContainer {
}

.demoDiv {
    background-color: #CCC;
    overflow: hidden;
}
/*** LIVE BROADCAST ****/
.topCountdownLargeText_watchus {
    display: none;
}

#topCountdownTimer {
    position: absolute;
    font-size: 14px;
}

.topCountdownCell1 {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 14px;
}

.faithnetworkButton {
    display: block;
    width: 41px;
    height: 47px;
    background: url('/images/footer_fn.jpg') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}
/* Image Hover States */
#header_social {
    position: absolute;
    right: 15px;
    top: -2px;
}

.Btn_headerFacebook {
    display: block;
    width: 45px;
    height: 45px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/529979e9-a6fa-4701-a680-f973c5c631f3/Header Social/header_facebook.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .Btn_headerFacebook:hover {
        background-position: 0 0;
    }

.Btn_headerTwitter {
    display: block;
    width: 42px;
    height: 42px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/a9f269fd-7901-4c27-8123-41fea2333899/Footer Social Icons/footer_twitter.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .Btn_headerTwitter:hover {
        background-position: 0 0;
    }


.btn_callout1 {
    display: block;
    width: 220px;
    height: 116px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/ab6e4c97-7716-42f3-b2d1-8950f15453fe/Callouts/callout_media.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .btn_callout1:hover {
        background-position: 0 0;
    }

.btn_callout2 {
    display: block;
    width: 220px;
    height: 116px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/ab6e4c97-7716-42f3-b2d1-8950f15453fe/Callouts/callout_onlinegiving.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .btn_callout2:hover {
        background-position: 0 0;
    }

.btn_callout3 {
    display: block;
    width: 220px;
    height: 116px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/ab6e4c97-7716-42f3-b2d1-8950f15453fe/Callouts/callout_upcomingevents.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .btn_callout3:hover {
        background-position: 0 0;
    }

.btn_callout4 {
    display: block;
    width: 220px;
    height: 116px;
    background: url('/FAITHNETWORK_UserFileStore/imagelibraries/ministries/ab6e4c97-7716-42f3-b2d1-8950f15453fe/Callouts/callout_servinghub.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .btn_callout4:hover {
        background-position: 0 0;
    }

.logo_footerFaithnetwork {
    display: block;
    width: 41px;
    height: 47px;
    background: url('/images/footer_fn.png') bottom;
    text-indent: -99999px;
    position: absolute;
    top: 0px;
    right: 0px;
}

    .logo_footerFaithnetwork:hover {
        background-position: 0 0;
    }

#lightwindow_title_bar_title {
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    float: left;
    color: White;
    padding-left: 15px;
}

a#lightwindow_title_bar_close_link, a:link#lightwindow_title_bar_close_link, a:visited#lightwindow_title_bar_close_link {
    text-align: right;
    cursor: pointer;
    line-height: 25px;
    padding: 0;
    margin: 0;
    color: White;
    padding-right: 15px;
}

a:hover#lightwindow_title_bar_close_link, a:active#lightwindow_title_bar_close_link {
}


/*****************************serve hub ************************/
.servHubSmallTitles {
    font-size: 15px;
    text-transform: uppercase;
    padding-bottom: 5px;
}

#serveHubTitle {
    position: relative;
    right: 250px;
    top: 300px;
    visibility: hidden;
}

#serveHubWrapper {
    position: relative;
    width: 100%;
}

#serveHubInterestsList {
    float: left;
    width: 234px;
    background-image: url(/images/bg_subnav.png);
    background-position: top;
    background-repeat: repeat-y;
    min-height: 100px;
    height: 100%;
}

#serveHubInterestsList_content {
    padding: 10px 0px 0px 10px;
}

#servehubcontent_text {
    float: right;
    max-width: 700px;
    width:100%;
}

.interestTitle {
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
}
/*************Evite******************/

.eviteTableCell {
    padding: 5px 5px 5px 5px;
}

.eviteRBList {
    width: 500px;
}

.eviteThumbs {
    height: 150px;
    width: 250px;
    overflow: hidden;
}

.eviteThumbImage {
    width: 200px;
}

/*******************prayer wall ************/


.prayerWallCount
{
    position:relative;
    height:30px;
    width:720px;
    text-align:right;
    vertical-align:middle;
    padding-top:10px;
    font-style:italic;

}

#prayerWall_wrapper
 {
    position:relative;
    width:720px;

}

.prayerWall_name
 {
    font-weight:bold;
    color: #228aaf;

}

.praybutton {
    width: 150px;
    height: 20px;
    border: solid 1px #000;
    padding-top: 5px;
    color:#000;
    background:#fff;
    font-size:11px;
    text-transform:uppercase;
    text-align:center;
    font-style:normal;
    vertical-align:middle;
    text-decoration:none;

}

.praybutton:hover {
    color:#fff;
    background:#228aaf;

}

a.praybuttonlink
{
   text-decoration:none;
}

/***************forms*************/

.fbElementTextCell {
    text-align: left;
    vertical-align: top;
    padding:5px 5px 5px 5px;
    width:100%;
    font-size:14px;
    max-width:360px;
    height:70px;
     font-family: Arial;
}

.radioItemText
{
    font-size:12px;
     font-family: Arial;
}

.fbElementRadio {
    text-align: left;
    vertical-align: top;
    padding:5px 5px 5px 5px;
    font-size:14px;
    width:100%;
     font-family: Arial;
}

.fbElementTextAreaCell {
    text-align: left;
    vertical-align: top;
    padding:5px 5px 5px 5px;
    width:100%;
    font-size:14px;
     font-family: Arial;

}

.fbTextElement
{
    width:100%;
    height:40px;

}

.fbTextAreaElement
{
    width:100%;

}

.fbElementCell {
    vertical-align: top;
    color: #000;
}

 .whiteButtons
    { position:relative;
        width:200px;
        padding-bottom:10px;
        overflow:hidden;

     
    }


.whiteButton {
    height: 50px;
    border: solid 1px #fff;
    margin: 0px;
    color: #fff;
    background-color: transparent;
    font-size: 21px;
    text-transform: uppercase;
    text-align:center;
    padding-top:10px;
    width:200px;
    overflow:hidden;
    font-family:'montserratbold';
    font-size:18px;
    border-radius:0px;
   
}

    .whiteButton:hover {
        color: #fff;
        background: #000;
        text-decoration:none;
    }

       .whiteButton a:hover {
        color: #fff;
        background: #000;
        text-decoration:none;
    }




       .redButtons
    { position:relative;
        width:180px;
        overflow:hidden;

     
    }


.redButton {
    height: 60px;
    border: solid 0px #fff;
    margin: 0px;
    color: #fff;
    background-color: #de1f27;
    font-size: 18px;
    text-transform: uppercase;
    text-align:center;
    padding-top:15px;
    width:180px;
    overflow:hidden;
    font-family:'OpenSansSemiBold';
   
}

    .redButton:hover {
        color: #fff;
        background: #000;
        text-decoration:none;
    }

       .redButton a:hover {
        color: #fff;
        background: #000;
        text-decoration:none;
    }


          .blueButtons
    { position:relative;
        width:280px;
        overflow:hidden;
        height:60px;
         right:0px;
 top:0px;

     
    }


.blueButton {
    height: 60px;
    border: solid 0px #fff;
    margin: 0px;
    color: #fff;
    
    font-size: 24px;
    text-transform: uppercase;
    text-align:center;
    padding-top:12px;
    width:280px;
    overflow:hidden;
    font-family:'montserratbold';
    border-radius: 0px;
    background-color: #0072ff;
   
}

    .blueButton:hover {
        color: #fff;
        background: #000;
        text-decoration:none;
    }

       .blueButton a:hover {
        color: #fff;
        background: #000;
        text-decoration:none;
    }

              .featuredEvents {
    background-color:#fff;
    margin: 0 auto;
    text-align:center;
    padding:0px 0px 0px 0px;
    text-align:center;

}

               .featuredEvents h1 {
    color: #666;
    display: block;
    font: normal 30px 'OpenSansLight', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top:0px;
    padding-bottom:60px;
}

       #aboutUs {
    background-color:#fff;
    margin: 0 auto;
    text-align:center;
    padding:60px 0px 60px 0px;
    text-align:center;

}

       #aboutUs h1 {
    color: #3c362f;
    display: block;
    font: normal 70px 'montserratbold', sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top:0px;
    padding-bottom:5px;
    text-transform:uppercase;
}

#aboutUs h2 {

    color: #888888;
    display: block;
    font: normal 40px 'rokkittregular', sans-serif;
    margin: 0;
    padding: 0px 20px 40px 20px;
    text-align: center;
}

#aboutUs h3 {
    color: #0072ff;
    display: block;
    font: normal 28px 'montserratbold', sans-serif;
    margin: 0;
    padding: 0px;

}

#aboutUs h4 {
      color: #888888;
    display: block;
    font: normal 28px 'rokkitregular', sans-serif;
    margin: 0;
    padding: 0px 0px 50px 0px;
    text-align: center;
    max-width:675px;
}



       #family {

     position:static;
    background: url(/FAITHNETWORK_UserFileStore/imagelibraries/ministries/77376869-2a19-455c-b4aa-b7bcdf4bf19e/homepageimages/whatwerelearning_bg.jpg) no-repeat center top;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    min-height: 520px;
    margin: 0 auto;
    text-align:center;
      -webkit-background-size:cover;
     -webkit-transition-delay: none;
  -webkit-transition-duration: none;
  -webkit-transition-property: none;
  -webkit-transition-timing-function: none;
      backface-visibility: visible;
        transform: none;
  -webkit-backface-visibility: visible;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: none;
  -webkit-transform: none;
      padding-bottom:70px;

}

       #family h1 {
    color: #fff;
    display: block;
    font: normal 40px 'OpenSansRegular', sans-serif;
    margin: 0;
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin-top:100px;
        text-transform:uppercase;

}

#family h2 {
    color: #fff;
    display: block;
    font: normal 18px 'OpenSansLight', sans-serif;
    margin: 0;
    padding: 0px 0px 0px 0px;
    text-align: center;

}

 #family h3 {
    color: #fff;
    display: block;
    font: normal 15px 'OpenSansLight', sans-serif;
    margin: 0;
    padding: 0px 0px 0px 0px;
    text-align: center;

}

.familyLink:link {
text-decoration:none;
}

.familyLink:hover {
text-decoration:none;
}



    #pastors {

     position:static;
    background: url(/FAITHNETWORK_UserFileStore/imagelibraries/ministries/77376869-2a19-455c-b4aa-b7bcdf4bf19e/homepageimages/Photo_5-11-13_5-21_49PM.jpg) no-repeat center top;
    background-size:cover;
    background-attachment:fixed;
    background-repeat:no-repeat;
    min-height: 520px;
    margin: 0 auto;
    text-align:center;
      -webkit-background-size:cover;
     -webkit-transition-delay: none;
  -webkit-transition-duration: none;
  -webkit-transition-property: none;
  -webkit-transition-timing-function: none;
      backface-visibility: visible;
        transform: none;
  -webkit-backface-visibility: visible;
  -webkit-font-smoothing: antialiased;
  -webkit-perspective: none;
  -webkit-transform: none;
      padding-bottom:70px;

}

       #pastors h1 {
    color: #fff;
    display: block;
    font: normal 40px 'OpenSansRegular', sans-serif;
    margin: 0;
    padding: 200px 0px 30px 0px;
    text-align: center;
    margin-top:100px;
        text-transform:uppercase;

}

#pastors h2 {
    color: #fff;
    display: block;
    font: normal 18px 'OpenSansLight', sans-serif;
    margin: 0;
    padding: 0px 0px 0px 0px;
    text-align: center;

}



  #connect {
    background-color:#368491;
    min-height: 485px;
    margin: 0 auto;
    text-align:center;
}

       #connect h1 {
    color: #fff;
    display: block;
    font: 200 36px 'oswaldlight', sans-serif;
    letter-spacing: .1em;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    padding-top:95px;
    margin-bottom:0px;
}

#connect h2 {

    color: #fff;
    display: block;
    font: 100 24px 'Open Sans', sans-serif;
    margin: 0;
    padding: 0px 20px 30px 20px;
    text-align: center;
    max-width:415px;
}

#connect h3
{
       color: #212121;
    display: block;
    font: 100 12px 'Open Sans', sans-serif;
    margin: 0;
    padding: 0px 20px 0px 20px;
    text-align: center;
 
}


       

 .blackButtons
    { position:relative;
        width:200px;
        padding-bottom:10px;
        overflow:hidden;

     
    }


.blackButton {
    height: 50px;
    border: solid 1px #000;
    margin: 0px;
    color: #000;
    background-color: transparent;
    font-size: 21px;
    text-transform: uppercase;
    text-align:center;
    padding-top:10px;
    width:200px;
    overflow:hidden;
    font-family:'OpenSansBold';
    font-size:18px;
   
}

    .blackButton:hover {
        color: #fff;
        background: #ed6c45;
        text-decoration:none;
    }

       .blackButton a:hover {
        color: #fff;
        background: #ed6c45;
        text-decoration:none;
    }


       

       
 .blackButtonsBig
    { position:relative;
        width:100%;
        max-width:910px;
        overflow:hidden;

     
    }


.blackButtonBig {
    height: 95px;
    border: solid 1px #000;
    margin: 0px;
    color: #000;
    background-color:#fff;
    font-size: 12px;
    text-transform: uppercase;
    text-align:center;
    padding-top:10px;
    width:100%;
    max-width:910px;
    overflow:hidden;
    font-family:'oswaldlight',Arial;
    font-size:60px;

   
}

    .blackButtonBig:hover {
        color: #fff;
        background: #000;
        text-decoration:none;
    }

 
              .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

             .videoWrappersd {
	position: relative;
	padding-bottom: 75%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}



       
 .whiteButtonsBig
    { position:relative;
        width:100%;
        max-width:910px;
        overflow:hidden;


    }


.whiteButtonBig {
    height: 95px;
    border: solid 1px #fff;
    margin: 0px;
    color: #fff;
    background-color:transparent;
    font-size: 12px;
    text-transform: uppercase;
    text-align:center;
    padding-top:10px;
    width:100%;
    max-width:910px;
    overflow:hidden;
    font-family:'oswaldlight',Arial;
    font-size:60px;

   
}

    .whiteButtonBig:hover {
        color: #fff;
        background: #000;
        text-decoration:none;
    }


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #000 url(/images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:100002;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}



/*****************stories*************/

.storiesgrid br
{
    display:none; 

}


#stories_wrapper {
    position: relative;
      font-family: Century Gothic, proxima_nova_rgregular, Arial, Sans-Serif;
}

    #stories_wrapper .details {
        text-align: center;
        font-size: 12px;
                font-family: 'Century Gothic', Arial,helvetica,sans-serif;
                width:280px;
                padding:0px 10px 20px 10px;
                float:left;
                height:250px;

    }


#storyMember {
    padding: 20px 20px 0px 20px;
    height: 200px;
}

#storyTitle {
    font-weight: bold;
      font-family: Century Gothic, proxima_nova_rgregular, Arial, Sans-Serif;
}

.storyName {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
      font-family: Century Gothic, proxima_nova_rgregular, Arial, Sans-Serif;
}


.storycontent-item {
 /**background: url(http://dribbble.s3.amazonaws.com/users/21389/screenshots/537633/image_ink_logo.png);*/ 
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 141px;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  width: 250px;
  background-size:contain;
 background-position: center;
  background-repeat: no-repeat;
}
.storycontent-item .storyoverlay {
  border-bottom: 50px solid #35454f;
  border-left: 50px solid transparent;
  bottom: 0;
  height: 0;
  opacity: .55;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 0;
}
.storycontent-item:hover .storyoverlay {
  border-bottom: 800px solid #35454f;
  border-left: 800px solid transparent;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.storycontent-item .storycorner-overlay-content {
  bottom: 5px;
  color: #fff;
  position: absolute;
  right: 5px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.storycontent-item:hover .storycorner-overlay-content {
  opacity: 0;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.storycontent-item .storyoverlay-content {
  bottom: 0;
  color: #333;
  left: 0;
  opacity: 0;
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.storycontent-item .storyoverlay-content h2 {

  padding: 10px 0 5px 0px;
}

.storycontent-item .storyoverlay-content h3 {

  padding: 0px 0 0px 0px;
}
.storycontent-item:hover .storyoverlay-content {
  opacity: 1;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}


.storyoverlay-content h2
{font-size:15px;
 color:#fff;
 text-transform:uppercase;

}

.storyoverlay-content h3
{font-size:12px;
 color:#fff;
 font-family:'oswaldlight';

}

a.storyoverlay-content:link h3
{font-size:12px;
 color:#fff;
 font-family:'oswaldlight';

}

a.storyoverlay-content:hover h3
{font-size:12px;
 color:#eee;
 font-family:'oswaldlight';

}