/*
  2023-02-16	PBaldwin	> Created .announcements-list-item and set styling for it
                        > #announcements to correct layout
  2023-05-04  PBaldwin  > Removed absolute height from .container
  2023-05-05  PBaldwin  > Created #mySidebar style to move styling from style attribute of element
*/
/* For the Auto Vertical Scrolling News Ticker */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
  }
  body{
    font-family:'tahoma', serif;
  }
  
  #mySidebar {
    top: 43px; /* The height of top banner. */
    height:calc(100% - 43px); /* Reduce sidebar height by the size of the top banner. */
    z-index:3;
    width:300px;
  }

  .container{
    width:260px;
    margin:20px auto;
    /*height:300px; Removed because container should resize dynamically */
    background-color:#333;
    overflow:hidden;
  }
  
  ul{
    list-style:none;
    position:relative;
  }
  
  li{
    text-align:center;
  }

  #announcements ul {
    list-style:none;
    position:relative;
    height: 100%;
  }
  
  #announcements ul li,
  .announcement-list-item {
    background-color:rgba(57, 173, 117,0.3);
    text-align:center;
    border-bottom:1px solid #fff;
    margin-top: -0.5em;
  }

  #announcements ul li h2,
  .announcement-list-item h2 {
    color:#eee;
    padding-top: 1rem;
  }
  
  #announcements ul li p,
  .announcement-list-item p {
    text-align:left;
    padding:1rem;
    color:#eee;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: normal;
  }