#slideshow { position: relative;  padding: 1px; border: solid 1px #A9ba57; margin: 20px 0 20px 20px;}

#slideshow #pager { position: absolute; left: 62px; top: 225px; z-index: 10; }
#slideshow #pager a { padding: 3px 5px; color: #fff;  text-decoration: none }
#slideshow #pager a.activeSlide { text-decoration: underline; }
#slideshow #pager a:focus { outline: none; }
#slideshow #pager a:hover, #slideshow #pager a:active { text-decoration: underline; background: transparent;}



#animation {overflow: hidden; position: relative; width: 746px; height: 242px; }
#animation .slide  {width: 746px; height: 242px;  position: absolute; top: -242px; left: 0;  top: 0; opacity: 1; color:#fff; font-size: 1.25em; line-height: 1.2; font-weight: normal;  text-align: center; background-color: #A9ba57;}
#animation .slide .copy {position: absolute; top: 0; left: 5px; width: 200px; height: 242px; background: url(/template/animation_nav.jpg) no-repeat 13px 210px #A9ba57; }
#animation .slide .image {position: absolute; right: 0; top: 0; width: 540px; }
.slide h4 {font-size: 2em;  font-weight: normal; line-height: 1.2;  text-transform: none; padding: 5px; margin: 15px 0 5px 0;}
.slide a {color: #fff; text-decoration: none; background-color: #A9ba57;}
.slide p {padding: 3px 5px;}
.slide .more {position: absolute; bottom: 20px; right: 0px; font-size: 80%; font-weight: normal;}
.slide img {width: 540px; height: 242px; }
#animation .image img {border-width: 0; padding: 0;}