html {
 font-size: 1em;
 line-height: 1.2em; /* changed from 1.5em */
}

body {
 position: relative;
 width: 100%;
 background-color: #fff;
 margin: 0px;
 border: 0px;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000;
 behavior: url(csshover.htc); /* IEWin behaviour call for rollovers */
 font-size: 76%; /* taken off html, put on body */
}


div#content > div#swish-wrap { /* hides rule from IE, Opera needs this */
 display: none;
 }

* html div#content div#swish { /* rule for all IE */
 display: none; 
 }

/* holly hack - hides rule from iemac not iewin \*/
* html div#content div#swish { display: block; }
/* end hide from iemac */

head:first-child+body div#content div#swish-wrap { /* Owen hack, reveals rule to all but Opera and IE */
 display: block;
 margin: 0px;
 border: 0px;
 padding: 0px;
 z-index: 1; 
 position: absolute;
 left: 0px; 
 top: 0px;
 width: 100%;
 height: 100%;
 max-width: 807px;
}


#swish {
 filter: alpha(opacity=20);
 opacity: 0.2;
 position: absolute;
 top: 0px;
 width: 807px; height: 313px;
 background-image: url(graphics/swish.gif);
 background-repeat: no-repeat;
 margin: 0px;
 border: 0px;
 padding: 0px;
}

* html div#swish { /* for IE only */
 left: 0px;
 }
 
div#swish-wrap > div#swish { /* for non-IE only */
 right: 0;
 }



div#footer {
 clear: both;
 position: relative;
 width: 100%;
 background-color: white;
 color: #000;
 margin: 0px;
 border: 0px;
 padding: 0px;
 bottom: 0px;
}

div#header {
 position: relative;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 80px;
 margin: 0px;
 border: 0px;
 padding: 0px;
 background-color: #fff;
 color: #000;
}

div#logo {
 float: right;
}


div#strapline {
 position: absolute;
 bottom: 0px;
 left: 0px;
 color: #002659;
 margin: 0px;
 border: 0px;
 padding: 0px 120px 0.2em 0.5em;
 font-style: italic;
 font-weight: bold;
 font-size: 1.2em;
}


div#flash {
 position: absolute;
 bottom: 0px;
 left: 14px;
 margin: 0px;
 border: 0px;
 padding: 0px 0px 0.6em 0.5em;
}


div#divider {
 background-image: url(graphics/div_8.gif);
 background-position: 0px 0px;
 background-repeat: repeat-x;
 height: 8px;
 margin: 0px;
 border: 0px;
 padding: 0px;
 width: 100%;
 z-index: 25;
 position: relative;
}






div#search {
 height: 40px;
 margin: 2px 0 0 0;
}


div#nav div#search input.searchbutton {
 float: left;
 font-size: 1em;
 font-weight: bold;
 background-color: #b9cdff;
 width: 90px;
 color: #002659; /* pms 288 */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border: 2px solid;
 border-top-color: #99aad3;
 border-left-color: #99aad3;
 border-right-color: #7885a6;
 border-bottom-color: #7885a6;
}

div#nav div#search input:hover, div#nav div#search input:active {
 background-color: #2a84ff;
 color: #fff; /* white */
}


div#nav div#search table {
 border-collapse: collapse;
 border-spacing: 0px;
 padding: 0px;
 border: 0px;
 }



div#nav div#search td {
 border: 0px;
 padding: 0px;
 background-color: #b9cdff;
 text-align: center;
 vertical-align: middle;
 color: #000;
 }




body div#nav div#search input.searchform {
 margin: 0px;
 padding: 0px;
 border-top: 0px;
 border-bottom: 0px;
 background-color: white;
 color: #002659; /* pms 288 */
 font-size: 1em;
}


* html div#search input.searchform { /* for IE only */
 border-left: 4px solid #b9cdff;
 border-right: 4px solid #b9cdff;
 width: 102px;
 }
 
body div#nav > div#search input.searchform { /* for non-IE only */
 border-left: 4px solid #b9cdff;
 border-right: 4px solid #b9cdff;
 width: 94px;
 }


div#nav {
 float: left;
 position: relative;
 left: 20px;
 width: 200px;
 margin: 0px;
 border: 0px;
 padding: 0px;
 z-index: 20;
 background-color: #b9cdff;
 color: #000;
}

div#nav ul {
 font-size: 1em;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 border: 0px;
 width: 200px;
}

div#nav li {
 position: relative;
 list-style: none;
 margin: 0px;
 border: 0px;
 padding: 6px 0px 0px 0px;
 background-image: url(graphics/btn_top.gif);
 background-repeat: no-repeat;
 background-position: 0% 0%;
 min-height: 1px; /* these 2 rules for IE7 */
 vertical-align: bottom;
}

