/*Setting a float to fix a float*/
/*Make dldl independent and self contained make the parent div and the dl's independent*/
body {
    font-size: 16px;


}

.committeewrapper {
    width: 100%;
    background: #2b3888;
    text-align: center;
    color: white;
}


.committeeheader {
    font-size: 300%;
    margin:0;
    padding-top:20px;
    padding-bottom:0;
}


#committeepage {
    display: flex;
    flex-wrap: wrap;
    background: #2b3888;
    justify-content: space-between;
    align-content: center;
    padding: 1.25%;
    padding-top:.25%;
    width:97.5%;
    margin: 0 auto;
}

    #committeepage div, dt, dl, dd ,span {
    padding: 0;
    margin: 0;
    margin-left:0%;
    line-height: 0;
    text-align: left;

}

    #committeepage  li, ul {
        padding: 0;
        margin: 0;
        margin-left: 0%;

        text-align: left;
    }


#committeepage li {
    list-style:none;
    padding-left:1.3em;
}


#committeepage a {
    color: #2c46c7;
    display:block;
}


#committeepage ul {

    font-size:90%;

}

    #committeepage .description_wrapper {
        width: 40em;
        background: transparent;
    }

    #committeepage .description_wrapper {

        width: 98%;
        /*margin: 1% 1%;*/
        padding: 0;
        display: inline;
        background: url(fauxcolumn_background1-02.png) repeat-y 25% 0;
    }

        #committeepage .description_wrapper > dl > dt {

            width: 70%;
            margin: 0;
            padding: 0;
            padding-left: 1em;
            font-size: 130%;
            letter-spacing: 1px;
            color: #627081;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            /*background for the header*/
            background: transparent;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            width: 100%;

            display: inline-block;
            line-height: 2em;
            background: #ACC8E1;
            color: black;
        }


/*width is 100px /216 */
#committeepage .description_wrapper dd {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.5em;
    color: #000;
    padding: 0;
    margin: 0;
}

    #committeepage .description_wrapper dl .dd_img img {

        margin: 0 8px 0 0;
        padding: 4px;
        border: 1px solid #d9e0e6;
        border-bottom-color: #c8cd02;
        border-right-color: #c8cd02;
        background: transparent;
    }


    #committeepage .description_wrapper dl .dd_smaller_img img {

        margin: 0 8px 0 0px;
        padding: 4px 10px 4px 10px;
        border: 1px solid #d9e0e6;
        border-bottom-color: #c8cd02;
        border-right-color: #c8cd02;
    }



/*#committeepag #dl_container dl .text {
    float: right;
    width: 70%;
    font-size: 160%;
    padding: 0;
    padding-left: 1.44444em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}*/


#committeepage .img {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    top: 0%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    background-position: top;
    display: table;
    overflow: hidden;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}

#committeepage .photoiw {
    background: url(https://www.bridgewebs.com/cbc/committeephoto_walkerdine_ian2.jpg) no-repeat;
    background-size: 100%;
}

#committeepage .photokb {
    background: url(https://www.bridgewebs.com/cbc/committeephoto_boulter_kate_1.jpg) no-repeat;
    background-size: 100%;
}

#committeepage .photokd {
    background: url(https://www.bridgewebs.com/cbc/committee_photo_kathryn_davies1.jpg) no-repeat;
    background-size: 100%;
}
#committeepage .photopo {
    background: url(https://www.bridgewebs.com/cbc/committeephoto_phil_oldknow.jpg) no-repeat;
    background-size: 100%;
}


#committeepage .photojd {
    background: url(https://www.bridgewebs.com/cbc/committeephoto_dean_jackie1.jpg) no-repeat;
    background-size: 100%;
}

#committeepage .photocg {
    background: url(https://www.bridgewebs.com/cbc/committeephoto_gurr_charles.jpg) no-repeat;
    background-size: 100%;
}


#committeepage .photogc {
    background: url(https://www.bridgewebs.com/cbc/committeephoto_chivers_gilly.jpg) no-repeat;
    background-size: 100%;
}

#committeepage .photoab {
    background: url(https://www.bridgewebs.com/cbc/committeephoto_byrne_anthea.jpg) no-repeat;
    background-size: 100%;
}

#committeepage .photoic {
    background: url(https://www.bridgewebs.com/cbc/committeephoto_isabel_crump2.jpg) no-repeat;
    background-size: 100%;

}

#committeepage .photoss{
    background: url(https://www.bridgewebs.com/cbc/committeephoto_stokes_simon.jpg) no-repeat;
    background-size: 100%;
}

#committeepage .photoms{
    background: url(https://www.bridgewebs.com/cbc/committeephoto_martin_stone.jpg) no-repeat;
    background-size: 100%;
}

#committeepage .photopo{
    background: url(https://www.bridgewebs.com/cbc/committeephoto_oldknow_phil_1.jpg) no-repeat;
    background-size: 100%;
}

#committeepage .photosn{
    background: url(https://www.bridgewebs.com/cbc/committeephoto_susan_nour.jpg) no-repeat;
    background-size: 100%;
}

#committeepage .photopa{
    background: url(https://www.bridgewebs.com/cbc/committee_photo_ablett_peter.jpg) no-repeat;
    background-size: 100%;
}


#committeepage .photoft {
    background: url(https://www.bridgewebs.com/cbc/committeephoto_travers_frank.jpg) no-repeat;
    background-size: 100%;

}


.text ul li {
    margin: 0;
    padding: 0;
    padding-left:1.3em;
    border: none;
    list-style-position: inside;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



#committeepage .member {
    display: flex;
    width: 32.333%;
    margin-right: 1%;
    padding: 0%;
    margin: 0;
    background: #2B388B;
    flex-flow: row;
    text-align: center;
    background: #2b3888;
    width: 30%;
	min-width:352px;
    margin: 1.5%;
   
}


#committeepage .member > div {
        background-color: #f1f1f1;
        /*margin-bottom: 10px;*/
        padding: 0px;
        padding-bottom:0%;
        background:transparent;
        font-size: inherit;

    }
#committeepage .photobox {
    position: relative;
    width: 50%; /* desired width */
    text-align: center;
    background: transparent;
    flex: 0 0 9.733333em;
}

    /*padding-top provides the height for the element*/
#committeepage .photobox:before {
    content: "";
    display: block;
    padding-top: 150%; /* initial ratio of 2:3*/
    background: transparent;
}

#committeepage .description_wrapper .text {
    margin: 0;
    border: none;
    height: 12em;
    overflow: hidden;
    width: 100%;
    background: #f1f1f1;
}

#committeepage .description_wrapper .text ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

#committeepage .name_box {
    width:100%;

    display: inline-block;
    line-height: 2em;
    background: #ACC8E1;
    color: black;

}




#committeepage .description_inner_wrapper {
    margin: 0;
    background: silver;
}

#committeepage li >a {

    display:inline-block;


}