/*--from topimage  display: block;  margin: -33px -8px 16px -25px; --*/

div.slideShow.bannerB {
    height: 370px;  /*was 300*/
    /**width: 1200px;**/
}

div.slideShow.bannerB dl {
    display: none;
     width:100%;/* width:940px; */
    width:auto;
    max-width: 1414px;
    height: 98%; /* height:300px; */
    
    max-height: 451px;
    font-family: Georgia;
    color: #fff;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

/*--to change box size width and height*/
div.slideShow.bannerB div dl {
    padding: 0 0 9px 0;
    width: 350px;/*was 300*/
    height: 93px;
}

div.slideShow.bannerB dl a {
color: #fff;
}
/*--the next two alter the lines of text in the caption--to move text up and down change padding here--*/
div.slideShow.bannerB dl dt {
font-size: 24px;
padding: 35px 0 0 32px;
}
/*--padding positions the caption--*/
div.slideShow.bannerB dl dd {
font-size: 16px;
margin: -20px 0 0 0;
padding: 20px 0 0 35px;
line-height: 145%;
}
[if lt IE 8]>
    .slide {
            background-color: gray;
      }     
<![endif]

/* end BannerB banner slide show----------------------------------------------------*/
@media screen and (max-width: 1310px) {
    div.slideShow.bannerB {
        margin-top: 46px; 
    }       
}

@media screen and (max-width: 768px) {
    div.slideShow.bannerB {
        margin-top: 0px;
    }   
    div.slideShow.bannerB {
        /*--SV: Changed height from 227px to 150px  --*/
        height: 150px; 
    }   
}

@media screen and (max-width: 320px) {
div.slideShow.bannerB {
margin-top: 0px;
}
div.slideShow.bannerB dl dt {
display: none;
}

div.slideShow.bannerB dl dd {
display: none;
}   
    div.slideShow.bannerB {
        height: 91px; 
    }
}