body{margin:0; padding:0; width:570px; font-family:Arial, Helvetica, sans-serif;  color:#666;}
h1{font-size:120%; border-bottom:1px solid #E3E3E3;}
h2{font-size:100%}
p, li{font-size:80%;}
p a{text-decoration:none; border-bottom:1px dotted #036; color:#036; font-weight:bold;}
p a:hover{border-bottom:1px solid #036;}


/*GENERIC*/

.abstract {
  font-size: 90%;
  padding: 15px 0 30px 0;
  
  clear: both;
  line-height: 130%;

}

.abstract h2 {
  padding: 0;
}
.abstractImage {
  /*float: right;Floats the image to the */
  margin: 10px;/*sets the margins so the image sits nicely in the p elements*/
  border: 1px solid #000;/*sets a border on the image*/
  padding: 3px;
}
#article h2 {
  padding: 0 0 0 20px;
}
.articleParagraph {
  font-size: 90%;
  padding: 0 20px 20px 20px;
  
  clear: both; /* make sure images don't overlap */
  line-height: 150%;
}

.articleParagraph img {border: 1px solid #000;padding: 3px;}

.articleImage right {
  /*float: right;Floats the image to the */
  margin: 0 10px 5px 0;/*sets the margins so the image sits nicely in the p elements*/
  border: 1px solid #f00;/*sets a border on the image*/
  padding: 3px;
  text-align: center;
  float:right;
}

.articleImage left {
  /*float: right;Floats the image to the */
  margin: 0px 0 5px 10px;/*sets the margins so the image sits nicely in the p elements*/
  border: 1px solid #000;/*sets a border on the image*/
  padding: 3px;
  text-align: center;
  float:left;
}
.left {
  float: left;
}
.right {
  float: right;
}

.articleImageCaption {
  background-color: #ccc;
  color: #000;
  padding: 3px;
  text-align: center;
  font-size: 80%;
}

.displayArticleDoc {
  padding: 10px;
}

.displayArticleLink {
  padding: 10px;
}

#goBackLink {
  clear: both;
  padding: 10px;
  text-align: center;
  font-size: 80%;
}