body { 
color: black; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 18px; 
background-color: white; 
text-align: center; }

#wrapper {
width: 700px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
text-align: left;
}

img {
border: 0;
margin: 0;
padding: 0;
}

#logo { 
width: 700px; 
margin-bottom: 10px;
padding-top: 3px;
}

#logo img {
float: right;
padding: 0;
}

#banner { 
width: 700px; 
margin: 0;
padding: 0;
border-bottom: 5px solid rgb(41, 158, 161);
}

table #clients { 
width: 500px; 
margin: 0; 
padding: 0;
float: right;
}

#clients td {
width: 250px;
margin: 0;
vertical-align: top;
 }

ul.clientlist {
 margin-left: 0;
 margin-top: 23px;
 padding: 0;
 white-space: nowrap;
 float: left;
 }

 .clientlist li { 
 color: #444; 
 font-size: 11px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 18px; 
 text-align: left;  
 list-style-type: disc; 
 }
 
 #clients ul {
margin: 0;
 }
 
#clients p {
line-height: 11px;
padding: 0;
}
 
#content {
width: 550px;
float: right;
}

.righttext {
width: 530px;
float: right;
}

.leftphoto {
margin-top: 30px;
margin-bottom: 30px;
float: left;
}

table #homebuttons { 
width: 700px; 
margin: 0; 
padding: 0; }

#homebuttons td {
margin: 0;
vertical-align: top;
 }

#homebuttons p {
margin: 0;
 }
 
.details {
padding-left: 20px;
padding-bottom: 20px;
margin: 0;
vertical-align: top;
}

.details a:link { 
display: inline;
color: rgb(41, 158, 161); 
text-decoration: none;
}

.details a:visited { 
display: inline;
color: rgb(41, 158, 161);
text-decoration: none;
}

.details a:hover { 
display: inline;
color: white;
background: rgb(41, 158, 161);
text-decoration: none;
}

.details a:active { 
display: inline;
color: rgb(41, 158, 161); 
text-decoration: none;
}

ul#com  {
padding-left: 20px;
margin-left: 0;
white-space: nowrap;
 }

#com li {
color: #444; 
 font-size: 11px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 18px; 
 text-align: left;  
 }

margin-left {
 margin-top: 23px;
 padding: 0;
 white-space: nowrap;
 float: left;
 }

 #navlist li { 
 display: inline; 
 color: #444; 
 font-size: 11px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 18px; 
 text-align: left;  
 list-style: none; 
 }
 
 .buttontext {
width: 550px; 
vertical-align: top;
}

#homebuttons a { 
 text-align: center;
 display: block;
text-decoration: none;
}
 
 #research a { 
 display: block; 
 color: white; 
 background-color: rgb(169, 208, 207);
 width: 150px;
 font-size: 18px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 50px; 
 text-align: center;  
 list-style: none; 
 border-top: 5px solid white;
 text-decoration: none;
 }
 
#reports a { 
 display: block; 
 color: white; 
 background-color: rgb(158, 140, 186);
 width: 150px;
 font-size: 18px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 50px; 
 text-align: center;  
 list-style: none; 
  border-top: 5px solid white;
 text-decoration: none;
  }
 
 #comms a { 
 display: block; 
 color: white; 
 background-color: rgb(167, 209, 237);
 width: 150px;
 font-size: 18px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 50px; 
 text-align: center;  
 list-style: none; 
  border-top: 5px solid white;
text-decoration: none;
}
  
#homebuttons a:hover  { 
color: white; 
text-decoration: none; 
text-align: center; 
display: block; 
}
 
#reports a:hover {
 color: white;
  background-color: rgb(76, 15, 151);
  display: block; 
}
 
 #research a:hover {
 color: white;
 background-color: rgb(41, 158, 161);
 display: block; 
}

#comms a:hover {
 color: white;
 background-color: rgb(0, 160, 218);
 display: block; 
  }
  
#homebuttons a:link, #homebuttons a:visited {
 color: white;
 text-align: center;
 text-decoration: none;
 display: block;
 }


.copyright { 
width: 700px;
font-size:9px;
line-height: 18px;
text-align: left;
margin: 0;
margin-top: 10px;
padding-top: 5px;
border-top: 1px solid rgb(41, 158, 161);
clear: both;
}

h1 { 
color: gray; 
font-size: 24px; 
font-family: Helvetica, Arial, Verdana, sans-serif; 
font-weight: 100; 
line-height: 24px; 
}

h2 { 
color: #444; 
font-size: 14px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 20px; 
}

p { 
color: #444; 
}

#reportbuttons .green { 
display: inline;
font-size: 11px; 
line-height: 18px; 
color: rgb(41, 158, 161);
font-family: Verdana, Helvetica, Arial, sans-serif; 
text-decoration: none;
}

#reportbuttons td { 
vertical-align: top;
padding-right: 20px;
}

.diagrams a:link { 
color: rgb(41, 158, 161); 
text-decoration: none;
}

.diagrams a:visited { 
color: rgb(41, 158, 161);
text-decoration: none;
}

