/* body { background-color: rgb(255, 255, 204); color: rgb(0, 0, 0); */
/*   font-family: Helvetica,Arial,sans-serif; */
/* } */

body { background-color: 
	  /* /\* colour of "cells" in the wordle. *\/ */
	  rgb(241, 241, 229);
	  /* rgb(203, 223, 248); */
	  /* colour of "interactions" in the wordle. */
	  /* rgb(141, 202, 242);  */
	  color: rgb(0, 0, 0);
  font-family: Helvetica,Arial,sans-serif;
}

h1 { text-align: center; 
  /* background-color: rgb(255, 255, 204);  */
  /* color: rgb(153, 0, 0); */
/*   border: dotted; */
}

h2 { text-align: left; 
  /* background-color: rgb(255, 255, 204);  */
  color: rgb(0, 0, 1000);
/*   border: dotted; */
}

li {  padding: 5px }

/* http://www.w3schools.com/css/css_float.asp */
img.right {
    float: right;
    margin: 0 0 10px 10px;
}

/* from http://www.w3.org/Style/Examples/007/center.html#block */
img.centred {
    display: block;
    margin-left: auto;
    margin-right: auto }

/* navlist is from a link off http://css.maxdesign.com.au/listamatic/ */
/* #navlist */
/* { text-align: center; } */
/* #navlist li */
/* { */
/* display: inline; */
/* list-style-type: none; */
/* padding-right: 20px; */
/* }
 */


/* http://css.maxdesign.com.au/listamatic/horizontal03.htm */
#navcontainer ul
{
  padding: 0em 0em 0em 0em;
  border: 1px solid  #ffa07a /* light salmon */;
/* padding-left: 0; */
  margin-left: 0em; 
  margin-right: 0em; 
  /* background-color: #ffa07a /\* light salmon *\/; */
  /* background-color: rgb(171, 191, 31) /\* colour of "tissue" in wordle *\/; */
  background-color: #ffaf49; /* some sort of light orange. */
/* color: White; */
  color: #ffa500 /*orange*/;
/*   float: left; */
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { list-style: none;
margin: 0; display: inline; }

#navcontainer ul li a
{
/* same colour as bg to avoid small shifts on hover. */
/* border: 1px solid  #ffa07a */ /* light salmon */;
border: 1px solid #ffaf49; /* some sort of light orange. */
/* this 0.2em must be the same as the 0.2 em in #navcontainer ul */
padding: 0em 0.2em 0em 0.2em;
font-size: 150%;
/* font-weight: bold; */
text-decoration: none;
/*  float: left; */
/* border-right: 1px solid #fff; */
}

#navcontainer ul li a:hover
{
border: 1px solid #000000;
/* background-color: #000686/* opposite of light salmon */; */
/* color: #fff; */
}


/* the current tab. on each page, add id="current" to the li element
for that page. ""*/
#current a
{
/* display: block; */
text-decoration: none;
background-color: #cd5c5c /* indian red */;
/* background-color: #cd7c7c; */
padding: 0.2em 0em 0.2em 0em;
}

:target
{
  border: thin solid;
  background-color: #ddeeff; 
  padding: 5px; 
} 

/* how to display group member names. */
#group-member-name {
    font-size: 125%;
    font-weight: bold;
}

/* the type of table i like. */
table.nice-table
{  
/* centre elements in cells. */
text-align:center; 
/* left-justify the table itself. */
/* margin-left:auto;  */
margin-right:auto;

border: 2px solid; 
border-collapse: collapse;
border-width:  thick; 
border-color: darkred;
empty-cells: show;
}

table.nice-table td,th 
{ 
  border: 1px solid darkred; 
  padding: 4px;
  text-align: left;
}

table.nice-table .left-padding
{ 
  border: 3px solid darkred; 
  padding: 4px;
  text-align: right;
}

td.left-padding
{ 
  border: 2px solid darkred; 
  padding: 10px;
  text-align: right;
}