#nav li {

	behavior: url('styles/scripts/CSSNavIEHover.htc');

	}





body {

	font-size: x-small; 

	font-family: verdana, arial, helvetica, sans-serif;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	}



body,

.nav {

	background-image:  url("../images/background.gif"); 

	background-repeat:repeat-y; 

	}



P,

.content P, 

.content OL, 

.content UL,

.content DL,

.content TD {

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 1.0em; 

	line-height: 1.2em;

	margin-right: 5px;

	margin-bottom: 0px;

	}



/* there is a fault in IE6 which seems to mean that numbering doesn't work within absolutely positioned divs

see e.g. http://www.lostpilgrim.co.uk/blog/archives/000417.php */

OL {

	list-style-type: decimal;	

	}



H1, H2, H6 {

	font-family: Palatino Linotype, Times New Roman, Times, serif;

	text-decoration: none;

	}



H3, H4, H5 {

	font-family: verdana, Arial, helvetica, sans-serif;

	text-decoration: none;

	}



P, UL, OL, DL, TD, caption,

.content DIV.bottomnav P,

.date {

	font-family: verdana, Arial, helvetica, sans-serif;

	text-decoration: none;

	}



H1, H2, H3, H4, H5, H6, 

P, UL, OL, DL {

	margin-left: 0px;

	padding-left: 0px;

	}



UL, OL {

	margin-left: 20px;

	padding-left: 20px;

	margin-top: 2px;

	padding-top: 2px;

	}



DT {

	margin-top: 0.5em;

	}



H1 {

	margin-top: 0px;

	padding-top: 15px;

	font-size: 1.6em;

	line-height: 1.0em;

	}



H2 {

	font-weight: bold;

	font-size: 1.4em;

	margin-top: 0px;

	padding-top: 15px;

	margin-bottom: 5px;

	}



H3 {

	font-weight: bold;

	font-size: 1.2em;

	line-height: 1.2em;

	margin-top: 15px;

	margin-bottom: 5px;

	}



H3.overline, H4.overline {

	margin-right: 10px;

	padding-top: 5px;

	}



H3.session {

	margin-top: 25px;

	margin-bottom: 5px;

}



H4 {

	font-weight: bold;

	font-size: 1.1em;

	margin-top: 1.0em;

	margin-bottom: 0px;

	padding-bottom: 0px;

	}



H4 + P {

	margin-top: 0px;

	padding-top: 0px;

	}



H5 {

	font-weight: bold;

	font-size: 1.0em;

	font-style: italic;

	margin-top: 15px;

	margin-bottom: 5px;

	}



H6 {  

	font-weight: bold;

	font-size: 1.0em;

	margin-top: 10px;

	margin-bottom: 0px;

	}



P {

	font-size: 1.0em;

	}



OL UL, 

UL UL {

	margin-left: 20px;

	}



caption {

	font-weight:bold; 

	text-align:left;

	margin-top: 1.0em;

	padding-top: 0.5em;

	}



.ToC, .toc {

	padding-bottom: 0.5em;

	padding-top: 0.25em;

	}



.ToC p, .toc p {

	margin-top: 0.25em;

	}



.bottomnav {

	position: relative;

	font-size: 0.9em;

	}



.bottomnav p {

	text-align: left;

	}



.crumbtrail p {

	font-size: 0.8em;

	margin: 0px;

	padding: 5px;

	line-height: 1em;

	}



.content img {

	margin-top: 2px;

	}



/* ----- START OF LINKS (EXCEPT THOSE IN LEFTNAV [SEE BELOW]) ----- */



A:link,

A:hover,

a:visited {

	text-decoration: none;

	font-weight: bold;

	}



.bottomnav A:link {

	font-weight: bold;

	text-decoration: none;

	}



.bottomnav A:visited {

	font-weight: bold;

	text-decoration: none;

	}



A:hover, 

.bottomnav A:hover {

	text-decoration: none;

	}



.newsflash A:link, 

.newsflash A:visited {

	font-weight: bold;

	text-decoration: none;

	}



