html {
 font-size: 1em;
 line-height: 1.5em;
 font-size: 76%;
}

body {
 position: relative;
 width: 100%;
 background-color: #fff;
 margin: 0px;
 border: 0px;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000;
}

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

div#footer p { 
 float: right;
}


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

div#logo {
 float: right;
 left-margin: 10px;
}

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



body div#wrapperforbigpix {  /* to go round divnav and divcontent */
 width: 100%;
 }

div#nav ul, div#question, div#news, div#search, div#skipnav {
 display: none;
}

div#contact {
 margin: 0px;
 border: solid 0px #ccc;
 border-bottom-width: 2px;
 padding: 0px;
 font-size: 9pt;
 line-height: 12pt;
}



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



div.newsarticle1 {
 page-break-before: avoid;
}

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: #ccc;
 border-style: solid;
 background-color: #fff;
 page-break-inside: avoid; /* currently only works in Opera */
 }

div.newsarticle div.newshead {
 page-break-before: always;
 }

div.newsarticle1 div.newshead {
 page-break-before: avoid;
 }

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;
 }

.firstnewsdate {
 font-style: italic;
 margin: 0;
 padding: 0 0 0.5em 0;
 border: 0;
 }

div.ends {
 font-style: italic;
 position: relative;
 left: 45%;
 }





div#divider {
 margin: 0px;
 border: solid 0px #ccc;
 border-bottom-width: 2px;
 padding: 0px;
}


h1 {
 font-size: 14pt;
 line-height: 16pt;
 margin-bottom: 0.5em;
}


h2 {
 font-size: 12pt;
 line-height: 14pt;
 margin-bottom: 0.3em;
}


h3 {
 font-size: 11pt;
 line-height: 13pt;
 margin-bottom: 0.25em;
}

h4 {
 font-size: 10pt;
 font-weight: bold;
 line-height: 13pt;
 margin-bottom: 0.15em;
}


p {
 font-size: 10pt;
 border: 0;
 padding: 0;
 margin-bottom: 0.8em;
 margin-top: 0;
}

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

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

p.large {
 font-size: 1.8em;
 line-height: 1.9em;
}
 
.super {
 font-size: 70%;
 vertical-align: super;
 }
 
.sub {
 font-size: 70%;
 vertical-align: sub;
 }



a:link, a:visited {
  font-weight: bold;
  text-decoration: underline;
  color: #000;
  }


/* don't know which browsers support generated content - only opera? */
a:after {
 content:"[" attr(mailto) "]"; 
 }

img {  
border-style: none;
}



div#content { 
 width: 95%;
 margin: 0 0 0 5%;
 padding: 0;
 z-index: 8;
 border: 0;
}


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

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#right-wrap {
 border: 0;
 padding: 0;
 position: relative;
 z-index: 10;
}

div#right-content {
 border: 0;
 margin: 0;
 padding: 1em;
}


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

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

div.gallery-row, div.gallery-row-break {
 clear: both;
 width: auto;
 margin-bottom: 10px;
 page-break-inside: avoid; /* currently only works in Opera */
 }

div.gallery-row-break {
 page-break-before: always;
 }

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

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


/*
 page-break-before: always;
 page-break-before: avoid;
*/



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;
 }


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

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

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;
 }
 
td.line {
 border-bottom: #ccc solid 1px;
}

tr.bold {
 font-weight: bold;
}

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

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

colgroup.accounts col.description { }


colgroup.accounts col.thisyear,
colgroup.accounts col.lastyear {
 border-left: #ccc solid 1px;
 }



.box {
 background-color: #f3d1d5;
 border-top: #ccc solid 1px;
 border-bottom: #ccc solid 1px;
}

.thisyearbox {
 background-color: #d9c0cc;
 border: #999 solid 1px;
}

/* 
tr.odd {
 background-color: #efe;
 }
*/


.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.pmmidcol {
 float: left;
 width: 50%;
 margin: 0px;
 border: 0px;
 padding: 0px;
}

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

div.sectorpic {
 float: right;
}


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


.quote {
 font-style: italic;
}