#foot span { display: none; }

/* Side Navigation Bar */
#search * { padding: 1px; }
.onlyprint { display: none; }

 /* A decent width for the search box */
#Terms { width: 156px; }

/* End of Side Nav */


/* Top Navigation Bar */
#menu {
	display:block;
	font: bold 0.7em/100% Verdana, "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
	margin:0;
	position: absolute;
	z-index:0;
	top: 70px;	left: 0;
	width:100%;
}
#m1, #m2 {
	display:block;
	list-style-type:none;
	margin: 0 auto;
}
#m1 {
    border-bottom: solid 4px #ddddff;
    line-height: 30px;	
	padding: 0 0 0 80px;
}
#m2 {
    background:#f3f3ff;
    color:#3a3299;
	font-family: Tahoma, "DejaVu Sans Condensed", sans-serif;
	font-weight: normal;
    line-height:30px;
	padding: 0;
}

#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}

#menu a {
    display: inline;
    margin: 0;
	padding: 4px 14px;
    text-decoration: none;
}
#m1 a {
	background: #f3f3ff;
	border-bottom: solid 4px #fff;
	color: #3a3299;
}
#m2 a {
	background:#ddddff;
	border-bottom: solid 4px #f3f3ff; 
	color:#3a3299;
}
#menu a:hover, #menu a.here:hover {
	border-color: #3a3299;
}
#menu a:hover { 
	background: #3a3299;
	color: #ffffbb;
}
#m1 a.here {
	background:#ddf;
	border-color:#ddf;
	color: #3a3299;
}
#m2 a.here {
	background:#bbf;
	border-color:#bbf;
	color: #3a3299;
}

/* 3rd level nav */
#m3 {
	border-bottom: 1px solid #ccccff;
    display:block;
	font-family: Tahoma, sans-serif;
	font-size: 100%;
    height:1.6em;
	margin: 0 0 15px;
	width: 100%;
}
#m3 ul {
	list-style:none;
	display:block;
	margin:0;
	padding:0 0 0 50px;
}
#m3 li {
	display: inline;
	margin:0;
	padding: 0;
	width: auto;
}
#m3 li a, #m3 li a:visited {
	background: #fff;
	border-width: 0;
	color: #555;
	padding: 4px 6px;
	text-decoration: none;
}
#middlebox #m3 li a.here {
/*	IE6 needs the specificity	*/
	background: #fff;
	border-bottom: 3px solid #999;
	color: #000;
	cursor: default;
	font-weight: bold;
}
#m3 li a:hover {
	background: #eee;
	border-bottom: 3px solid #bbb;
	color: #039;
	cursor: pointer;
}
#m3 li a.here:hover {	border-bottom-color: #394D8C; }

a, .pgmenu a:visited { text-decoration: underline; border-bottom: none; }
a:visited { text-decoration: none; border-bottom: dotted 1px; }

acronym, abbr {
 border-bottom-style: dotted;
 border-bottom-width: 2px;
 cursor: help;
}
* html a:visited acronym { border-bottom-width: 0; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
 margin-left: -5px;
 margin-right: 5px;
}
h2, h3, h4, h5, h6 { padding-left: 20px; }
dt  {
 padding-left: 4ex;
 margin: 8px -10px 4px -10px;
}

.pgmenu {
	border: solid 1px #ccccff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	clear: right;
	float: right;
	padding: 4px;
	width: 18em;
}
.pgmenu h5 {
	background:transparent none;
	border-width:0;
	margin:-5px 0 0;
	padding: 3px 3px 3px 10px;
}
.pgmenu img {
    display:block;
	margin:0 auto;
}
.pgmenu ul, .pgmenu ol {
 margin: 0 0 5px;
 padding: 0 3px 0 10px;
 list-style-image:none;
 list-style-type:none; /*IE6 doesn't understand shorthand*/
}
.pgmenu ol {
 padding-left: 1.7em;
}
ol.level3 { margin: 2px; padding: 2px 0 0; }
ol.level3 li {
 display:inline;
 margin: 0;
 padding: 2px 0;
 border: solid 1px #000050;
 border-width: 0 0 1px 0;
}
#middlebox ol.level3 li a { border-bottom-width: 0; padding: 0; text-decoration: none; }
#middlebox ol.level3 li.here a { color: #c8055c; background: #ddddff; }
#middlebox ol.level3 li.here { border-color: #c8055c; color: #c8055c; }
.pgmenu li {
 padding-bottom: 3px;
}
.pgmenu li li {
 padding-bottom: 0;
 padding-top: 3px;
 margin-bottom: -2px;
}
.farright { float: right; }
.farright a, .picr a, .picl a, .centre a { border-width: 0; text-decoration: underline; }
.farright a img, .picr a img , .picl a img { border-width: 1px; }
br.break, hr.break { clear: both; }
.picl, .picl-nobdr { clear: left; margin-left: -5px; margin-right: 5px; }
.txtr {
 margin: 3px -3px 0 0;
 float: right;
 width: 11em;
}
.picl p, .picr p, .picl span, .picr span, .picl div, .picr div {
 padding: 0; margin: 0;
}
.boxl {
	background: #bbf url(/img/hbk.png) repeat-x bottom;
	border: solid 2px #3a3299;
	-moz-border-radius: 8px;
	float:left;
	margin: 0 7px;
	padding: 8px;
	text-align:justify;
	width: 17em;
}
/* **** Colours ******************************* */

acronym, abbr { border-bottom-color: gray; }
/* NB NN4 has problems with "background: inherit;", so redefined here */
a:link, #foot a:link { color: #3a3299; background: transparent; }
a:visited, #foot a:visited { color: #008000;  background: transparent; }
/* NB IE seems unable to understand "inherit" (or perhaps ":link").
   Muppets. */
#middlebox .stripe a:link    { color: #3a3299; background: #eeeeee; }
#middlebox .stripe a:visited { color: #000050;  background: #eeeeee; }

#middlebox .stripe .even a:link    { color: #3a3299; background: white; }
#middlebox .stripe .even a:visited { color: #000050;  background: white; }

#middlebox .stripe .even a:hover, #middlebox .stripe a:hover, #middlebox a:hover  { color: #c8055c; background: #ffffbb; }

.pgmenu {
 color: black;
 background: #f6f6ff;
}
.pgmenu a { color: #3a3299; background: #f6f6ff; }
.pgmenu a:visited { color: #000050;  background: #f6f6ff; }
.txtr, .picl, .picr {
 color: black;
 background: white;
}
.pgmenu a img { border-width:0 0 2px;}
.pgmenu a.book img { border-width:0;}
.pgmenu ul a.here, #middlebox .pgmenu ul a.here, #middlebox .pgmenu ul a.here:visited {
	background:#bbf;
	border-right:4px solid #f33;
	color: #3a3299;
	display:block;
	padding: 2px 0;
}

/* *** Fonts  ********************************* */

div.where a, div.where a:visited { text-decoration: none; border: none; }
div.where a:hover { text-decoration: underline; }

.nopr {
	font-size: 0.85em;
	margin: 4px 20px 2px 15px;
}