.newsflash A:hover {

	font-weight: bold;

	text-decoration: none;

	}



p.gototop a:link,

p.gototop a:visited {

	font-size: 0.9em; 

	font-weight: bold; 

	text-decoration:none;

	margin-top: 0.25em;

	padding: 0.25em;

	padding-left: 0.5em;

	padding-right: 0.5em;

	line-height: 0.5em;

	}



.toc a, .ToC a {

	font-weight:normal;

	}

	

a[href $='.ppt']:after {content:" [PowerPoint]";}



a[href $='.xls']:after {content:" [Excel]";}



a[href $='.pdf']:after {content:" [pdf]";}



a[href $='.doc']:after {content:" [Word]";}





/* ----- END OF LINKS (EXCEPT LEFTNAV [SEE BELOW]) ----- */



/* ----- FORMS ----- */



FORM,

FORM P,

FORM INPUT,

FORM TEXTAREA {

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 0.9em;

	}



/*.leftnav INPUT {

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 0.9em;

	}



.leftnav INPUT {

	margin-left: 0px;

	margin-top: 2px;

	width: 100px;

	line-height: 1.0em;

	}*/



/* ----- START OF MISCELLANEOUS TEXT CLASSES ----- */



p.pale, p.compact, span.compact {

	font-size: 0.85em;

	padding-top: 0px;

	margin-top: 0px;

	margin-bottom: 5px;

	text-align: right;

	}



.date {

	font-size: x-small;

	font-style: italic;

	padding-top: 30px;

	}



.aligntop,

#aligntop {

	padding-top: 0px;

	margin-top: 0px;

	}



.standout {

	font-weight: bold;

	}



.dblspace,

#dblspace {

	line-height: 1.5em;

	padding-top: 0px;

	margin-top: 0px;

	}



p.picturecredit {

	font-size: xx-small;

	text-align: left;

	margin-top: 0px;

	margin-left: 2px;

	padding: 2px;

	}



.picturecredit a:link,

.picturecredit a:visited,

.picturecredit a:hover {

	font-weight: normal; 

	text-decoration: none;

	}



p.credit {

	padding-right: 5px;

	}



#spacer {

	padding: 5px;

	}



.indent {

	margin-left: 20px;

	}



.banner-right img {

	margin: 0px;

	border: none;

	vertical-align: top;

	}



/* ----- END OF MISCELLANEOUS TEXT CLASSES ----- */



/* ----- START OF MISCELLANEOUS BLOCK CLASSES ----- */



.newsflash {

	margin-top: 0px;

/*	margin-bottom: 5px;*/

	padding: 5px;

	}



.credit {

	display: block;

	font-size: xx-small;

	text-align: right;

	margin-left: 151px;

	margin-top: 0px;

	margin-right: 0px;

	padding: 2px;

	}



/* ----- END OF MISCELLANEOUS BLOCK CLASSES ----- */



/* ----- START OF ABSOLUTE POSITIONING ----- */



/* NB. V.4 BROWSERS CAN'T DEAL WITH UNDERSCORE CHARACTER IN CLASS NAME */

/* USE HYPHEN INSTEAD */



.gototop {

	position:fixed;

	bottom: 60px;

	right: 10px;

	visibility:visible; 

	z-index:100;

	text-align: right;

	padding: 0em;

	}



.logo {

	position:absolute; 

	z-index:101;  

	left:0px; 

	top:130px; 

	height:130px;

	width:150px; 

/* 	padding ADDS to height and width rather than being part of them */

	padding-top:0px;

	padding-bottom:0px; 

	padding-left:0px;

	padding-right:0px;

	overflow:visible; 

	}



/*.lhstrip {

	position:absolute; 

	z-index:11; 

	left:0px; 

	top:0px; 

	width:150px; 

	height: 100%; 

	overflow:visible;

	margin: 0px;

	padding: 0px;

/*	background-image:  url("../images/fuzzywave.gif"); 

	background-repeat:repeat-y; 

	}*/



