@font-face{
    font-family: frutiger;
/*    src:url("TOP40 - MyFonts.com/TOP40 MyFonts.com/Frutiger/Frutiger CE 45 Light.ttf");*/
    src:url("Top40%20-%20MyFonts.com/TOP40%20MyFonts.com/Frutiger/Frutiger%20CE%2045%20Light.ttf");
}
@font-face{
    font-family: headerFont;
/*    src:url("TOP40 - MyFonts.com/TOP40 MyFonts.com/Optima/LTe53509.ttf");*/
    src:url("Top40 - MyFonts.com/TOP40 MyFonts.com/Avenir/Avenir LT 45 Book.ttf");
}

/*@media (max-width: 960px){
    containerYOLO{
        width:960px;
    }
}*/

.alert {
    background-color: rgb(255,0,0);
    color: rgb(255,255,255);
    height:62px;
}

.banner {
    background-color: rgb(10,33,79);
    background: linear-gradient(rgb(9,18,47), rgb(10,33,79)); /*Come back to work on this*/ /* Standard syntax */
    height:62px;
}

.banner ul{
    list-style-type: none;
    padding:0px;
    margin:0px;
}

.logo {
    padding-top: 10px;
}

.navegationBarWrapper {
    height: 62px;
    line-height: 62px;
    padding-left: 90px;
}

.navegationBar li{
    display: inline;
    padding-right: 25px;
}

.navegationBar a{
    color: white;
}

.content {
    font-family: frutiger;
}

.containerYOLO{
    width: 100%;
    height:auto;
}

.contentWrapper{
    width: 960px;
    height:auto;
    margin-right: auto;
    margin-left: auto;
}

.leftContent {
    width:295px;
    padding-right: 20px;
    float:left;
}

.leftContent > .smalltitle{
    text-align: center;
    font-size: 30px;
    font-family: headerFont;
    padding-bottom: 15px;
    color:rgb(22,45,89);
}

.leftContent > a{
    color:rgb(10,33,79);
}

.leftWeekly {
    width: 400px;
}

.leftContent > .biblePhoto > img{
    width:275px;
    height:220px;
}

.leftContent > .involvePhoto > img{
    width:275px;
    height:220px;
}

.leftContent > .aboutPhoto > img{
    width:275px;
    height:220px;
}

.rightContent {
    width:615px;
    float:right;
}

.rightWeekly {
    width: 300px;
}

.rightContent > .weeklyPhoto > img{
    width:450px;
    height:360px;
    float: right;
}

.leftContent, .rightContent{
    padding-top: 25px;
    font-size:16px;
    color: rgb(10,33,79);
    padding-bottom: 25px;
}

.title{
    text-align: center;
    font-size: 50px;
    font-family: headerFont;
    color:rgb(22,45,89);
    margin-top:-15px;
}

.bottomContent{
    clear:both;
}

.bottomContent > .title{
    text-align: center;
    font-size: 30px;
    font-family: headerFont;
    padding-bottom: 15px;
}

.bottomContent > .title > a{
    color:rgb(22,45,89);
}

.bottomContent > .items{
    width: 960px;
    height: 235px;
    padding-bottom: 25px;
}

.bottomContent > .items > .item{
    float: left;
}

.bottomContent > .items > .event{
    width: 240px;
}

.bottomContent > .items > .group{
    width: 480px;
    padding-left: 102px;
}

.bottomContent > .items > .wevent{
    width: 192px;
}

.bottomContent > .items > .statement{
    width: 480px;
    padding-left: 102px;
}

.bottomContent > .items > .item > .eventPic > a > img{
    width: 220px;
    height: 88px;
    border-radius: 10px;
}

.bottomContent > .items > .item > .groupPic > a > img{
    width:275px;
    height:220px;
}

.bottomContent > .items > .item > .weventPic > img{
    width: 187px;
    height: 75px;
}

.bottomContent > .items > .item > .aboutPic > img{
    width:275px;
    height:220px;

}

.bottomContent > .items > .item > .smallTag {
    color: rgb(240,175,0);
}

.bottomContent > .items > .item > .date {
    font-size: 14px;
}

.bottomContent > .items > .item > .day {
    font-size: 12px;
}

.bottomContent > .items > .item > .wday {
    font-size: 12px;
}

.bottomContent > .items > .item > .head > a{
    color:rgb(22,45,89);
}

.bottomContent > .items > .item > .eventName > a{
    font-size: 18px;
}

.bottomContent > .items > .item > .groupName > a{
    font-size: 24px;
}

.bottomContent > .items > .item > .weventName > a{
    font-size: 18px;
}

