/* British Education Index Cascading Style Sheet */

body	
{ margin: 0;
  color: black;
  background-color: #ffffff;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
}

/* rollovers*/

a 
{ text-decoration: underline; 
}

/* a:link { color: #2D707E; }
   a:visited { color: #2D707E; }
   a:hover { color: #CB0000; }
   a:active { color: #2D707E; }
*/

/* white-space: nowrap; */

textarea, select, input   
{ font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  font-size: 12px;
}

	
#header
{ margin-bottom: 2px;
  padding-left: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: black;
  background-color: #e1e1e1; /* grey #e1e1e1; << */
}
   	
/*navigation*/
	
#navcontainer
{ margin-left: 0px;
  color: black;
  background-color: #ffffff;
}
	
#navlist
{ position: absolute;
  top: 12px;
  margin-left: 0;
  color: black;
  background-color: #ffffff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: left;
}

#navcontainer ul, #navcontainer td
{ list-style-type: none;
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 80%;
}

#navcontainer a, #navcontainer b, #navcontainer form
{ display: block;
  width: 140px;
  border-bottom: 1px solid #FFFFFF;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  color: black;
  background-color: #e1e1e1; /* grey << */
}

#navcontainer b
{ padding-left: 2px;
  padding-right: 8px; /* To balance the total relative to #navcontainer s (for Firefox/Opera) */
}

#navcontainer hr
{ width: 140px;
  margin-left: 0px;
  text-align: left; 
}

#navcontainer a:link, #navlist a:visited
{ text-decoration: none;
}

#navcontainer a:hover
{ background-color: #4a4a73; /* Deep blue #4a4a73; Red #bb3627 << */
  color: #ffffff;
}
	
/* Delivered information */

#container, #containerRightShifted
{ position: absolute;
  left: 0px; 
  top: 12px;
  width: 98%;
  margin-right: auto;
  margin-left: auto;
  padding: 1px;
  text-align: left;
  color: black;
  background-color: #ffffff; 
}

#containerRightShifted
{ margin-left: 10px;
} 

#delivery, #deliveryRightShifted, #deliveryTable
{ position: relative;
  height: auto;
  /* min-height: 450px;  2007/02 IE does not recognise this, Opera + Firefox do */
  width: 98%;
  margin-right: 0px;
  margin-top: 0px;
  border-left: 0px solid #FFFFFF;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  color: black;
  background-color: #CBE4F0; /* green #d8eBd0; light blue #CBE4F0; blue #aac5e1;  << */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 80%;
}

#deliveryRightShifted
{ margin-left: 10px;
}


#delivery TD, #deliveryTable TD
{ vertical-align: top; 
  empty-cells: show;
  border-width: 0;
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 4px;
  font-family: Arial, sans-serif; 
  font-size: 0.8em;
}

#deliveryTable TD
{ color: black;
  background-color: #ffffff;
}

#footer
{ margin-top: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: black;
  background-color:  #e1e1e1; /* << should match header */
  height: 20px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 70%;
  text-align: center;
  text-decoration: none;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover 
{ color: black;
  background-color:  #e1e1e1; /* << should match header */  
  text-decoration: none;
}

#footer a:hover
{ text-decoration: underline;
}