/* If overriding these styles at the client level -- 
   the most common updates would be the following 
   using whatever width or colors match the client layout:
   
.banner.wrapper .announcement { 
	max-width: 1200px; 
	background-color: #NEWCOLORHERE;
}
.banner.wrapper .announcement p, .banner.wrapper .announcement div, .banner.wrapper .announcement li {
    color: #NEWTEXTCOLORHERE;
}

*/

.banner.wrapper .announcement {
  width: 100%;
  background-color: #a20f14;
  padding: 0.5em 0; }
  .banner.wrapper .announcement p {
    margin: 0.25em auto;
    padding: 0; }
  .banner.wrapper .announcement p, .banner.wrapper .announcement div, .banner.wrapper .announcement li {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
 .banner.wrapper .announcement a, .banner.wrapper .announcement a:link, .banner.wrapper .announcement a:focus, .banner.wrapper .announcement a:active, .banner.wrapper .announcement a:hover, .banner.wrapper .announcement a:visited {
    color: #ffffff;
    text-decoration: underline; }

body.logo .banner.wrapper .announcement {
  display: none; }