.bannerback {

	position:absolute; 

	z-index:10; 

	background-image:  url("../images/backcloth.gif"); 

	background-repeat: repeat-x; 

	background-position: 0px 0px; 

	top:0px; 

	height:130px; 

	width:100%; 

	overflow:visible;

	}



.banner {

	position:absolute; 

	z-index:20; 

/*	background-image:  url("../images/backdrop.jpg"); */

	background-image:  url("../images/backdrop.gif"); 

	background-repeat: no-repeat; 

	background-position: 0px 0px; 

	top:0px; 

	height:130px; 

	width:100%; 

	overflow:visible;

	}



.banner-right {

	position:absolute; 

	z-index:222; 

	right:0px; 

	top:0px; 

	height:620px; 

	width:151px; 

	overflow:visible;

	padding:0px;

	}



.lowerlogo {

	display: block;

	width:151px; 

	padding-left:0; 

	padding-top:1; 

	}



.banner-text {

/*	font-weight:bolder;*/

	font-size:24px;

	line-height: 0.85em; 

	position:absolute; 

	z-index:300; 

	top:30px;

	left:0px;

	margin-left:10px; 

	height:50px; 

/*	width:100%; */

	overflow:visible;

	}



.banner-text p {

	font: "Times New Roman", Times, serif;

	}



.sub-banner {

	font-size:12px; 

	font-variant:small-caps; 

	font-weight:normal; 

	letter-spacing:0.5em; 

	position:absolute; 

	display:block; 

	z-index:31; 

	top:115px; 

	left: 0px; 

	width:100%;

	}



/*.crumbtrail */

.bottomnav {

	display:block; 

	position: absolute;

	z-index: 32;

	top: 130px;

	left: 155px;

	}



/*.substance {

	position:absolute; 

	z-index:100; 

	background-image:url(../images/lhpanelback.gif); 

	background-repeat:repeat-y; 

	left:0px; 

	top:130px; 

	width:100%; 

	overflow:visible;

	}

*/

.news { 

	border-left: 1px solid #000; 

	padding-left: 10px;

}



/* ----- END OF ABSOLUTE POSITIONING ----- */



hr {

	height: 1px; 

	}



.content {

	padding-left:30px; 

	margin-top: 170px; 

	margin-left: 150px;

	margin-right: 0px;  

}



/* ----- START OF LEFT NAVIGATION PANEL ----- */



.lhpanel {

	width: 150px;

	}



#nav { 

	position: absolute;

	z-index: 1000;

    top: 182px;

    left: 0px;

    width: 150px;

    padding: 0px;

	margin: 0px;

	}



#nav a {

	width: 140px;

	padding: 5px;

    display: block;

	font-weight: normal;

	}



#nav ul {

	display: block;

    margin: 0px;

    padding: 0px;

    width: 150px;

	}



#nav li {

	display: block;

    list-style: none;

	font-weight: normal;

	text-decoration: none;

	padding: 0px;

	}

  

#nav li a {

	font-weight: normal;

	font-size:0.9em;

	}  



#nav li:hover, #nav li.hover, #nav li a:hover { 

	font-weight: normal;

	}



#nav li.spacer { 

	padding: 5px; 

	font-size:xx-small;

	line-height: 0.5em;

	}



#nav ul.sub1, #nav ul.sub2, #nav ul.sub3 {

	position: absolute;

    margin: -0.75em 0px 0px 6em;

    padding: 0px;

    width: 150px;

    display: none;

	}



#nav ul.root li:hover ul.sub1, #nav ul.root li.hassubhover ul.sub1 {

	display: block;

	}



#nav ul.sub1 li:hover ul.sub2, #nav ul.sub1 li.hassubhover ul.sub2 {

	display: block;

	}



#nav ul.sub2 li:hover ul.sub3, #nav ul.sub2 li.hassubhover ul.sub3 {

	display: block;

	}



#nav li#nolink {

	display: block;

	padding: 0px;

	}



.nolink a {

	font-weight:normal;

	}



/* ----- END OF LEFT NAVIGATION PANEL ----- */