* html div#nav li {   /* for IE only */
 float: left;
}

/* holly hack - hides from iemac \*/
* html div#nav li { height: 1%; }
/* end hide from iemac */

div#nav li a {
 display: block;
 text-decoration: none;
 padding: 0px 5px 5px 10px; 
 background-image: url(graphics/btn_btm.gif);
 background-repeat: no-repeat;
 background-position: 0% 100%;
 color: #002659; /* pms 288 */
}

div#nav>ul a { /* for moz, opera? */
 width: auto;
}

* html div#nav li a {
 \width: 200px; /* for ie5 */
 w\idth: 185px; /* for ie6 */
}



/* stuff relating to dropdowns, duplicated for level2a to make contact details stay on the screen */



div#nav ul ul {
 position: absolute; 
 top: 0px;
 left: 200px;
 display: none;
}



div#nav ul ul.level2a {
 position: absolute; 
 top: -21.5em;
 left: 200px;
 display: none;
}



div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}


div#nav ul.level1 li.submenu:hover ul.level2a, 
div#nav ul.level2a li.submenu:hover ul.level3 {display:block;}







body div#nav ul.level1 ul.level2 li, body div#nav ul.level1 ul.level2 ul.level3 li {
 background-image: url(graphics/btn_top.gif);
 background-repeat: no-repeat;
 background-position: 0% 0%;
}


body div#nav ul.level1 ul.level2a li, body div#nav ul.level1 ul.level2a ul.level3 li {
 background-image: url(graphics/btn_top.gif);
 background-repeat: no-repeat;
 background-position: 0% 0%;
}



body div#nav ul.level1 ul.level2 li a, body div#nav ul.level1 ul.level2 ul.level3 li a {
 color: #002659; /* pms 288 */
 background-image: url(graphics/btn_btm.gif);
 background-repeat: no-repeat;
 background-position: 0% 100%;
}



body div#nav ul.level1 ul.level2a li a, body div#nav ul.level1 ul.level2a ul.level3 li a {
 color: #002659; /* pms 288 */
 background-image: url(graphics/btn_btm.gif);
 background-repeat: no-repeat;
 background-position: 0% 100%;
}




div#nav ul.level1 li:hover, div#nav ul.level1 ul.level2 li:hover, div#nav ul.level1 ul.level2 ul.level3 li:hover {
 background-image: url(graphics/btn_top.gif);
 background-repeat: no-repeat;
 background-position: 50% 0%;
 }


div#nav ul.level1 li:hover, div#nav ul.level1 ul.level2a li:hover, div#nav ul.level1 ul.level2a ul.level3 li:hover {
 background-image: url(graphics/btn_top.gif);
 background-repeat: no-repeat;
 background-position: 50% 0%;
 }





div#nav ul.level1 li:hover a, div#nav ul.level1 ul.level2 li:hover a, div#nav ul.level1 ul.level2 ul.level3 li:hover a {
 background-image: url(graphics/btn_btm.gif);
 background-repeat: no-repeat;
 background-position: 50% 100%;
 color: #ffc; /* light yellow */
}

div#nav ul.level1 li:hover a, div#nav ul.level1 ul.level2a li:hover a, div#nav ul.level1 ul.level2a ul.level3 li:hover a {
 background-image: url(graphics/btn_btm.gif);
 background-repeat: no-repeat;
 background-position: 50% 100%;
 color: #ffc; /* light yellow */
}
 



 



 
div#nav ul.level1 li:active, div#nav ul.level1 ul.level2 li:active, div#nav ul.level1 ul.level2 ul.level3 li:active {
 background-image: url(graphics/btn_top.gif);
 background-repeat: no-repeat;
 background-position: 50% 0%;
 }


div#nav ul.level1 li:active, div#nav ul.level1 ul.level2a li:active, div#nav ul.level1 ul.level2a ul.level3 li:active {
 background-image: url(graphics/btn_top.gif);
 background-repeat: no-repeat;
 background-position: 50% 0%;
 }





div#nav ul.level1 li:active a, div#nav ul.level1 ul.level2 li:active a, div#nav ul.level1 ul.level2 ul.level3 li:active a {
 background-image: url(graphics/btn_btm.gif);
 background-repeat: no-repeat;
 background-position: 50% 100%;
 color: #fff; /* white */
}

div#nav ul.level1 li:active a, div#nav ul.level1 ul.level2a li:active a, div#nav ul.level1 ul.level2a ul.level3 li:active a {
 background-image: url(graphics/btn_btm.gif);
 background-repeat: no-repeat;
 background-position: 50% 100%;
 color: #fff; /* white */
}