.bottomContent > .items > .item > .statementName > a{
    font-size: 24px;
}

.bottomContent > .items > .item > .description{
    color:rgb(10,33,79);
    padding-bottom: 25px;
}

.bottomContent > .items > .item > .eventInfo{
    font-size:14px;
    width:220px;
    padding-bottom: 0px;
}

.bottomContent > .items > .item > .groupInfo{
    font-size:16px;
}

.bottomContent > .items > .item > .weventInfo{
    font-size:14px;
}

.bottomContent > .items > .item > .statementInfo{
    font-size:16px;
}

.bottomContent > .conferences{
    width:960px;
}

.bottomContent > .conferences > .conference{
    width: 310px;
    width: 470px;
    padding-left: 85px;
    padding-left: 240px;
    display: inline-block;
}

.bottomContent > .conferences > .conference > .conferencePic > a > img{

    width: 300px;
    width: 460px;
    height: 111px;
    height: 170px;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 35px;
}

.bottomContent > .contactCard{
    padding-left: 100px;
}
.coverPhoto img{
    width:50%;
    margin-left:25px;
    margin-bottom: 25px;
}
.bodyWrapper {
    padding-top: 50px;
}

.subpageTitle{
    text-align: center;
    font-size: 50px;
    font-family: headerFont;
    color:rgb(22,45,89);
    float:left;
    padding-right:25px;
}

.subpageTitle > .titleCaption{
    color: rgb(240,175,0);
    font-size: 20px;
}

.titleCaption{
    color: rgb(240,175,0);
    font-size: 20px;
}

.sideBar{
    width:260px;
    float:right;
    padding-left:25px;
}

.sideBar > img{
    width:259px;
    height:259px;
    padding-bottom: 25px;
}

.subpageBody{
    font-family: frutiger;
    font-size:16px;
    color: rgb(10,33,79);
    line-height: 200%;
    padding-top: 18px;
    clear:both;
    float:left;
}

.sgInfoWrap{
    width: 735px;
    float:left;
    font-family: frutiger;
    font-size:14px;
    color: rgb(10,33,79);
    padding-top:25px;
}

.sgMainText{
    margin-left:25px;
}

.sgInfo{
/*    display:inline;*/
    clear:both;
    margin-top: 25px;
}

.sgCard{
/*    width:330px;*/
    width:210px;
    height:350px;
    padding-bottom: 25px;
    display: inline-block;
    margin:0px 70px;
    float:left;
}

.sgCard > .info{
    float:right;
    width:210px;
}

sidebar{
    display:inline;
    background-color: white;
    width:200px;
    margin: 65px 0px;
    float:left;
}

sidebar .sideChoice{
    display: block;
    height:50px;
    line-height: 50px;
    text-align: left;
    text-decoration: none;
    background: linear-gradient(rgb(255,255,255), rgb(217,217,217)); /*Come back to work on this*/ /* Standard syntax */
    cursor: pointer;
}

sidebar .sideChoice > span {
    font-family: frutiger;
    padding-left:25px;
    color: rgb(10,33,79);
}

.contactform{
    color: rgb(10,33,79);
    font-size:16px;
    float:left;
}

.ss-q-title {
    width: 70px;
}

ul.ss-choices {
    list-style-type: none;
    display: inline;
}

.service-wrap{
    margin-top:13px;
    margin-bottom:13px;
    width: 470px;
    height: 237px;
    display: inline-block;
}
.servicebox{
    float: right;
}

.servicebox > img{
    margin-left: 140px;
    margin-right: 140px;
    width: 200px;
    height: 200px;
}

.servicebox > .info{
    padding-left: 15px;
    padding-right: 15px;
}

.footer {
    clear:both;
    color: rgb(10,33,79);
   /* background-color: rgb(10,33,79);
    background: linear-gradient( rgb(10,33,79),rgb(9,18,47)); /*Come back to work on this*/ /* Standard syntax */
    /*color:rgb(230,233,245);*/

}

.footer > .footWrapper {
    width:1280px;
    margin-left: auto;
    margin-right: auto;
    height:400px;
}

.footer > .footWrapper > .footCol {
    width:400px;
    float:right;
}

.footer > .footWrapper > .footCol > .footTrunk {
    color: rgb(10,33,79);
}

.footer > .footWrapper > .footCol > .footTrunk > ul {
    list-style-type: none;
    padding:0px;
    margin:0px;
}

@media(max-width: 1020px){

/*    .contentWrapper{
        width: 4080px;
    }
    .containerYOLO{
        width:4080px;
    }*/
    .banner{
        width:4080px;
    }
    .footer{
        width:40800px;
    }
}