#main{ min-height:923px; /* 676(height of carousel) + 177(top position or carousel) + 70px between carousel and footer */ }

#centralcontent.collection { height:676px; width:993px; }


#carousel{ position:absolute; left:0px; height:676px; width:993px; 
}
#announce{
    position:absolute; /*top:0px;*/ left:0px; height:506px; width:643px;
    padding:120px 150px 50px 200px;
    font-size:10px; text-align:justify; text-transform:uppercase; letter-spacing:0.2em; line-height:2em;
    }
    
    
    #announce a{ display:block; width:200px; padding:7px; margin:5em auto; background-color:rgba(0,0,0,0.7); border:1px solid #222; text-align:center; cursor:pointer; }
    #announce a:hover, #announce a:focus{ background-color:rgba(0,0,0,0.8); border:1px solid #444; color:#fff; }
    
    
    #carousel #pic_viewport{ position:absolute; top:0px; left:0px; height:676px; width:993px; }
    
    #carousel .navshadow{ position:absolute; bottom:0px; width:257px; height:676px; }
        #left_ns{ left:0px;  }
        #right_ns{ right:0px; }
        #carousel .navshadow a{ position:absolute; bottom:340px; width:35px; height:60px; cursor:pointer; }
        #left_ns a{ left:25px; background:transparent url('images/arrow-left.png') no-repeat right top; }
        #right_ns a{ right:25px; background:transparent url('images/arrow-right.png') no-repeat right top; }
    
    /* if adding/removing collection images, refer to collection.php to see what needs changing here */
    #carousel #pic_viewport ul{ width:6003px; height:676px; position:absolute; top:0px; left:0px; margin:0; padding:0; }
    #carousel #pic_viewport.ss13 ul{ width:8341px; }
    #carousel #pic_viewport ul li{
        list-style-type:none; width:325px; height:676px;
        display:block; position:relative; float:left;
        margin:0; margin-right:9px; padding:0;
    }
    #carousel #pic_viewport ul li.lastpic{ margin-right:0; }    
    #carousel #pic_viewport ul:before{
        position:absolute; top:275px; left:-334px; width:325px; height:341px;
        content:''; background:transparent url('images/logo_onwhite.jpg') no-repeat center top;
        }
    #carousel #pic_viewport ul:after{
        position:absolute; top:275px; left:6010px;/*6003+9*/ width:325px; height:341px;
        content:''; background:transparent url('images/logo_onwhite.jpg') no-repeat center top;
        }
    #carousel #pic_viewport.ss13 ul:after{
        left:8350px;/*8341+9*/
        }
    #carousel #pic_viewport ul li a.xbutton{
        display:block; width:23px; height:23px; position:absolute; right:15px; bottom:237px;
        background:transparent url('images/xbutton.png') no-repeat right top; cursor:pointer;
        }
    #carousel #pic_viewport ul li a.obutton{
        display:block; width:3em; height:1.2em; font-size:14px; padding:0.25em; position:absolute; right:8px; bottom:7px;
        background-color:rgba(0,0,0,0.42); cursor:pointer; z-index:1;
    }
    #carousel #pic_viewport ul li>span{
        padding-top:45px; padding-bottom:25px; height:205px; width:325px; display:block; position:absolute; right:0px; bottom:0px;
        background-color:rgba(0,0,0,0.42); margin:0; text-align:left; overflow:hidden; color:#8f8f8f; font-size:10px;
        }
    /* for a collection with images with white background: */ #carousel #pic_viewport.ss13 ul li a.obutton, #carousel #pic_viewport.ss13 ul li>span{ background-color:rgba(0,0,0,0.82); }
    #carousel #pic_viewport ul li>span>span{ display:block; margin:0px 1em 0.9em 2em; position:relative; }