﻿body,html {
  sd  width:100%;
}
    *{
         padding:0;
         margin:0;
     }
header {
    height: 450px;
    width:1900px;
    width:100%;
    min-width:1170px;
    background-color:#ed1c24;
}
footer{
    height:363px;
    width:100%;
    min-width:1170px;
    background-color:#054649;
    overflow:hidden;
}
#Address{
    position:relative;
    width:1130px;
    margin:auto;
    padding-left:40px;
    padding-top:100px;
    font-size:20px;
    color:white;
    height:240px;
}
#footerLogo{
    position:absolute;
    background-image: url('../images/footerLogo.png');
    background-size:293px;
    background-repeat:no-repeat;
    width:293px;
    height:210px;
    left:800px;top:50px;
}

#Top{
    height:325px;
    background-image: url('../images/headerImg.png');
    background-size:cover;
    background-repeat:no-repeat;
}

#TopImagesContent{
    width:1170px;
    height:325px;
    margin:auto;
}
#TopImagesContent div:not(.clear){
    float:left;
    background-repeat:no-repeat;
}
.clear{
    clear:both;
}
#ImgLeft {
    background-image: url('../images/formingIrishBonds.png');
    background-size:636px;
    width:636px;
    height:281px;
    margin-top:46px;
}
#ImgMiddle {
    background-image: url('../images/founded1953.png');
    background-size:166px;
    width:166px;
    height:115px;
    margin:230px 185px 0 -172px;
}
#ImgRight {
    background-image: url('../images/westlondonirishsociety.png');
    background-size:355px;
    width:355px;
    height:293px;
    margin-top:32px;
}
img{
    -o-object-fit: cover!important;
    object-fit: cover!important;
}
#Menu {
    width: 1130px;
    padding-top:25px;
    padding-left:40px;
    height:50px;
    margin: auto;
    background-color: #ed1c24;
}
#Menu a div:not(.clear){
    float:left;
    height:50px;
    width:75px;
    text-align:center;
    font-size:26px;
    cursor:pointer;
    border-left:1px solid #ed1c24;
}
#Menu div.firstY{
    color:white;
}
#Menu div.secondY{
    color:#fac6c8;
}
#Menu div.thirdY{
    color:#f68e92;
}
#Menu div.otherY{
    color:#f2555b;
}
#Menu div.select,#Menu div:hover{
    color:#ed1c24;
    background:#fbf7eb;
}
#ForContact{
    background:#fbf7eb;
    min-height:50px;
}
#barForContact{
width:1170px;
 margin:auto;
 position:relative;
}
#ContactBox{
    width:590px;
    height:370px;
    position:absolute;
    right:0;
    z-index:3;
}
#ContactUs{
    cursor:pointer;
    float:right;
    width:200px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:34px;
    background:#ed1c24;
    color:#fac6c8;
}
#ContactDetails {
    width: 589px;
    height: 300px;
    background-color: #ed1c24;
    border-left: 1px solid #ed1c24;
    border-bottom: 1px solid #ed1c24;
    display: none;
}
#ContactUs:hover{
    color:red;
    background:#fac6c8;
}
.contactPerson{
    width:590px;
    height:150px;
}
.nameOfPerson{
    margin-bottom:5px;
}
#PicDermot{
    background-image: url('../images/dermot.png');
}
#PicTeresa{
        background-image: url('../images/teresa.png');
}
.pic{
    width:150px;height:150px;
    background-size:150px;
}
.details{
    color:white;
    padding:20px;
    font-size:30px;
    font-weight:bold;
}
.contact{
    line-height:18px;
    font-size:18px;
}
.contact a{
    color:white;
}
#barForContact a{
    text-decoration:none;
}
.mainTemplate{
    width:100%;
    min-width:1170px;
}
.header{
    min-width:1170px;
    min-height:100px;
    background-color:#fbf7eb;
  z  background:red;
    padding-top:20px;

}
.cont{
    padding-left:40px;
    width:1130px;
    min-height:100px;
    margin:auto;
}
.header .cont .dateAdded{
    width:80px;
    height:80px;
    background:#fd4036;
    padding:10px;
    color:white;
    font-size:18px;
    background-image: url('../images/whiteArrow.png');
    background-size:12.5px;
    background-repeat:no-repeat;
    background-position:70px 60px;
}
.header .cont .title{
    padding:5px 0 5px 25px;
    min-height:90px;
    width:980px;
    font-size:28px;
    line-height:30px;
    vertical-align:middle;
    font-weight:bold;
}
.header .cont .title p{
    line-height:25px;
}
.subtitle{
    font-weight:bold;
    font-size:24px;
}
.subtitle p{
    line-height:20px;
}
.cont div:not(.clear){
    float:left;
}
.floatLeft{
    float:left;
}
.textCont,.imgCont{
    padding:10px 0 10px 160px;
    min-width:1010px;
    max-width:1010px;
    margin:auto;
    color:black;
    font-size:18px;
}
.textCont{
    position:relative;
}
.textCont p{
    line-height:25px;
}

