.contentTeaser { overflow-x: hidden; }
 
.contentTeaser img { border: none; margin-bottom: 4px; }
.contentTeaser .image-desc { margin-top: 8px; }

.contentTeaser h2 { color: #336600; font-size: 1.3em; margin: .5em 0;}
.contentTeaser a { color: #288125; }
.contentTeaser .teaser-text { margin: 8px 0; color: #666; }

.contentTeaser .teaser-body-title {
    color: #288125;
    font-size: 1.3em;
    font-weight: bold;
    }

.content-teaser-link { margin: 5px 0 0; }
.content-teaser-link div.linkBeg,
.content-teaser-link div.linkEnd { display: inline; vertical-align: text-bottom; 
    background-position: left bottom; background-repeat: no-repeat; zoom:1; 
    }


/* Special handling for single-link teasers where whole body is in 
 * <a> tag.  Avoid underlining in teaser-text except for title. */ 
.contentTeaser a.text-link { text-decoration: none; }
.contentTeaser a.text-link .teaser-text span.teaser-body-title { text-decoration: underline; }


.twoAcross { width: 48%; margin: 5px 1% 24px; float:left; }
.threeAcross { width: 30%; margin: 5px 1% 24px; float:left; }

.noImage .image-desc .content-teaser-image { display: none; }
.leftImage .image-desc .content-teaser-image { float: left; margin-right: 5px; }
.rightImage .image-desc .content-teaser-image { float: right; }
.topImage .image-desc .content-teaser-image { text-align: center; }

.greenTeaserText .teaser-text { color: #288125; }
.redTeaserText .teaser-text { color: #CC0000; }
.blueTeaserText .teaser-text { color: #003399; }
.orangeTeaserText .teaser-text { color: #CC3300; }
.yellowTeaserText .teaser-text { color: #FFFF00; }

.rightHeader .content-teaser-header {float: right;}