/* CSS Document - PSSG Fall 2008*/
/* Below is for a News and Updates box that floats on the right of websites, often used on the   Security Industry website
 * News and update box comes and goes from the page (as necessary). 
 * HTML for stylesheet:
 *<div id="floatNewsBox">
   <h3 class="red">News and Updates</h3>
	 <p class="NewsItem"><strong>April xx, xxxx<br>
	  TITLE OF NEWS ITEM</strong><br>
	 Text for news ITem</p>
  </div> 
<!-- END NEWS BOX -->
/* cascading issues required I put this in a separate stylesheet*/
/* March 2011 - this CSS is updated to contain any stylesheet elements that appear on right hand side of PSSG websites. Tried to keep thie consistent, all left hand CSS changes are incorporated into the main.css */


/* floating News Box appears on some pages */
#floatNewsBox {
     float: right; 
	 width: 160px; 
	 margin: 0 0 10px 10px; 
	 padding: 0; border: 0; 
	 background-color: #eee;
	 font-size: 80%;
	 }
	 
#floatNewsBox h3 {
     margin: 0; 
	 padding: 5px 0px 5px 7px; 
	 background-color: #009; 
	 color:#fff; 
	 font-weight: bold; 
	 text-transform: uppercase; 
	 border-bottom: 2px solid #fff;}
	 
#floatNewsBox h3.red {
     background-color: #900;
	 }
	 
#floatNewsBox h3.blue {
     background-color: #039;
	 }
#floatNewsBox p.NewsItem {
     padding: 5px 5px 0px 7px;
	 }
	 	 
#floatNewsBox a.textWhite {
	color: #fff;
    }