/* This style-sheet is for pressroom and article pages and can be loaded just 
    on those pages where it is necessary. */

/* 2Jul2007: I don't understand the need to use padding vs. margins
   in order to get article_list and article_items to look right. 
   I'll research this more later.
*/
div#article_list {
/* float:left; */
/* margin: 20px 0px 20px 0px; */
overflow:hidden;
padding:20px 0px 0px 0px;
width:550px;
}

div#article_list .article_item .photo img {
  margin:0;
  padding:0;
}

div#article_list div.article_item:first-child{
  /* border-bottom-color: #66230D;
  border-bottom-style:dotted;
  border-bottom-width: 2px; */
 /* position:relative; */
  width:550px;
  padding-top:0px;
} 

div#article_list div.article_item:last-child{
  border:none;
  /* position:relative; */
  width:550px;
  padding-bottom:20px;
} 

div#article_list div.article_item{
  /* border-bottom-color: #66230D;
  border-bottom-style:dotted;
  border-bottom-width: 2px; */
 /* position:relative; */
  overflow:hidden;
  width:550px;  /* modify to match gutter */
  padding-top:10px;
  padding-bottom:10px;
}

div.article_item div.photo {
  float:left;
  /* margin-top:30px; */
  width:135px;  /* modify to match gutter */
  /*width:180px;*/  /* 20071130 version for new style, if we get there */
}
div.article_item div.info {
  float:left;
  margin-left:25px;
  /* margin-top:30px; */
  width:365px;  /* modify to match gutter */
}
div.article_item div.info h2 {
  background-color:inherit;
  color:#663366;
  font-size:12px;
  letter-spacing:normal;
  border-bottom-style:none;
  border-bottom-width: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

div.article_item div.info h2.date {
  margin-bottom:10px;
}
div.article_item div.info h3 {
  background-color:inherit;
  color:#000000;
  font-size:12px;
  font-weight:bold;
  margin:0px;
  padding:0;
}
div#article_list div.article_item div.info p.comment {
  margin-top:0;
}
span.tagline {
  font-size:12px;
}

div.article_item img {

}

div.article_item div.info p {
  font-size:10px;
}
div.article_item div.info p.comment {
  margin-left:0;
  margin-top:0;
  /* margin:0px 0px 0px 0px;*/
  padding:0px;
  font-style:italic;

}

body#newsarticle #header {
  margin-bottom:0px;
}


div#article {
float:left;
overflow:hidden;
/* display:inline; */
/* margin: 10px 0px 20px 10px; */
width:550px;
}

div.leadin {
  margin-left:30px;
  overflow:hidden;
  width:375px;
}
div.photohead {
  width:550px;
}
div.photohead p {
  text-align:center;
}
div.photohead img {
  border: 1px solid #000;
  margin-left:5px;
  margin-right:5px;
}

div#columns {
  clear:both;
  position:relative;
  width:516px;
  font-size:.9em;
  overflow:hidden;
}

#column_1 {
  float:left;
  display:inline;
  margin-top:10px; 
  width:248px;
  /* font-size:.65em; */
}
#column_2 {
  float:left;
  display:inline;
  margin-left:20px;
  margin-top:10px; 
  width:248px;
}

div#article img {
  float:left;
  margin-right:20px;
}

div#article  p.quote {
  background-color:inherit;
  color:#663366;
  font-size:12px;
  text-align:center;
  margin: 0px 50px 0px 190px;
  padding-left: 10px;
}
.incolumn_img{
  overflow:hidden;
}
div#note {
  background-color:#CCCCCC;
  color:inherit;
  border: 2px solid #000000;
}
div#note h2{
  margin-top:2px;
  margin-left:10px;
  margin-right:10px;
}
div#note p.comment{
  font-size:.9em;
  margin-top:0px;
  margin-bottom:4px;
  margin-left:10px;
  margin-right:10px;
}
div#note p.author{
  margin-left:10px;
  margin-right:10px;
  text-align:right;
}