@import url(sansserif.css);

body 
{
  background-color: rgb(100%,100%,93%); 
  background-image: none;
  color: rgb(0%,0%,60%);
/* the scrollbar properties are IE5+ specific, NOT true CSS.  Maybe I ought to hive them off into a separate style sheet, to at least make this valid CSS */
  scrollbar-3d-light-color: white; 
  scrollbar-arrow-color: red; 
  scrollbar-base-color: rgb(0,100%,0);
  scrollbar-shadow-color: rgb(0,50%,0);
  scrollbar-dark-shadow-color: rgb(0,30%,0); 
  scrollbar-face-color: rgb(87%,80%,5%);
  scrollbar-track-color: rgb(100%,100%,93%); 
  scrollbar-highlight-color: rgb(0%,70%,0%); 
}

body.widepage, body.journal
{
  background-color: rgb(94%,95%,100%);
/* Netscape 4 doesn't interpret partial URLs correctly */
  background-image: url(http://www.eldan.freeserve.co.uk/pix/eldbgtrans.gif);
  scrollbar-track-color: rgb(94%,95%,100%);
}

body.contentslist
{
  background-image: url(../pix/eldnegbtotop.gif);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: bottom left;
}

body.mainframe
{
  background-image: url(../pix/eldnegrotated.gif);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: bottom right;
}


body.widepage table, table.main, table.right_side, table.left_side, table.main td, table.main th, table.right_side td, table.right_side th, table.left_side td, table.left_side th
{
  background-color: rgb(100%,100%,93%);
  border-color: rgb(87%,80%,5%);
}


h1
{
  color: rgb(0,60%,10%);
}

h2
{
  color: rgb(0,60%,10%);
}

h3
{
  color: rgb(0,60%,10%);
}

a:link 
{
  color: rgb(100%,0%,0%); 
}

a:visited 
{
  color: rgb(60%,0%,0%); 
}

a:active 
{
  color: rgb(100%,100%,93%); 
}