body div#nav ul.level1 li.thispage, body div#nav ul.level1 ul.level2 li.thispage, body div#nav ul.level1 ul.level2 ul.level3 li.thispage {
 background-image: url(graphics/btn_top.gif);
 background-repeat: no-repeat;
 background-position: 100% 0%;
}

body div#nav ul.level1 li.thispage, body div#nav ul.level1 ul.level2a li.thispage, body div#nav ul.level1 ul.level2a ul.level3 li.thispage {
 background-image: url(graphics/btn_top.gif);
 background-repeat: no-repeat;
 background-position: 100% 0%;
}






body div#nav ul.level1 li.thispage a, body div#nav ul.level1 ul.level2 li.thispage a, body div#nav ul.level1 ul.level2 ul.level3 li.thispage a {
 background-image: url(graphics/btn_btm.gif);
 background-repeat: no-repeat;
 background-position: 100% 100%;
 color: #fff; 
}

body div#nav ul.level1 li.thispage a, body div#nav ul.level1 ul.level2a li.thispage a, body div#nav ul.level1 ul.level2a ul.level3 li.thispage a {
 background-image: url(graphics/btn_btm.gif);
 background-repeat: no-repeat;
 background-position: 100% 100%;
 color: #fff; 
}




/* end of stuff for level2a dropdowns */ 



div#skipnav {
 position: relative;
 text-align: right;
 margin: 0;
 padding: 0;
 border: 0;
 }

div#skipnav p {
 margin: 0;
 padding: 0;
 border: 0;
 }

div#skipnav p a {
 font-style: italic;
 font-size: 0.7em;
 color: #002659; /* pms 288 */
 }

div#end_of_nav {
 clear: both; /* IE5mac needs this */
 }

div#question {
 height: 120px; /*was 80*/
 background-image: url(graphics/question.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width: 200px;
 margin: 0;
 border: 0;
 padding: 0;
 text-align: center;
}

div#question p {
 margin: auto;
 border: 0;
 padding: 1em;  /* had to change from 15px for large text making nav too wide - check on firefox! */
 height: auto;
 font-style: italic;
 font-size: 1.2em;
}

div#question p a {
 color: #002659; /* pms 288 */
}


div#question p a:hover {
 color: #c70d2c;  /* PMS 1795 */
}


div#news {
 height: 80px;
 width: auto;
 margin: 0 10px 10px 10px; /* changed from 10px all round */
 /*background-color: #ffc;*/
 background-color: #ffffe1;
}


div#endlogo {
 width: 200px;
 height: 93px;
 background-image: url(graphics/endlogo.gif);
}

 
.temp {
  color: red;
  }

h1 {
 font-size: 1.5em;
 line-height: 2em;
 margin-bottom: 0.5em;
}


h2 {
 font-size: 1.3em;
 line-height: 1.8em;
 margin-bottom: 0.3em;
}


h3 {
 font-size: 1.15em;
 line-height: 1.6em;
 margin-bottom: 0.25em;
}

h4 {
 font-size: 1.1em;
 line-height: 1.3em;
 margin-bottom: 0.2em;
}



p {
 border: 0;
 padding: 0;
 margin-bottom: 0.8em;
 margin-top: 0;
}

p.name {
 font-weight: bold;
 margin-bottom: 0;
}

p.caption {
 padding-top: 0.5em;
 font-size: 0.6em;
 line-height: 0.8em;
 font-style: italic;
 text-align: center;
}

p.large {
 font-size: 1.8em;
 line-height: 1.9em;
}



div#footer p {
 padding: 0 0.5em;
 text-align: center;
}
 
.super {
 font-size: 70%;
 vertical-align: super;
 }
 
 
 
.sub {
 font-size: 70%;
 vertical-align: sub;
 }


.em {
 font-style: italic;
 }


.strong {
 font-weight: bold;
 }


a:link {
  font-weight: bold;
  text-decoration: none;
 color: #c70d2c; /* PMS 1795 */
}

a:visited {
  font-weight: bold;
  text-decoration: none;
 color: #900000;
 }

img {  
border-style: none;
}

div#content {
 margin-left: 240px;
 padding: 0;
 z-index: 8;
 border: 0;
 background-position: top center;
 background-repeat: no-repeat;
 background-color: #fff;
}


/* float drop bug hack - don't use
* #content {
 overflow-x: auto;
 overflow-y: hidden;
 width: expression(document.body.offsetWidth - 260);
 }
 end of float drop bug hack */


