/* British Education Index Cascading Style Sheet 2 */

/* white-space: nowrap; */

textarea, select, input   
{ font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  font-size: 12px;
}
a:hover
{ text-decoration: none;
}

	
#header
{ margin-bottom: 2px;
  padding-left: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: black;
  background-color: #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;
  font-size: 80%;
}
#one, #one_a, #one_b, #one_c

{ 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, #one_b a, #one_c a
{ display: block;
  width: 140px;
  border-bottom: 1px solid #FFFFFF;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  color: black;
  background-color: #e1e1e1
}

#navcontainer b
{ padding-left: 2px;
  padding-right: 8px; /* To balance the total relative to #navcontainer s (for Firefox/Opera) */
}

#navcontainer hr
{ width: 96%;
  margin-left: 0px;
  text-align: left;
}

#navcontainer a:link, #navlist a:visited, #one_b a:link, #one_c a:link, #one_b a:visited, #one_c a:visited
{ 
text-decoration: none;
}

#navcontainer a:hover, #one_a a:hover, #one_b a:hover, #navlist a:hover
{ background-color: #4a4a73;
  color: #ffffff;
}

#navcontainer a span 
{
display: none;
}
#navcontainer a:hover span

{
   display: block;
   position: absolute;  top: 420px; left: -10px; width: 140px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000000; background: #ffffdd; border-style: solid;
   border-width: thin; border-color: #000000;
}

#container, #containerRightShifted
{ position: absolute;
  left: 0px; 
  top: 0px;
  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;
}

/* BEI website information pages*/

  #infopage
  {
  top: 12px;
  margin-left: 0;
  color: black;
  background-color: #ffffff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: left;
  font-size: 80%;
  }

#infopage p, blockquote, dl
{ 
  position: relative;
  left: 10px; 
  top: 0px;
  width: 95%;
  padding: 1px;
  text-align: left;
  font-size: 12px;
  color: #000000;
  background-color: #ffffff;
}
#infopage ol
{
  list-style-type: decimal;
  font-size: 12px;
  color: #000000;
  background-color: #ffffff;
}
#infopage ul
{
  list-style-type: circle;
  font-size: 12px;
  color: #000000;
  background-color: #ffffff;
}
#infopage li
{ position: relative;
  left: 0px; 
  top: 0px;
  padding: 1px;
  text-align: left;
  color: #000000;
  background-color: #ffffff; 
}


#infopage h1
{ font-size: 1.4em;
  color: #4a4a73;
  position: relative;
  left: 8px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: left;
  
}
#infopage h2
{ font-size: 1.2em;
  color: #4a4a73;
}

#infopage h3
{ font-size: 1em;
  color: #4a4a73;
}

#infopage table
{ position: relative;
  left: 10px;
  top: 2px;
  width: 90%;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  cellpadding: 2;
  cellspacing: 0;
  font-size: 0.75em;
  }
  
#infopage table.form

{
  position: relative;
  left: 10px;
  top: 2px;
  width: 60%;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  cellpadding: 2;
  cellspacing: 0;
  font-size: 0.75em;
  }



#infopage th
{ 
  font-size: 0.8em;
  font-weight: 900;
  color: #4a4a73;
  background-color: #e1e1e1;
  baseline: middle;
}

#infopage td
{ 
  vertical-align: top;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  background-color: #efefef;
  }

#infopage hr
{ position: relative;
  top: -10px;
  font-weight: 900;
  left: 8px;
  color: #4a4a73;
}


#infopage dt
{ position: relative;
  left: 10px; 
  top: 0px;
  width: 90%;
  padding: 1px;
  text-align: left;
  font-size: 0.9em;
  font-weight: bold;
  color: #4a4a73;
  background-color: #ffffff;
  }
  
#infopage p.page_contents
 { position: relative;
  left: 10px; 
  top: -10px;
  width: 90%;
  padding: 1px;
  text-align: left;
  font-size: 0.8em;
  color: #1E1E1E;
  background-color: #ffffff;
}


#infopage ul.1
 { 
  list-style-type: none;
  position: relative;
  left: 10px;
  top: -2px;
  margin-bottom: -2px;
  width: 600px;
  padding: 2px;
  font-weight: bold;
  text-align: left;
}
#infopage ul.2
 { 
  list-style-type: none;
  position: relative;
  left: 50px;
  font-weight: bold;
  width: 400px;
  text-align: left;
  text-size: 0.7em;
  background-color: #ffffff;

}
#infopage ul.3
 { 
  position: relative;
  left: 90px;
  margin-bottom: 0px;
  padding: 2px;
  width: 400px;
  text-align: left;
  background-color: #ffffff;
}	
#infopage ul.4
 { 
  list-style-type: none;
  position: relative;
  left: 130px;
  margin-bottom: 0px;
  width: 400px;
  text-align: left;
  background-color: #ffffff;
}

#infopage p.1
{
  position: relative;
  left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  width: 600px;
  padding: 2px;
  font-weight: bold;
  font-size: 1.2em;
  text-align: left;
  background-color: #dddddd;
  }
#one
{
	position: relative;
    left: 10px;
    top: -15px;
    width : 600px;
}

#one_a
{
  position: relative;
  left: 0px;
  top: 0px;
  width: 600px;
  padding : 5px;
  font-size: 8pt;
}

#horizontal
{
  position: relative;
  left: 0px;
  top: 0px;
  width: 640px;

}

#one_b
{
   position: absolute;
   left: 0px;
   top: 5px;
   width: 300px;
}

#one_c
{
    position: absolute;
    left: 320px;
    top: 5px;
    width: 300px;
}
#update_items
{
   line-height: 0.2px
 }