#NewsPanel {
    padding:20px 0;
    background:#E6E6E6;
}
#NewsPanel #NewsList {
}
#NewsPanel li {
    margin:0 10px 20px;
}
#NewsPanel li.col_1 {
    clear:left;
}
#NewsPanel li {
}
#NewsPanel li a {
    background:#FFF;
    overflow:hidden;
}
#NewsPanel li a:hover {
    background:#CCC;
}
#NewsPanel li .ImageWrapper {
    float:left;
    position:relative;
}
#NewsPanel li .ImageWrapper img {
    width:230px;
}
#NewsPanel li .TextWrapper {
    margin-left:230px;
    padding:15px 15px 0;
}
#NewsPanel li .TextInner {
    height:150px;
    margin-bottom:5px;
}
#NewsPanel li h3,
#NewsPanel li p {
    margin:5px 0 ;
}
#NewsPanel li p {
    line-height:1.5em;
    color:#333;
}
/* image on right for some */
#NewsPanel li a .Arrow {
    background:url('../images/NewsArrow.png') left top no-repeat;
    position:absolute;
    width:20px;
    height:40px;
    z-index:10;
    right:0;
    top:20px;
}
#NewsPanel li a:hover .Arrow {
    background-position:left bottom;
}
#NewsPanel li.MultipleOf3 .ImageWrapper,
#NewsPanel li.MultipleOf4 .ImageWrapper {
    float:right;
}
#NewsPanel li.MultipleOf3 .TextWrapper,
#NewsPanel li.MultipleOf4 .TextWrapper {
    margin-left:0;
    margin-right:230px;
}
#NewsPanel li.MultipleOf3 a .Arrow,
#NewsPanel li.MultipleOf4 a .Arrow {
    right:auto;
    left:0;
    background-position:right top;
}
#NewsPanel li.MultipleOf3 a:hover .Arrow,
#NewsPanel li.MultipleOf4 a:hover .Arrow {
    background-position:right bottom;
}



#NewsPanel span,
#NewsPanel li a,
#NewsPanel img {
    display:block;
}
#NewsPanel span.DateBlock {
    background:#977F35;
    color:#FFF;
    display:inline-block;
    font-size:12px;
    padding:0 10px;
    text-transform:uppercase;
}
#NewsPanel span.LinkBlock {
    text-align:right;
}
#NewsPanel li h3 {
    font-size:20px;
    margin-top:10px;
}
#NewsPanel li p {
    font-size:14px;
}

.JoinPanel li * {
    text-align:center !important; 
}
.JoinPanel .PanelList {
    padding:20px 0 !important ;
    clear:both;
}



#ProductPanel {
    background:url('../images/ShopPanel.jpg') no-repeat center center ;
    padding: 30px 0 60px;
}
#ProductPanel h2 {
    background:#FFF;
    display:inline-block;
    padding:0 20px;
    font-size:22px;
    line-height:42px;
    margin-bottom:30px;
}
#ProductList a {
    background:#FFF;
    display:block;
    padding:20px;
    border-bottom:10px solid #700A2F;
}
#ProductList a:hover {
    background:#CCC;
}
#ProductList img {
    display:block;
}
#ProductList h3 {
    margin:10px 0 0;
    font-size:16px;
}
#ProductList p {
    margin:0;
    color:#6D591C;
    font-family:'open_sanssemibold_italic', Arial, Helvetica, sans-serif;
    font-size:16px;
}

#HomePageSocial ul li {
    margin-right:10px;
}
#HomePageSocial ul li:last-child {
    margin-right:0;
}

#PreFooterPanel {
    padding:40px 0;
}


#HomepageEventsList  li {
    overflow:hidden;
    clear:left;
}
#HomepageEventsList h4, 
#HomepageEventsList p {
    margin:0;
}
#HomepageEventsList h4 {
    font-size:16px;
}
#HomepageEventsList h4 a {
    color:#967E34;
}
#HomepageEventsList p {
    font-size:13px;
}
#HomepageEventsList span.Time {
    display:inline-block;
}
#HomepageEventsList .DateWrap {
    width:54px;
    height:54px;
    border-radius:100%;
    background:#E6E6E6;
    text-align:center;
    line-height:1em;
    box-sizing:border-box;
    padding:10px 0;
    font-family:'open_sansbold', Arial Bold, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-size:12px;
    float:left;
}
#HomepageEventsList .DateWrap div {
    color:#700A2F;
    font-size:22px;
    line-height:1em;
}
#HomepageEventsList .ContentWrap {
    min-height:64px;
    margin:5px 0 0 64px;
}
#HomepageEventsList .ContentWrap p {
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}



