/*------------------------------------------------------------------------------
  DESCRIPTION: Article page CSS file for SDCCD Newscenter web site.
               This goes on every article page. This defines the different 
               CSS elements on an article page..
  
  AUTHOR:      David Joynson
  
  HISTORY:     20150316 -  WO 3089113 DJ
------------------------------------------------------------------------------*/
/*--- Elements ---*/
/* used on an article page */
h3 a {
  color: #008996;
  text-decoration: none;
}
h3 a:hover {
  color: #FCB040;
}
p {
  line-height: 1;
  margin-bottom: 10px;
}
/*--- Classes ---*/
/* used on an article page */
a.filed {
  color: #0000ff;
  font-weight:bold;
}
a.filed:hover {
  color: #FCB040;
}
/* used on an article page */
a.linkinarticle {
  color: #008996;
}
a.linkinarticle:hover {
  color: #FCB040;
}
/* used on article index (landing) page */
a.artmainkeylink{
  font-size: 9pt;
  color: #008996;
}
/* used on article index (landing) page */
a.artmainkeylink:hover {
  color: #FCB040;
}
/* used on article index (landing) page */
.artmaincap {
/*  float: left;*/
  color: #008996;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 10px;
  max-width: 730px;
  min-width: 519px;
  max-height: 16px;
  overflow: hidden;
}
/* used on article index (landing) page */
.artmaindate {
  float: left;
  margin-bottom: 10px;
  max-width: 730px;
  min-width: 519px;
  max-height: 16px;
}
/* used on article index (landing) page */
.artmainimg {
  float: left;
  width: 200px;
  height: 125px;
  margin-right: 6px;
  margin-bottom: 6px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
/* used on article index (landing) page */
.artmainimg img {
  width: 200px;
  height: 125px;
}
/* used on article index (landing) page */
.artmainitem {
  float: left;
  font-size: 10pt;
  margin-bottom: 20px;
  width: 730px;
  padding: 0px 10px 0px 0px;
}
/* used on article index (landing) page */
.artmainkey {
  float: left;
  margin-right: 10px;
/*  width: 25%;*/
}
/* used on article index (landing) page */
.artmainkeywords {
/*  float: left;*/
/*  font-size: 9pt;
  color: #008996;*/
  max-width: 730px;
  min-width: 519px;
  max-height: 16px;
}
/* used on article index (landing) page */
.artmaintext {
  font-size: 10pt;
  margin-bottom: 10px;
  max-width: 730px;
  min-width: 519px;
  max-height: 59px;
  min-height: 59px;
  overflow: hidden;
  line-height: 1.1;
}
/* used on an article page */
.imageleftdiv {
  float: left;
  margin-right: 12px;
  margin-bottom: 0px;
  min-height: 195px;
  max-width: 327px;
}
/* used on an article page */
#articletext p.imageleftdivp  {
  margin-bottom: 0px;
  font-size: 8pt;
  font-weight: bold;
}
/*--- IDs ---*/
/* used on an article page */
#aboutbox, #catbox, #relatebox {
  font-size: 9pt;
  margin-bottom: 20px;
  line-height: 1.2;
}
/* used on an article page */
#artadbox {
  width: 353px;
  height: 260px;
  margin: 0px 0px 46px 0px;
  
/*  background-color: #646464;*/
}
#articlebox {
  background-color: #ffffff;
  width: 546px;
  height: 1258px;
  margin-left: 29px;
/*  border: 1px solid #dddddd;*/
  border: 1px solid #000000;
}
/* used on an article page */
#articletext {
  width: 100%;
  /*height: 724px;*/
  float: left;
  margin-top: 20px;
  overflow: auto;
}
/* used on an article page */
#articletext p {
  line-height: 1.3;
  font-size: 10pt;
  margin-bottom: 10px;
}
/* used on an article page */
#articletext p.first{
/*  color: #f26522;*/
  font-size: 10pt;
}
#artmmbox {
  width: 294px;
/*  height: 526px;*/
  min-height: 80px;
  float: left;
}
.artmmgap {
  width: 100%;
  height: 20px;
  float: left;
}
/* used on an article page */
#artsecleft {
  background-color: #ffffff;
  width: 480px;
  float: left;
  width: 565px;
/*  height: 1294px;*/
  min-height: 596px;
/*  border: 1px solid black;*/
  padding: 0px 10px 0px 10px;
  overflow: auto;
}
/* used on an article page */
#artsecright {
  /*background-color: #909090;*/
  width: 353px;
  float: left;
/*  height: 1296px;*/
  overflow: auto;
}
/* used on an article page */
#artphotobox {
  width: 960px;
  min-height: 500px;
  margin-bottom: 10px;
/*  overflow: hidden;*/
/*  background-color: #dddddd;*/
}
/* used on an article page */
#artphoto {
  width: 960px;
  height: 479px;
  background-color: #ffffff;
  overflow: hidden;
}
/*#artphocaption {
  background-color: transparent;
  color: #008996;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 40pt;
  font-weight: bold;
  height: 130px;
  position: relative;
  top: -130px;
  width: 400px;
  z-index: 7;
  padding: 10px 10px 10px 20px;
}*/
/*#artphocaptionbox {
  background-color: #ffffff;
  height: 130px;
  position: relative;
  top: -280px;
  width: 420px;
  z-index: 5;
  opacity: .75;
}*/
/* used on an article page */
#artfeaturedvideobox {
  width: 294px;
  height: 233px;
  float: left;
}
#artphotogallerybox {
  width: 294px;
  height: 233px;
  float: left;
}
#artphotogalleryimg {
  width: 291px;
  height: 193px;
  
  background-color: #646464;
}
#artphosmlcap {
  color: #000000;
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9pt;
  font-weight: bold;
  margin-left: 11px;
  margin-top: 5px;
/*  min-height: 18px;*/
  width: 960px;
/*  background-color: transparent;*/
/*  position: relative;*/
/*  text-align: right;*/
/*  top: -295px;*/
/*  z-index: 6;*/
/*  padding-right: 50px;*/
}
/*#artphosmlcap p {
  line-height: 1;
  min-height: 18px;
  margin-bottom: 10px;
  margin-top; 0px;
}*/
#arttop {
  margin: 10px auto 10px auto;
  font-size: 8pt;
  width: 100%;
  float: left;
  height: 25px;
}
#arttitle {
  color: #008996;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 30pt;
  font-weight: bold;
  min-height: 50px;
/*  padding-left: 10px;*/
  max-width: 585px;
}
#artvertcenterbar {
  width: 16px;
  height: 10px;
  float: left;
  background-color: transparent;
}
#artfeaturedvideoplaybtn {
  width: 52px;
  height: 52px;
  background-color: transparent;
  position: relative;
  top: -180px;
  left: 200px;
  margin-bottom: -52px;
  background-image: url(/newscenter/_resources/images/btn_featvideo.png);
  background-repeat: no-repeat;
}
#artfeaturedvideotitle, #artphotogallerytitle {
  background-image: url(/newscenter/_resources/images/featnewstitle.png);
  background-repeat: no-repeat;
  width: 141px;
  height: 29px;
  color: #ffffff;
  font-size: 13pt;
  padding-top: 11px;
  padding-left: 11px;
}
#artfeaturedvideoimg {
  width: 294px;
  height: 193px;
  
  background-color: #646464;
}