.imgCont{
    max-width:1010px;
}
.album{
    list-style:none;
}
.album li:not(.clear){
    float:left;
    height:200px;
    width:200px;
    background-repeat:no-repeat;
    border:1px solid white;
    background-size: 100% 100%;
    cursor:pointer;
    overflow:hidden;
}

    .album li {
    text-align:center;
    
    }
.red{
    color:#ed1c24;
}
.contactDermot {
   width: 410px;
    min-height:235px;
    background: #fd4036;
    float: right;
    font-size: 18px;
    margin-top: -32px;
}
.contactDermot .bar{
    width:100%;
    height:10px;
    background:#074649;

}
.detailsDermot{
    padding:15px 0 0 20px;
    color:white;
}
.detailsDermot p{
    line-height:20px;
}
.detailsDermot a {color:#fff!important;}

.Biblecodesundays{
        width:412.5px;
        height:307.5px;
}
.Biblecodesundays .image{
        background-image: url(../images/The-Biblecodesundays.jpg);
        width:455.5px;
        height:320px;
        background-size:455.5px 320px;
        position:relative;
}
.Biblecodesundays .linkWebsite{
    height:45px;
    width:340px;
    background:#ee2027;
    text-align:left;
    line-height:45px;
    padding-left:15px;
    position:absolute;
    left:0;
    bottom:0;
}
  
 
.Biblecodesundays .linkWebsite a{
    text-decoration:none;
    color:white;
}
.barryOwen{
        width:412.5px;
        height:307.5px;
}
.barryOwen .image{
        background-image: url('../images/barryOwen.png');
        width:412.5px;
        height:262.5px;
        background-size:412.5px 262.5px;
         
}
.barryOwen .linkWebsite{
    height:45px;
    width:412.5px;
    background:#ee2027;
    text-align:center;
    line-height:45px;
}
.barryOwen .linkWebsite a{
    text-decoration:none;
    color:white;
}
.textBarryOwen{
    margin:60px 0 0 30px;
      font-size:18px;
}
.latestNews{
        width:353px;
        height:307.5px;
}
.latestNews .image{
        background-image: url('../images/latestNews.png');
        width:353px;
        height:236px;
        background-size:353px 236px;
}
.latestNews .linkWebsite{
    height:70px;
    width:343px;
    background:#ee2027;
    text-align:left;
    padding-left:10px;
    padding-top:10px;
  s  line-height:45px;
}
.latestNews .linkWebsite a{
    text-decoration:none;
    color:white;
}
.textLatestNews{
    margin:60px 0 0 30px;
    font-size:18px;
}
.bias{
    width:213px;
    height:150px;
}
.bias .image{
    margin-bottom:15px;
        background-image: url('../images/bias.png');
        width:213px;
        height:107.5px;
        background-size:213px 107.5px;
}
.bias .linkWebsite a{
    text-decoration:none;
    color:white;
}
.bias .linkWebsite{
    height:55px;
    width:203px;
    background:#ee2027;
    text-align:left;
    padding-left:10px;
    padding-top:10px;
}
.across{
    width:213px;
    height:150px;
}
.across .image{
    margin-bottom:15px;
        background-image: url('../images/across.png');
        width:276px;
        height:113px;
        background-size:276px 113px;
}
.across .linkWebsite a{
    text-decoration:none;
    color:white;
}
.across .linkWebsite{
    height:55px;
    width:203px;
    background:#ee2027;
    text-align:left;
    padding-left:10px;
    padding-top:10px;
}