@media only screen and (min-width: 768px) and (max-width: 959px) {
    #NewsPanel li .ImageWrapper img {
        width:182px;
    }
    #NewsPanel li .TextWrapper {
        margin-left:182px;
    }
    #NewsPanel li.MultipleOf3 .TextWrapper,
    #NewsPanel li.MultipleOf4 .TextWrapper {
        margin-right:182px;
    }
    #NewsPanel li h3 {
        font-size:14px;
    }
    #NewsPanel li p {
        font-size:13px;
    }
    #NewsPanel li .TextInner {
        height:105px;
    }
    #HomePageSocial ul li {
        margin-right:9px;
    }
    #HomePageSocial li img {
        width:50px;
    }
}

@media only screen and (max-width: 767px) {
    #NewsPanel li .ImageWrapper img {
        width:210px;
    }
    #NewsPanel li .TextWrapper,
    #NewsPanel li.MultipleOf3 .TextWrapper,
    #NewsPanel li.MultipleOf4 .TextWrapper {
        margin-left:210px;
        margin-right:0;
    }
    #NewsPanel li.MultipleOf3 .ImageWrapper,
    #NewsPanel li.MultipleOf4 .ImageWrapper {
        float:left;
    }
    #NewsPanel li h3 {
        font-size:16px;
    }
    #NewsPanel li p {
        font-size:13px;
    }
    #NewsPanel li .TextInner {
        height:130px;
    }
    #NewsPanel li.MultipleOf3 a .Arrow,
    #NewsPanel li.MultipleOf4 a .Arrow {
        right:0;
        left:auto;
        background-position:left top;
    }
    #NewsPanel li.MultipleOf3 a:hover .Arrow,
    #NewsPanel li.MultipleOf4 a:hover .Arrow {
        background-position:left bottom;
    }
    #NewsPanel li .ImageWrapper img {
        width:210px;
    }
    #NewsPanel li.MultipleOf2 .ImageWrapper,
    #NewsPanel li.MultipleOf4 .ImageWrapper {
        float:right;
    }
    #NewsPanel li.MultipleOf2 .TextWrapper,
    #NewsPanel li.MultipleOf4 .TextWrapper {
        margin-right:210px;
        margin-left:0;
    }
    #NewsPanel li.MultipleOf2 a .Arrow,
    #NewsPanel li.MultipleOf4 a .Arrow {
        right:auto;
        left:0;
        background-position:right top;
    }
    #NewsPanel li.MultipleOf2 a:hover .Arrow,
    #NewsPanel li.MultipleOf4 a:hover .Arrow {
        background-position:right bottom;
    }
    #ProductPanel li {
        margin-bottom:20px;
    }
    #ProductPanel .columns.four a {
        padding:10px;
        overflow:hidden;
    }
    #ProductPanel .columns.four img {
        max-width:100px;
    }
    #ProductPanel .ImageWrapper,
    #ProductPanel .TextWrapper {
        display:block;
    }
    #ProductPanel .ImageWrapper {
        float:left;
    }
    #ProductPanel .TextWrapper {
        margin-left:100px;
        padding:0 15px;
        box-sizing:border-box;
    }
}

@media only screen and (max-width: 479px) {
    #NewsPanel li .ImageWrapper img {
        width:100%;
        float:none;
        margin:0;
    }
    #NewsPanel li a {
        padding-bottom:10px;
    }
    #NewsPanel li a .Arrow {
        display:none;
    }
    #NewsPanel li .TextWrapper {
        margin:0 !important ;
        clear:both;
    }
    #NewsPanel li .TextInner {
        height:140px;
    }
    #NewsPanel li h3 {
        font-size:18px;
        margin-top:10px;
    }
    #NewsPanel li p {
        font-size:14px;
    }
    #HomePageSocial li img {
        width:54px;
    }
}