/* RCI feeder sites stylesheet */

body, p {
  padding:0px;
}

body, p {
  font:100% verdana, sans-serif;
}

h1 {font-size: 150%; }
h2 {font-size: 130%; }
h3 {font-size: 115%; }
h4 {font-size: 105%; }
h5 {font-size: 100%; }

.small, th, td.contactinfo, table.data td, #mainnav li a, #rightnav #rcinews li  
{
  font-size : 75%;
}

body {
  color:#000000;
  background-color:#fff;
}

p {
  margin:0px 0px 16px 0px;
}

#content {
  margin:10px 10% 50px 200px;
  padding:10px;
  background-color:#fff;  
}

#content li {
  margin:4px 0px 0px 0px;
}


#rightnav {
  position:absolute;
  top:10px;
  left:20px;
  width:172px;
  padding:10px;
  background-color:#fff;
  line-height:17px;
  /* Again, the ugly brilliant hack. */
  voice-family: "\"}\"";
  voice-family:inherit;
  width:150px;
}

#rightnav img{
  margin: 10px 0px 10px 25px; 
}

#rightnav #rcinews {
  margin: 0;
  padding: 0;
}

#rightnav #rcinews li {
  margin: 3px 0 0 0;
  padding:0;
}

#mainnav ul
{
  margin: 0 0 0.5em 0;
  padding: 0;
  list-style-type: none;
  text-align:left;
}

#mainnav li 
{ 
  text-align:left;
  margin: 0;
}

#mainnav ul li a
{
  text-align: left;  
  display: block;
  padding: .2em .4em;
  width: 135px;
  text-decoration: none;
}

.rightcol {
  width: 150px;
  float : right;
  margin: 0 0 0 10px;
  padding: 6px;
  text-align : left;
}

.rightcolheading {
  font-weight: bold;
  margin-bottom: 5px;  
  color: #fff;
}

/* BEGIN Colouring code for algae related sites */
#algae #mainnav ul li a {
  color : #060; 
  background-color: #A8DFBF;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #060;
  border-bottom: 1px solid #060;  
}

#algae #mainnav ul li a:hover
{
  color : #A8DFBF; 
  background-color: #060;
  border-top: 1px solid #060;
  border-left: 1px solid #060;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#algae h1, #algae h2, #algae h3, #algae h4, #algae h5
{
  color : #060; 
}

#algae em
{
  color : #060; 
  font-weight : bold;
}

#algae th, #algae td.contactinfo, #algae table.data td
{
  color: #fff;
  text-align : left; 
  border: 1px outset #096;
}

#algae td.contactinfo {
  color: #000;
}

#algae .rightcol {
 color: #000;
}

#algae th, #algae .rightcolheading
{
  background-color: #060;
}

#algae td.contactinfo, #algae table.data td, #algae .rightcol
{
  background-color: #A8DFBF;
}

/* END Colouring code for algae related sites */

/* BEGIN Colouring code for unrelated sites */
#unrelated #mainnav ul li a {
  color : #036; 
  background-color: #ACF;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #036;
  border-bottom: 1px solid #036;  
}

#unrelated #mainnav ul li a:hover
{
  color : #ACF; 
  background-color: #036;
  border-top: 1px solid #036;
  border-left: 1px solid #036;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#unrelated h1, #unrelated h2, #unrelated h3, #unrelated h4, #unrelated h5
{
  color : #036; 
}

#unrelated em
{
  color : #036; 
  font-weight : bold;
}

#unrelated th, #unrelated td.contactinfo
{
  color: #FFF;
  text-align : left; 
  border: 1px outset #ACF;
}

#unrelated table.data td {
  color: #000;
  text-align : left; 
  border: 1px outset #ACF;
}


#unrelated td.contactinfo {
  color: #000;
}

#unrelated .rightcol {
 color: #000;
}

#unrelated th, #unrelated .rightcolheading
{
  background-color: #036;
}

#unrelated td.contactinfo,#unrelated table.data td, #unrelated .rightcol
{
  background-color: #ACF;
}

/* END Colouring code for unrelated sites  */


/* BEGIN Colouring code for heatstress sites */
#heatstress #mainnav ul li a {
  color : #fede93; 
  background-color: #930;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fede93;
  border-bottom: 1px solid #fede93;  
}

#heatstress #mainnav ul li a:hover
{
  color : #930; 
  background-color: #fede93;
  border-top: 1px solid #fede93;
  border-left: 1px solid #fede93;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#heatstress h1, #heatstress h2, #heatstress h3, #heatstress h4, #heatstress h5
{
  color : #930; 
}

#heatstress em
{
  color : #930; 
  font-weight : bold;
}

#heatstress th, #heatstress td.contactinfo, #heatstress table.data td
{
  text-align : left; 
  border: 1px outset  #930;
}

#heatstress th, #heatstress .rightcolheading
{
  color: #fff;
  background-color:  #930;
}

#heatstress td.contactinfo,#heatstress table.data td, #heatstress .rightcol
{
  background-color: #fede93;
  color: #930;  
}
/* END Colouring code for heatstress sites */