/* ------------------------------------------------------------------------------
  DESCRIPTION: Global page CSS file for SDCCD Newscenter web site.
               This goes on every page. This defines the different 
               CSS elements on every page..
  
  AUTHOR:      David Joynson
  
  HISTORY:     20150316 -  WO 3089113 DJ 
------------------------------------------------------------------------------ */
/*--- Elements ---*/

/*--- Classes ---*/
.newsitem {
  width: 189px;
  height: 235px;
  float: left;
  margin-right: 2px;
  
  background-color: #dddddd;
}
.newsitemcaption{
  width: 185px;
  height: 78px;
  font-size: 11pt;
  float: left;
  margin-right: 2px;
  padding: 0px 2px 0px 2px;
}
.newsitemimage {
  width: 189px;
  height: 157px;
  float: left;
  margin-right: 2px;
  
  background-color: #646464;
}
.newsleftbar {
  width: 585px;
  height: 7px;
  background-image: url(../images/horzsplitter.png);
  background-repeat: no-repeat;
  float: left;
}
/*--- IDs ---*/
#adbox {
  width: 346px;
  height: 243px;
  margin: 0px 13px 46px 10px;
  /*background-color: #2f4f4f;*/
}
#announcementbox {
  width: 346px; 
  height: 269px; 
  margin: 0px 13px 20px 10px;
  background-color: #ffffff;
}
#announcementtitle {
  width: 335px;
  height: 65px;
  background-image: url(../images/orangtitle.png);
  background-repeat: no-repeat;
  color: #ffffff;
  padding-left: 11px;
  padding-top: 11px;
  font-size: 18pt;
}
#announcementfeed {
  width: 346;
  height: 193px;
  background-color: #dddddd;
}
#campusnewsbox {
  width: 346px;
  height: 550px;
  margin: 0px 13px 20px 10px;
  background-color: #ffffff;
}
#campusnewstitle {
  width: 335px;
  height: 65px;
  background-image: url(../images/orangtitle.png);
  background-repeat: no-repeat;
  color: #ffffff;
  padding-left: 11px;
  padding-top: 11px;
  font-size: 18pt;
}
#campusnewsfeed {
  width: 346;
  height: 456px;
  background-color: #dddddd;
}
#campusnewslink {
  background-color: #ffffff;
  padding-left: 10px;
}
#distprofilebox {
  width: 571px;
  height: 238px;
  float: left;
  
  /*background-color: #ff1493;*/
}
#distprofiletitle {
  background-image: url(../images/featnewstitle2.png);
  background-repeat: no-repeat;
  width: 221px;
  height: 29px;
  color: #ffffff;
  font-size: 13pt;
  padding-top: 11px;
  padding-left: 11px;
}
#distprofilefeed {
  width: 571px;
  height: 186px;
  margin-top: 11px;
  
  /*background-color: #add8e6;*/
}
#distprofileimg {
  float: left;
  width: 88px;
  height: 134px;
  margin-left: 10px;
  
  background-color: #646464;
}
#distprofiletext{
  float: left;
  width: 456px;
  height: 154px;
  margin-left: 10px;
  font-size: 10pt; 
  
  background-color: #dddddd;
}
#distprofiletext h3{
  color: #008996;
  margin-bottom: 5px;
  font-weight: bold;
}
#distprofilereadmore {
  height: 19px;
  float: left;
  width: 220px;
  margin-left: 106px;
}
#featurednewsbox {
  width: 585px;
  height: 411px;
  background-color: #ffffff;
}
#featurednewstitle, #wemagtitle {
  background-image: url(../images/featnewstitle.png);
  background-repeat: no-repeat;
  position: relative;
  top: 0px;
  width: 152px;
  height: 29px;
  color: #ffffff;
  font-size: 13pt;
  padding-top: 11px;
  padding-left: 11px;
  z-index: 3;
}
#featurednewsimg {
  position: relative;
  top: -39px;
  width: 571px;
  height: 317px;
  
  background-color: #646464;
}
#featurednewscaption {
  color: #ffffff;
  background-image: url(../images/featnewscaption.png);
  background-repeat: no-repeat;
  position: relative;
  top: -39px;
  width: 558px;
  height: 88px;
  padding-top: 12px;
  padding-left: 14px;
  font-size: 22pt;
  line-height: 1.1;
}
#featuredvideobox {
  width: 294px;
  height: 322px;
  float: left;
}
#featuredvideotitle, #photogallerytitle {
  background-image: url(../images/featnewstitle.png);
  background-repeat: no-repeat;
  width: 141px;
  height: 29px;
  color: #ffffff;
  font-size: 13pt;
  padding-top: 11px;
  padding-left: 11px;
}
#featuredvideoimg {
  width: 294px;
  height: 193px;
  
  background-color: #646464;
}
#featuredvideocaption, #photogallerycaption {
  color: #008996;
  height: 63px;
  font-size: 15pt;
  line-height: 1.1;
}
#featuredvideocaption {
  width: 287px;
  padding: 5px 2px 0px 5px;
  
  background-color: #dddddd;
}
#featuredvideobtn, #photogallerybtn {
  width: 100%;
  height: 18px;
}
#featuredvideoplaybtn {
  width: 52px;
  height: 52px;
  background-color: transparent;
  position: relative;
  top: -180px;
  left: 200px;
  margin-bottom: -52px;
  background-image: url(../images/btn_featvideo.png);
  background-repeat: no-repeat;
}
#highlightbox {
  width: 346px; 
  height: 300px; 
  margin: 0px 13px 20px 10px;
  background-color: #ffffff;
}
#highlighttitle {
  width: 335px;
  height: 65px;
  background-image: url(../images/orangtitle.png);
  background-repeat: no-repeat;
  color: #ffffff;
  padding-left: 11px;
  padding-top: 11px;
  font-size: 18pt;
}
#highlightfeed {
  width: 346;
  height: 225px;
  background-color: #dddddd;
}
#miscnewsbox {
  width: 585px;
  height: 606px;
  float: left;
  /*background-color: #800080;*/
  padding-top: 33px;
}
#morenewsbtnbox {
  width: 578px;
  height: 72px;
  padding-left: 7px;
  /*background-color: #808080;*/
  float: left;
}
#multimediabox {
  width: 585px;
  height: 351px;
  background-color: #ffffff;
  padding-top: 53px;
  float: left;
}
#photogallerybox {
  width: 291px;
  height: 322px;
  float: left;
  /*background-color: #ff1493;*/
}
#photogalleryimg {
  width: 291px;
  height: 193px;
  
  background-color: #646464;
}
#photogallerycaption {
  width: 291px;
  padding: 5px 2px 0px 0px;
  
  background-color: #dddddd;
}
#sdccdnewsbox {
  width: 300px;
  height: 368px;
  float: left;
}
#sdccdnewstitle {
  background-image: url(../images/featnewstitle2.png);
  background-repeat: no-repeat;
  width: 221px;
  height: 29px;
  color: #ffffff;
  font-size: 13pt;
  padding-top: 11px;
  padding-left: 11px;
}
#sdccdnewsfeed {
  width: 300px;
  height: 317px;
  margin-top: 11px;
  
  background-color: #dddddd;
}
#smallnewsbox {
  width: 584px;
  height: 235px;
  padding-left: 1px;
  
  background-color: #ffffff;
}
#twitterbox {
  width: 340px;
  height: 303px;
  margin: 0px 19px 25px 10px;
}
#twittercont {
  width: 340px;
  height: 303px;
  position: relative;
  top: 1px;
  background-color: #dddddd;
}
#vertcenterbar {
  width: 6px;
  height: 1792px;
  background-image: url(../images/centervertbar.png);
  background-repeat: no-repeat;
  float: left;
}
#wemagbox {
  width: 269px;
  height: 368px;
  float: left;
  /*background-color: #ff1493;*/
}
#wemagimg {
  width: 216px;
  height: 280px;
  margin-top: 11px;
  margin-left: 11px;
  margin-bottom: 15px;
  
  background-color: #646464;
}
#wemagbtn {
  margin-left: 10px;
}