.diagrams a:hover { 
color: white;
background: rgb(41, 158, 161);
text-decoration: none;
}

.diagrams a:active { 
color: rgb(41, 158, 161); 
text-decoration: none;
}

.copyright a:link { 
color: rgb(41, 158, 161); 
text-decoration: none;
}

.copyright a:visited { 
color: rgb(41, 158, 161);
text-decoration: none;
}

.copyright a:hover { 
color: white;
background: rgb(41, 158, 161);
text-decoration: none;
}

.copyright a:active { 
color: rgb(41, 158, 161); 
text-decoration: none;
}

.green { 
display: inline;
font-size: 11px; 
line-height: 18px; 
color: rgb(41, 158, 161);
font-family: Verdana, Helvetica, Arial, sans-serif; 
text-decoration: none;
}

.green a:link { 
color: rgb(41, 158, 161); 
text-decoration: none;
}

.green a:visited { 
color: rgb(41, 158, 161);
text-decoration: none;
}

.green a:hover { 
color: white;
background: rgb(41, 158, 161);
text-decoration: none;
}

.green a:active { 
color: rgb(41, 158, 161); 
text-decoration: none;
}

table #imageleft { 
margin: 0; 
padding: 0; }

#imageleft td {
margin: 0;
vertical-align: top;
padding-right: 20px; 
}
 
#imageleft a:link { 
color: rgb(41, 158, 161); 
text-decoration: none;
}

#imageleft a:visited { 
color: rgb(41, 158, 161);
text-decoration: none;
}

#imageleft a:hover { 
color: white;
background: rgb(41, 158, 161);
text-decoration: none;
}

#imageleft a:active { 
color: rgb(41, 158, 161); 
text-decoration: none;
}

ul#navlist {
 margin-left: 0;
 margin-top: 23px;
 padding: 0;
 white-space: nowrap;
 float: left;
 }

 #navlist li { 
 display: inline; 
 color: #444; 
 font-size: 11px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 18px; 
 text-align: left;  
 list-style: none; 
 }
 
 #navlist a { 
 text-align: left;
 margin-right: 10px;
 display:block;
 float:left;
 }

 #navlist a:link, #navlist a:visited {
 color: #444;
 background-color: white;
 text-align: left;
 text-decoration: none;
 padding-bottom: 2px;
 border-bottom: 3px solid gray
 }

 #navlist a:hover  { 
 color: #444; 
 text-decoration: none; 
 border-bottom: 3px solid rgb(41, 158, 161);
 padding-bottom: 2px;
 text-align: left; }
 
 li #home {
 padding-left: 0;
 }
 
table #bpobuttons { 
width: 450px; 
margin: 0; 
padding: 0; }

#bpobuttons td {
margin: 0;
vertical-align: top;
 }

#bpobuttons p {
margin: 0;
 }
 
.details ul {
padding-left: 20px;
}

.details li {
padding-left: 20px;
}

 .buttontext {
width: 550px; 
vertical-align: top;
}

.details {
padding-left: 20px;
padding-bottom: 20px;
margin: 0;
vertical-align: top;
}

#bpobuttons a { 
 text-align: center;
 display: block;
text-decoration: none;
}
 
 #lbmetscc a { 
 display: block; 
 color: white; 
 background-color: rgb(169, 208, 207);
 width: 550px;
 font-size: 18px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 50px; 
 text-align: center;  
 list-style: none; 
 border-top: 5px solid white;
 text-decoration: none;
 }
 
#unitaries a { 
 display: block; 
 color: white; 
 background-color: rgb(158, 140, 186);
 width: 550px;
 font-size: 18px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 50px; 
 text-align: center;  
 list-style: none; 
  border-top: 5px solid white;
 text-decoration: none;
  }
 
 #scotwales a { 
 display: block; 
 color: white; 
 background-color: rgb(167, 209, 237);
 width: 550px;
 font-size: 18px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 50px; 
 text-align: center;  
 list-style: none; 
  border-top: 5px solid white;
text-decoration: none;
}
  
#indepth a { 
 display: block; 
 color: white; 
 background-color: rgb(169, 208, 207);
 width: 550px;
 font-size: 18px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 line-height: 50px; 
 text-align: center;  
 list-style: none; 
 border-top: 5px solid white;
 text-decoration: none;
 }
 
 #bpobuttons a:hover  { 
color: white; 
text-decoration: none; 
text-align: center; 
display: block; 
}
 
#lbmetscc a:hover {
 color: white;
  background-color: rgb(76, 15, 151);
  display: block; 
}
 
 #unitaries a:hover {
 color: white;
 background-color: rgb(41, 158, 161);
 display: block; 
}

#scotwales a:hover {
 color: white;
 background-color: rgb(0, 160, 218);
 display: block; 
  }

#indepth a:hover {
 color: white;
  background-color: rgb(76, 15, 151);
  display: block; 
}
#bpobuttons a:link, #bpobuttons a:visited {
 color: white;
 text-align: center;
 text-decoration: none;
 display: block;
 }