/* Formatting for items within the content class - this should wrap all user content for a consistent look with the existing FERN site */
.content a {
  text-decoration: none;
}

.content a:link {
  color: #000; 
  text-decoration: underline;
}

.content a:visited {
  color: #000; 
  text-decoration: underline;
}

.content a:hover {
  text-decoration: underline;
}

.content {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 122%;
}

.content h1 {
  border-bottom: 2px solid;
  font-size: 120%;
}

.content h2 {
  font-size: 100%;
  margin-bottom: 2px;
}

.content img {
  border: 0;
}

.content p {
  margin-bottom: 6px;
  margin-top: 0px;
  font-size: 100%;
}

.content tr {
  color: #000;
  vertical-align: top;
}

.content .button {
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  margin-right: 10px;
  padding: 2px 4px 2px 4px;
  text-align: center;
  white-space: nowrap;
}

.content .button a:link {
  color: #002222; 
}

.content .button a:visited {
  color: #002222; 
}

.content .listcol1 {
  font-weight: bold;
  padding-right: 20px;
}

.content .listcol3 {
  padding-left: 20px;
}

.content .list td {
  background-color: #fff;
}

.content .list th {
  background-color: #38A5BF;
  color: #fff;
  border: 1px solid #aaaaaa;
  font-weight: bold;
  padding: 1px 4px 1px 4px;
  white-space: nowrap;
}