html{ font: 62.5%/1.5 }

#scroller{

 padding-top:5px;
 #padding-top: 0px;
 #margin-top: 6px;
 margin-left: 173px;
 width: 510px;
 height: 20px!important;
 overflow: hidden;



}

#scroller #content p{

 /* width: 1000px!important; */
  width: 100%!important;
  background-color: #fff;


}


#scroller div{

  background-color: #fff!important;
  border: 0!important;


}

#scroller p{

  background-color: #fff!important;
  border: 0!important;

}

#scrolleriframe{

  margin-top: 7px;
  margin-left: 174px;

}

#listofannouncements{


  float: left;

  width: 215px;

  padding-top: 20px;
  padding-bottom: 30px;
  margin-top:80px;
  margin-left: 5px;

  background-color: #f7f7f7;
  border: 1px solid #eee;

}

#listofannouncements ul{

  width: 200px!important;
  margin-top: 10px;

  list-style-type: circle;
  list-style-color: #f00;

}

#listofannouncements li{

  width: 190px;

  margin-top: 5px;
  margin-left: 30px;

  font-size: .9em;


}

#listofannouncements p.header{

  margin-left: 15px;
  font-weight: bold;
  

}

#listofannouncements a{

  text-decoration: none;
  
  color: #800;

}

#listofannouncements a:hover{

  margin-left: 3px;
  color: #f00;

}

div.announcementheaders{

  margin-left: 60px;
  height: 15px;
  width: 600px;
  background-color: #eee;
  color: #000;

  margin-top: 10px;  
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 2px solid #000;
  
}


div.announcementheaders span{

  display: block;
  float:left;
  margin-left: 10px;

}

div.announcementheaders span.date{

  width: 80px;

}

div.announcementheaders span.title{

  width: 370px;

}

div.announcementlist{

  margin-left: 60px;
  height: 15px;
  width: 600px;
  background-color: #ffeaa9;
  color: #000;

  cursor: pointer;

}

div.announcementlist span{

  display: block;
  float: left;
  margin-left: 10px;

}

div.announcementlist span.date{
  
  width: 80px;

}

div.announcementlist span.title{

  width: 370px;

}