/* Non-NN4 On-Screen Only */
@media screen {
/* **** Structure ***************************** */

#middlebox {
/* ** The next line (margin) positions the div either left or right
 **** margin: [top] [right] [bottom] [left]
 ** */
 margin: 10px 10px 0 180px;
 padding: 10px 5px 10px 10px;
 border-style: solid;
 border-width: 1px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
}
/* Top Navigation Bar */
#menu {
 /* top and left alter values in -all.css set for NN4 */
 top: 70px;
 left: 180px;
 height: 2em;
 border-style: solid;
 border-width: 1px 1px 0 1px;
}

#menu span, #foot span { display: none; }

#menu a {
 margin: 0; padding: 2px 14px;
 border-style: solid;
 border-width: 0 0 2px 0;
}
a[accesskey]:after { content: " [" attr(accesskey) "]"; font-weight: 100; background: inherit; color: gray; }

/* Side Navigation Bar */
#search {
 margin: 0;
 border-style: solid;
 border-width: 1px 0;
}

#search * { padding: 1px; }
.onlyprint { display: none; }

#nav li a:link, #nav li a:visited {
 display: block;
 margin: 0;
 padding: 5px 0 5px 0.4em;
 border-style: solid;
 border-width: 0 6px 0 0;
}
#nav li li a:link, #nav li li a:visited {
 margin: 0;
 padding: 5px 0 5px 0.5em;
 border-style: solid;
 border-width: 0 6px 0 0;
}
#middlebox table {
 -moz-border-radius: 10px;
}
 /* A decent width for the search box */
#Terms { width: 156px; }

/* End of Side Nav */

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 { padding-left: 2ex; }
h3 { padding-left: 5ex; }
h4 { padding-left: 7ex; }
h5 { padding-left: 9ex; }
h6 { padding-left: 11ex; }
dt  {
 padding-left: 4ex;
 margin: 8px -10px 4px -10px;
}

.pgmenu {
 clear: right;
 float: right;
 margin-right: 5px;
 padding: 4px;
 max-width: 150px;
}
.pgmenu ul, .pgmenu ol {
 margin: 0;
 padding-left: 1.2em;
 list-style-position: outside;
}
.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;
}
.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;
}

/* **** Colours ******************************* */

body {
 color: black;
 background: white url(/img/bkg-s.png) left repeat-y;
}

#middlebox {
 color: black;
 background: white;
 border-color: #000099;
 border-color: #ccccff;
}

/* Top Navigation Bar */
#menu a {
 background: #ddddff;
 color: #3a3299;
 border-color: #ddddff;
}
#menu a:hover {
 border-color: #3a3299;
 color: #ffffbb;
 background: #3a3299;
}

/* Side Navigation Bar */
#nav li a {
 color: #3a3299;
 background: #ddddff;
 border-color: #ddddff;
}
#nav li li a {
 color: #3a3299;
 background: #eeeeff;
 border-color: #eeeeff;
}
#nav li a:hover, #nav li li a:hover {
 color: #ffffbb;
 background: #3a3299;
 border-color: #3a3299;
}
#nav li a.here, #nav li li a.here, #menu a.here { border-color: #c8055c; }
#nav li a.here:hover, #menu a.here:hover {
 color: #3a3299;
 background: #ddddff;
 border-color: #c8055c;
}
#nav li li a.here:hover {
 color: #3a3299;
 background: #eeeeff;
 border-color: #c8055c;
}

/* End of Side Nav */

acronym, abbr { border-bottom-color: gray; }
/* NB NN4 has problems with "background: inherit;", so redefined here */
#middlebox a:link    { color: #3a3299; background: inherit; }
#middlebox a:visited { color: #000050;  background: inherit; }
/* 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 ol .here, #middlebox .pgmenu ol .here a, #middlebox .pgmenu ol li.here a:visited {
 background: #ddddff;
 color: #c8055c;
}

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

/* Top Navigation Bar */
#menu a, #nav a { text-decoration: none; }

/* Side Navigation Bar */
#nav { font-weight: bold; }
#nav ul { text-align: left; }
/* End of Side Nav */

.pgmenu {
 font-size: 0.85em;
 font-weight: bold;
}
.pgmenu a {
 font-weight: normal;
}
div.where a, div.where a:visited { text-decoration: none; border: none; }
div.where a:hover { text-decoration: underline; }


} /*end of @media screen */