/**
Styles used only on hosted welcome pages.
*/

#healthnoteswrapper #welcomeBody {
  padding: 0 5px 20px 5px;
  font-size:0.9em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#e9e8e8;
}
#healthnoteswrapper #welcomeBody #group1,
#healthnoteswrapper #welcomeBody #group2 {
  margin: 0;
  padding: 0 20px 0 0;
}
#healthnoteswrapper #welcomeBody table.columns {
  width: 100%;
}
#healthnoteswrapper #welcomeBody table.columns td {
  padding: 0;
  width: 50%;
}
* html #welcomeBody table.columns {
  width: 95%;
}
* html #welcomeBody table.columns td {
  margin: 0;
  padding: 0;
}
#healthnoteswrapper #welcomeBody #group1 h2 {
  font-size: 1em;
  margin-bottom: 3px;
}

#healthnoteswrapper #welcomeBody h1.box {
  font-size: 1em;
  font-weight: bold;
  margin: 10px 0 3px 0;
  padding: 0;
}
#healthnoteswrapper #welcomeBody h1.box a {
  border: solid #fff7ec 1px;
  color: #9b9082; 
  display:block; 
  padding: 2px 4px 1px 4px;
  text-decoration: none; 
}
#healthnoteswrapper #welcomeBody h1.box a:visited {
  color: #9b9082; /* prevent purple color */
}
#healthnoteswrapper #welcomeBody h1.box a:hover {
  background-color: #fff7ec;
  color: #9b9082;
  text-decoration:underline;
}

#healthnoteswrapper #welcomeBody div.section {
  margin: 0;
  padding: 10px 0 0 0;
  
}
#healthnoteswrapper #welcomeBody div.section p {
  margin: 2px 4px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
}
#healthnoteswrapper #welcomeBody div.focus {
  clear: both;
  margin: 0;
  padding: 4px 0;
}
#healthnoteswrapper #welcomeBody div.focus h2,
#healthnoteswrapper #welcomeBody div.focus img {
  margin: 0;
  padding: 0;
font-family:Arial, Helvetica, sans-serif;
  font-size:9pt;

}

#healthnoteswrapper #welcomeBody div.focus p {
  margin: 0;
  padding: 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;

}

/* Make sure ULs clear focus images */
#healthnoteswrapper #welcomeBody div.focus ul {
  margin-left: 72px;
}
#healthnoteswrapper #welcomeBody a {
  color: #9b9082;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
  font-size:9pt;
  text-decoration:none;
}
#healthnoteswrapper #welcomeBody a:visited {
  color: #9b9082;
    text-transform:uppercase;
}
#healthnoteswrapper #welcomeBody a:hover {
  color: #9b9082;
  text-decoration:underline;
    text-transform:uppercase;
}

#healthnoteswrapper #welcomeBody p, 
#healthnoteswrapper #welcomeBody form {
  margin: 0;
  padding: 0;
}
#healthnoteswrapper #welcomeBody ul {
  font-size: 7.5pt;
  font-family:Arial, Helvetica, sans-serif;
  padding: 0 0 0 4px;
  margin: 0 0 2px 12px;
}
#healthnoteswrapper #welcomeBody ul.no-bullet {
  list-style: none;
}
#healthnoteswrapper #welcomeBody #banner {
display:none;
}
/* Highlight new articles */
#healthnoteswrapper #welcomeBody .new {
  color: #C00;
  font-size: .9em;
  font-weight: bold;
}
/* right- and left-floated content (images, usually) */
#healthnoteswrapper #welcomeBody .right {
  float: right; 
  margin: 0 0 0 8px;
}
#healthnoteswrapper #welcomeBody .left {
  float: left; 
  margin: 0 8px 0 0;
}
/* Quick link form buttons */
 #healthnoteswrapper .button {
  background-color: #66504e;
  border: solid #FFF 1px;
  color: #FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}
 #healthnoteswrapper .button:hover {
  background-color: #9b9082;
  cursor:pointer;
}
#healthnoteswrapper #nwHeadlines {
  font-size: 13px;
}
#healthnoteswrapper #nwHeadliness ul {
  margin: 0 0 0 12px;
  padding: 0 0 0 0px;
}
#healthnoteswrapper #nwHeadliness ul li {
  margin: 0;
  padding: 0;
}
#healthnoteswrapper #nwHeadlines ul a {
  display: block;
  height: 1%; /* IE otherwise separates blocks too much */
  line-height: 1.1em;
  margin: 0;
  padding: 4px 2px;
}
* html #nwHeadlines ul li a {
  line-height: 1.0em;
}
#healthnoteswrapper #welcomeBody .more,
#healthnoteswrapper #nwHeadlines .more {
  background: url("http://www.foodforthoughtuk/images/brown_arrow.gif") right no-repeat;
  clear: both;
  padding-right: 1em;
  text-align: right;
}