.poplayer {

	z-index:1000;

	top: 234px;  

	left: 180px;  

	position:absolute;

	width:325px; 

	visibility: hidden; 

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 3px;

	padding-bottom: 3px;

/*	left: 259px;  */

	overflow:visible;

	}



/* ----- COLOUR SCHEME ----- */

/*

colours - darkest to lightest

	background-color:#232233;

	background-color:#34334D;

	background-color:#535179;

	background-color:#68659A; 

	color:#9A98BC; 

*/



body {

	color: #000000; 

	background-color:#EDEAE3;}



H1 {color: #DE903A;}



H2 {color: #232233;}



H3 {color: #796C63;}



H4 {color: #DE903A;}



H3.overline, H4.overline {

	border-top: 1px solid #000;}



caption {

	color:#999999;}



.ToC, .toc {

	border-bottom: 1px solid #999; 

	border-top: 1px solid #999;}



.bottomnav {

	border-bottom: 1px dotted #4B4138;}



.crumbtrail p {

	color: #999999;}



.content img {

	border: 1px solid #000;}



img.noborder {

	border: 1px none #000;}



A:link, A:visited, .bottomnav A:link, .bottomnav A:visited {

	color: #4B4138;}



A:hover, .bottomnav A:hover {

	color: #DE903A;}



.newsflash A:link, 

.newsflash A:visited {

	color: #fff;}



.newsflash A:hover {

	color: #cc6;}



p.gototop a:link, 

p.gototop a:visited {

	color:#FFFFFF; 

	background-color:#879ac5;}



p.gototop A:hover {

	color: #fff; 

	background-color:#006;}



.crumbtrail a:link, .crumbtrail a:visited {

	color:#999999;}



.crumbtrail a:hover {

	color:#369;}



.standout {

	color: #ff9933;}



.wob, #wob {

	color: #ffffff;}



.pale, #pale {

	color: #999;}



.verypale, #verypale {

	color: #cc6;}



p.picturecredit {

	color: #993;}



.picturecredit a:link, 

.picturecredit a:visited, 

.picturecredit a:hover {

	color: #993;}



.newsflash {

	background-color: #c66; 

	color: #fff;}



.credit {

	background-color:#EDEAE3; 

	color: #97A3aa; 

	border-right: 151px solid #918D81;

	border-top: 1px solid #918D81;}



.gototop {

	color:#FFFFFF; 

	background-color:#FFFFFF;}



.logo {

	background-color:#002046;}



/*.lhstrip {

	background-color:#47bf6e; border-right: 1px #000 solid;}*/



.bannerback {

	background-color:#34334D;}



/*.banner {

	background-color:#34334D;}*/



.banner-right {

	background-color:#918D81;}



.lowerlogo {

	background-color:#5c7bb1;}



.banner-text {

	color: #fff;}

	

.sub-banner {

	color:#ccc; 

	background-color:#4B4138;}



hr {

	color:#ccc; 

	border: 1px solid #ccc;} /* to trick Mozilla into showing a line without a shadow */



.content {

	border-right: 151px solid #918D81;}



#nav a {

	color: #fff;}



#nav li {

	color: #fff; 

	background: #4B4138; 

	border-top: 1px #71695C solid; 

	border-bottom: 1px #452E1E solid;}



#nav li:hover, #nav li.hover, #nav li a:hover {

	color: #fff; 

	background: #918B7F;}

	

#nav li.spacer { 

	background:#005BB7;

	border-top: 1px #005BB7 solid;

	border-bottom: 1px #005BB7 solid;}

	

#nav ul.sub1, #nav ul.sub2, #nav ul.sub3 { 

	border: solid #113 1px; 

    background: blue;}



#nav li#nolink {

	color: #fff;

	background: #AFA69D;

	border-top: 1px #6E6659 solid;

	border-bottom: 1px #BCB3AE solid;}



#nav li#nolink:hover, #nav li#nolink.hover, #nav li#nolink a:hover{

	color: #fff;

	background: #AFA69D;}





.nolink a {

	color:#000000;}



.poplayer {

	background-color: #D6D5E6;

	layer-background-color: #D6D5E6; 

	border: 1px solid #000;}