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

div.slideShow.pod{
    height: 250px;
    /**width: 1200px;**/
}

div.slideShow.pod dl {
    display: none;
     width:100%;/* width:940px; */
    width:auto;
   /* max-width: 300px;*/
    height: 160%; /* height:300px; */
    
    max-height: 251px;
    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.pod div dl {
    padding: 0 0 9px 0;
    width: 100px;
    height: 43px;
}

div.slideShow.poddl 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.poddl dt {
font-size: 24px;
padding: 15px 0 0 15px;
}
/*--padding positions the caption--*/
div.slideShow.poddl dd {
font-size: 12px; /*was 16px - LCF 10-17*/
margin: -20px 0 0 0;
padding: 295px 0 0 15px;  /*--was 20px top  and 35px left--LCF 10-17*/
line-height: 145%;
}
[if lt IE 8]>
    .slide {
            background-color: gray;
      }     
<![endif]


@media screen and (max-width: 1310px) {
    div.slideShow.pod{
        margin-top: 46px;
    }       
}

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

@media screen and (max-width: 320px) {
div.slideShow.pod{
margin-top: 0px;
}
div.slideShow.pod{
        /*--SV: Changed height from 227px to 100px  --*/
        height: 80px; 
    }   
div.slideShow.poddl dt {
display: none;
}

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