div#left-content {
 position: relative; 
 height: 100%;
 margin: 0;
 border-top: 0;
 border-bottom: 0;
 border-left: 0;
 border-right: #fff solid 5px;
 padding: 1em 1em 5em 1em;
 z-index: 3;
 }

div#contact {
 background-color: #fff;
 float: right;
 top: 90px;
 width: 14em;
 margin: 10px 0px 10px 10px; 
 border: 0;
 padding: 0.5em;
 font-size: 0.8em;
 line-height: 1.3em;
 z-index: 2;
 }



div.newsarticle, div.newsarticle1 {
 margin: 0 0 5em 0;
}

div.newsarticle div.newshead, div.newsarticle1 div.newshead {
 position: relative; 
 margin: 0 0 1em 0;
 padding: 0 0 0 10px;
 border-width: 1px 1px 1px 30px;
 border-color: #b2b5c6;
 border-style: solid;
 background-color: #fff;
 }

div.newsarticle div.newshead table, div.newsarticle1 div.newshead table {
 border: 0;
 width: 100%;
 }

div.newsarticle div.newshead td, div.newsarticle1 div.newshead td {
 vertical-align: bottom;
 padding: 0 0.5em 0.5em 0;
 }

div.newshead h2 {
 margin: 0;
 padding: 0.5em 0.5em 0 0;
 border: 0;
 }

div.newshead h3 {
 margin: 0;
 padding: 0;
 border: 0;
 }

.newsdate {
 text-align: right;
 vertical-align: bottom;
 font-style: italic;
 }



div.ends {
 display: none;
 }



div.rightpic {
 float: right;
 margin: 10px;
 border: 0;
 padding: 0;
 width: auto;
 }

div.leftpic {
 float: left;
 margin: 10px;
 border: 0;
 padding: 0;
 width: auto;
 }


div.breakpic {
 float: left;
 margin-left: -200px;
 position: relative;
 z-index: 30;
 border: 0;
 padding: 0;
 width: auto;
 }


div.bigpic td {
width: 835px;
 }


div.portrait {
 float: left;
 margin: 0;
 padding: 0;
 width: auto;
 }

div.portrait img {
 border: solid 5px white;
 }

div.gallery-row, div.gallery-row-break {
 width: auto;
 margin-bottom: 10px;
 }


div.gallery-row div.leftpic, div.gallery-row-break div.leftpic {
 width: 200px;
 margin: 0 10px 0 0;
 }

div.gallery-row p, div.gallery-row-break p {
 float: left;
 clear: both;
 width: auto;
 }

.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }

.clearfix {zoom: 1;}


table {
 background-color: #fff;
 margin: 1em 0;
 border-top: #ccc solid 1px;
 border-bottom: #ccc solid 1px;
 border-left: 0;
 border-right: 0;
 font-size: 100%;
 border-collapse: collapse;
 }



th {
 border-bottom: #ccc solid 1px;
 font-weight: bold;
 vertical-align: bottom;
 text-align: left;
 padding: 0.3em;
 }
  
td {
 text-align: left;
 padding: 0.3em;
 vertical-align: top;
 }

table.right td, table.right th {
 text-align: right;
 }
 
td.line {
 border-bottom: #ccc solid 1px;
}

tr.bold {
 font-weight: bold;
}

colgroup.accounts col.description {
 }

colgroup.accounts col.thisyear {
 background-color: #eee;
 width: 8em;
 border-left: #fff solid 2px;
 }

colgroup.accounts col.lastyear {
 width: 8em;
 border-left: #eee solid 2px;
 }

table.accounts td, table.accounts th {
 text-align: right;
 }

table.accounts td.left, table.accounts th.left {
 text-align: left;
 }

.box {
 background-color: #f3d1d5; /* light pink */
}

.thisyearbox {
 background-color: #d9c0cc; /* dark pink */
 border-style: hidden;
}


.clear {
 clear: both;
 }
 
 
div.projpic {
 float: left;
 margin: 10px 10px 10px 0px;
 border: 0px;
 padding: 0px;
 width: auto;
 }

div.midcol {
 float: left;
 width: 30%;
 margin: 0px;
 border: 0px;
 padding: 0px;
}

div.rightcol {
 float: left;
 width: auto;
 margin: 0px 0px 0px 10px;
 border: 0px;
 padding: 0px;
}

div.pmmidcol {
 float: left;
 width: 50%;
 margin: 0px;
 border: 0px;
 padding: 0px;
}

div.sectorpic {
 margin-top: 14px;
 float: right;
}


div.projhead {
 position: relative;
 margin-bottom: 20px;
}



.quote {
 font-style: italic;
}


.newsflash {
 border: 1px solid #999;
 float: right;
 margin: 10px;
 padding: 0;
 width: auto;
 clear: both;
}