/*---global common definitions---*/
html{
  background:#f1f1f1;
  height:100%;
}
body {
  margin:0;
  font:13px Arial, Helvetica, sans-serif;
  color:#313131;
  background:url(/inc/img/ui/bg-body.gif) repeat-y 50% 0;
  min-width:999px;
  height:100%;
}
form,fieldset{
  margin:0;
  padding:0;
  border:0;
}
img {border:0;}
a{
  color:#d30000;
  text-decoration:none;
}
a:hover{text-decoration:underline;}
#skiplinks,
#strap,
.accessibility {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}
#wrapper{
  width:940px;
  margin:0 auto;
  padding:0 29px 18px 29px;
  background:url(/inc/img/ui/bg-body.gif) repeat-y 50% 0;
}
/* header */
#header{
  height:1%;
  overflow:hidden;
  background: url(/inc/img/ui/bg-header.gif) no-repeat 100% 0;
  padding:0 0 1px;
}
#header .logo{
  display:block;
  width:187px;
  height:94px;
  background:url(/inc/img/ui/logo.gif) no-repeat;
  margin:20px 0 0;
  overflow:hidden;
  text-indent:-9999px;
}
#header .logo a{
  height:100%;
  display:block;
}
#nav{
  height:1%;
  overflow:hidden;
  list-style:none;
  margin:24px 0 0;
  padding:0;
  background:#5ac7b9 url(/inc/img/ui/bg-nav.gif) no-repeat;
}
#nav li{
  float:left;
  border-right:1px solid #7ed3c8;
}
#nav a{
  float:left;
  line-height:37px;
  font-size:14px;
  font-weight:bold;
  color:#fff;
  padding:0 16px 0 15px;
}
#nav a:hover, #nav .active a{
  background:#51a69b;
  text-decoration:none;
}
#nav li:first-child a:hover, #nav li:first-child.active a{background:#51a69b url(/inc/img/ui/bg-nav-first-hover.gif) no-repeat;}
/* main */
#main{
  height:1%;
  overflow:hidden;
}
.breadcrumbs{
  height:1%;
  overflow:hidden;
}
.breadcrumbs ul{
  list-style:none;
  margin:0 0 21px;
  padding:10px 0 10px 8px;
  font-size:9px;
  height:1%;
  overflow:hidden;
  background:#313131;
}
.breadcrumbs li{
  display:inline;
  background: url(/inc/img/ui/bg-breadcrumb.gif) no-repeat 0 50%;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
  padding:0 7px 0 12px;
  margin:0 0 0 -6px;
}
.breadcrumbs li:first-child{background:none;}
.breadcrumbs span{color:#aaa;}
.breadcrumbs a{color:#fff;}
.gallery{
  width:938px;
  height:245px;
  background: url(/inc/img/ui/bg-gallery.gif) no-repeat;
  overflow:hidden;
  padding:2px 0 0 2px;
  position:relative;
  margin:0 0 24px;
}
.gallery ul{
  position:relative;
  width:9999px;
  list-style:none;
  margin:0;
  padding:0;
}
.gallery li{
  float:left;
  width:942px;
}
.gallery li img{display:block;}
.gallery .controls{
  position:absolute;
  left:21px;
  bottom:18px;
}
.gallery .link-prev{
  background: url(/inc/img/ui/bg-link-prev.gif) no-repeat 100% 70%;
  padding:0 5px 0 0;
}
.gallery .controls a{
  font-size:11px;
  color:#9c9a9a;
}
.gallery .controls a.unactive{color:#c2c2c2;}
.gallery .frame{
  width:269px;
  position:absolute;
  left:19px;
  top:21px;
  background: #313132;
  padding:3px 0 0;
  z-index: 999;
}
.gallery .frame .bt{
  padding:0 0 3px;
}
.gallery .gallery-holder {
  width:936px;
  height:243px;
  overflow:hidden;
  position:relative;
}
.gallery .frame .inner{
  background:#313131;
  height:1%;
  overflow:hidden;
  padding:18px 23px 6px 23px;
  color:#fff;
}
.gallery .frame .heading{
  display:block;
  font-size:28px;
  text-indent:-9999px;
  background: url(/inc/img/ui/txt-biomedical.gif) no-repeat;
  height:120px;
  margin:0 0 0px;
}
.gallery .link{
  background: url(/inc/img/ui/bg-gallery-link.gif) no-repeat;
  color:#a2a2a2;
}
.holder{
  height:1%;
  overflow:hidden;
  margin:0 0 20px;
}
.text-box{
  float:left;
  width:270px;
  font-size:15px;
  line-height:18px;
}
#home .text-box{
  float:left;
  width:580px;
  line-height:20px;
  font-size: 12px;
}
#home .text-box strong {
  font-size: 15px;
}
#main h1{
  font-size:28px;
  line-height:28px;
  color:#d50000;
  margin:0 0 12px;
  height:1%;
}
#main h1:after{
  content:"";
  display:block;
  clear:both;
}
#main h1 cufon{
  float:left;
}
.link{
  padding:4px 0 4px 31px;
  color:#51a69b;
  font-weight:bold;
  background: url(/inc/img/ui/bg-link.gif) no-repeat;
  font-size:13px;
  position:relative;
}
.text-box p{margin:0 0 12px;}
.grey-box{
  width:640px;
  float:right;
  background: url(/inc/img/ui/bg-grey-box-bt.gif) no-repeat 0 100%;
  padding:0 0 3px;
}
#sidebar .grey-box{
  width:290px;
  background: url(/inc/img/ui/bg-grey-box-narrow-bt.gif) no-repeat 0 100%;
  margin:0 0 10px;
}
#home .grey-box{
  width: 340px;
  margin:0 0 10px;
}
#home .grey-box p{
  margin: 10px 0 0px;
}
#home .link{
  background: url(/inc/img/ui/bg-link-small.gif) no-repeat 0 50%;
  padding:0 0 0 17px;
}
.grey-box .frame{
  border:1px solid #d9d9d9;  
  border-bottom:0;
}
.grey-box .inner{
  height:1%;
  overflow:hidden;
  border:1px solid #fff;
  border-bottom:0;
  background:#e7e7e7;
  padding:19px 17px 24px 16px;
}
.grey-box .heading .link{
  float:right;
  background: url(/inc/img/ui/bg-link-small.gif) no-repeat 0 50%;
  padding:0 0 0 17px;
  font-size:11px;
}
.grey-box .heading{
  height:1%;
  overflow:hidden;
  border-bottom:1px solid #ccc;
  padding:0 0 9px;
  margin:0 0 11px;
}
#main h2{
  font-size:22px;
  margin:0;
  text-indent:-9999px;
  overflow:hidden;
}
.gmec-news{
  background: url(/inc/img/ui/txt-gmec-news.gif) no-repeat;
  height:20px;
}
.gmec-events{
  background: url(/inc/img/ui/txt-gmec-events.gif) no-repeat;
  height:20px;
}
.latest-programmes{
  background: url(/inc/img/ui/txt-latest-programmes.gif) no-repeat;
  height:20px;
}
.leadership {
  background: url(/inc/img/ui/txt-leadership.gif) no-repeat;
  height:20px;
}
.who-are-we {
  background: url(/inc/img/ui/txt-who-are-we.gif) no-repeat;
  height:20px;
}
#sidebar .latest-programmes{background-position:-62px 0;}

#events #sidebar .grey-box .inner h3 {
  font-size: 12px;
  color:#8B8B8B;
}
.items,
.archive_list {
  list-style:none;
  margin:0;
  padding:0;
}
.items li,
.archive_list li{
  background: url(/inc/img/ui/bg-item.gif) no-repeat 0 1px;
  padding:0 0 3px 20px;
  font-size:12px;
  line-height:17px;
}
.items .active a{color:#999;}
.items li li a {
  color:#51A69B;
}
.items li ul .active a {
  color:#666;
}
.items li ul,
.items li ul li {
  list-style: none;
  background: none;
  padding: 0;
  margin: 0;
}
.box{
  float:left;
  width:290px;
  background: url(/inc/img/ui/bg-box.gif) repeat-y;
  font-size:12px;
  line-height:15px;
  margin:0 10px 0 0;
}
.box .bt{background: url(/inc/img/ui/bg-box-bt.gif) no-repeat 0 100%;}
.box .t{
  height:auto !important;
/*  min-height:164px;
  height:164px;
  */
  background: url(/inc/img/ui/bg-box-top.gif) no-repeat;
  padding:2px 12px 10px;
  overflow: hidden;
}
.box2 .t{
  height:auto !important;
  min-height:124px;
  height:124px;
}
.box h3{
  font-size:14px;
  line-height:17px;
  color:#fff;
  background:#bdbdbd url(/inc/img/ui/bg-box-heading.gif) no-repeat;
  padding:9px 13px;
  width:260px;
  margin:0 -10px 10px;
}
.box h4{
  font-size:14px;
  line-height:17px;
  font-weight:normal;
  color:#d10000;
  margin:0 0 7px;
}
.box p, #content .box p{
  margin:0 0 9px;
  line-height:15px;
}
.date, .place{
  display:block;
  font-size:9px;
  color:#999;
  text-transform:uppercase;
  line-height:13px;
}
.box .place{color:#5f5f5f;}
.contact{
  height:1%;
  overflow:hidden;
  position:relative;
  float:right;
  margin: 0 0 10px;
}
.contact .text{
  position:absolute;
  left:0;
  bottom:10px;
  width:100%;
}
.contact .text .rc{
  position:absolute;
  right:10px;
  bottom:0;
  width:3px;
  height:40px;
  background: url(/inc/img/ui/bg-rc.png) no-repeat;
}
.contact .text .frame{
  display: block;
  height:40px;
  overflow:hidden;
  background: url(/inc/img/ui/bg-contact-text.png) no-repeat;
  margin:0 13px 0 10px;
  padding:0 12px;
}
.contact .text .frame span{
  display: block;
  text-indent:-9999px;
  background: url(/inc/img/ui/txt-contact.png) no-repeat;
  height:15px;
  overflow:hidden;
  margin:11px 0 0;
}
#sidebar .contact h3{
  background: url(/inc/img/ui/txt-contact2.png) no-repeat;
  height:12px;
  margin:15px 0 0;
}
.contact .link{
  background: url(/inc/img/ui/bg-contact-link.png) no-repeat;
  float:right;
  font-size:11px;
  color:#fff;
  text-decoration:underline;
  line-height:15px;
  margin:9px 0 0;
}
.contact .link:hover{text-decoration:none;}
/* content */
#content{
  float:right;
  width:639px;
  padding:0 0 0 2px;
}
#content p{
  margin:0 0 20px;
  line-height:18px;
}
#content ol li {
  line-height:18px;
}
#content .standfirst p {
  font-weight: bold;
  font-size:15px;
}
body#who-are-we #content h2 {
  clear: both;
  font-size: 15px;
  line-height: 18px;
  text-indent: 0;
  color: #989898;
  float: left;
  margin: 20px 0 10px 0;
}
body#who-are-we #content .link {
  background:transparent url(/inc/img/ui/bg-link-small.gif) no-repeat scroll 0 50%;
  float:right;
  font-size:11px;
  margin: 20px 0 10px 0;
  padding:0 0 0 17px;
  color:#51A69B;
  font-weight:bold;
}
body#who-are-we #content .block {
  clear: both;
}

#content .block p{margin:0 0 10px;} 

#content blockquote {
  margin: 0;
  padding: 0 0 0 10px;
  border-left: 8px #ddd solid;
} 
#content blockquote  cite{
  font-size: 11px;
  color: #8b8b8b;
} 

.block{
  width:641px;
  margin:0 0 10px -2px;
  background: url(/inc/img/ui/bg-block.gif) repeat-y;
}
.block .t{background: url(/inc/img/ui/bg-block-t.gif) no-repeat;}
.block .b{
  background: url(/inc/img/ui/bg-block-b.gif) no-repeat 0 100%;
  height:1%;
  overflow:hidden;
  padding:14px 12px 15px;
  list-style: none;
}
.block .section{
  float:left;
  width:200px;
  margin:0 12px 0 0;
}
.block .section img{
  margin:2px 0 15px;
  display:block;
}
.block .section p, .sign{
  font-size:11px;
  color:#848484;
  padding:0 0 0 1px;
}
.block .text{
  height:1%;
  overflow:hidden;
}
#content h5{
  margin:0 0 10px;
  font-size:14px;
  line-height:17px;
}
#content h5 span{
  display:block;
  font-weight:normal;
}
.image{
  float:left;
  margin:0 13px 0 0;
}
.image img{
  display:block;
  padding:1px;
  border:1px solid #d9d9d9;      
}
.bordered{
  width:266px;
  margin:15px -11px 0;
  border-top:1px solid #d9d9d9;
  clear:both;
  padding:13px 11px 0;
}
.aside{
  float:right;
  width:290px;
  margin:0 0 0 10px;
}
.aside .box p span{
  display:block;
  line-height:14px;
}
.aside .box p span.caps {
  display:inline;
}
.aside .box .text p{font-size:11px;}
.list-members{
  list-style:none;
  margin:0;
  padding:0;
}
.list-members h4{
  font-size: 12px;
  font-weight: bold;
  color: #878787;
  border-bottom: 1px #eee solid;
  padding: 0 0 4px 0;
}
#content .list-members p {
  width:100%;
  overflow:hidden;
  line-height: 16px;
  font-size: 11px;
  color:#878787;
}
.list-members strong{
  display: block;
  font-size:12px;
  color:#313131;
  margin: 4px 0 0 0;
}
.aside .box .items li{background: url(/inc/img/ui/bg-items.gif) no-repeat 0 3px;}
.aside .box .items a{
  font-weight:bold;
  color:#51a69b;
}
#content .holder .link{
  float:left;
  margin:0 50px 0 0;
}
.next-link{
  background: url(/inc/img/ui/bg-link.gif) no-repeat 100% 0;
  padding:4px 31px 4px 0;
}
.prev-link{background: url(/inc/img/ui/bg-prev-link.gif) no-repeat;}
/* sidebar */
#sidebar{
  float:left;
  width:290px;
}
#sidebar .box, .aside .box{margin:0 0 9px;}
/* footer */
#footer{
  height:1%;
  overflow:hidden;
  background:#565656 url(/inc/img/ui/bg-footer-bt.gif) no-repeat 0 100%;
  font-size:11px;
  line-height:14px;
  color:#fff;
  padding:13px 12px 23px;
}
.navigation{
  float:right;
  list-style:none;
  margin:0 -4px 0 0;
  padding:0;
  overflow:hidden;
}
.navigation li{
  float:left;
  background: url(/inc/img/ui/bg-navigation.gif) no-repeat 100% 100%;
  padding:0 5px 0 7px;
  margin:0 -2px 0 0;
}
#footer p {
  margin:0 0 10px 0;
  line-height: 16px;  
}
#footer p.credit {
  float: right;
  color: #999;
}
#footer h4 {
  clear: both;
  float:left;
  margin:0 4px 0 0;
  font-size:11px;

}
#footer a{color:#fff;}
#footer address{
  font-style:normal;
  float:left;
  margin:0 0px 0px 0;
}
#footer address span, 
#footer address strong{
}
#footer dl{
  float:left;
  margin:0 0 0 10px;
  padding:0 0 0 10px;
  background:transparent url(/inc/img/ui/bg-navigation.gif) no-repeat scroll left 100%;
}
#footer dl dt,
#footer dl dd{
  float:left;
  margin:0 4px 0 0;
}
#footer dl dt {
  font-weight:bold;
  white-space:nowrap;
}

body#news .article #content img {
  float: left;
  margin: 0 10px 10px 0;
}

body#programmes #content ul {
  margin:0 0 20px;
  padding:0 0 20px 20px;
}
body#programmes #content ul li {
  line-height:18px;
}
body#programmes #content .aside h5 {
  clear: both;
  border-top:1px solid #D9D9D9;
  margin:15px -11px 10px;
  padding:13px 11px 0;
  width:266px;
}
body#programmes #content .aside .image img {
  margin:0 0 10px 0;
}

body#programmes #content .aside h5.first {
  border-top: none;
  margin:0 0 10px;
  padding:0;
}

body#who-are-we #content .block h3 {
  margin:0;
}
body#who-are-we #content .block ul.b li{
  float: left;
  width: 200px;
  height: 100px;
}
#content.how-we-work img {
  float: right;
  margin: 0 0 20px 20px;
}
/*
#content.how-we-work h3 {
  clear: both;
  border-top: 1px #ccc solid;
  padding-top: 10px;
}
*/
#content.how-we-work table  {
  margin: 0 0 2em 0;
  padding: 0px;
  font-size: 12px
}
#content.how-we-work td, 
#content.how-we-work th { 
  line-height: 1.1; 
  border-top: 0px #eee solid;
  padding: 4px 16px 4px 0px;
}
#content.how-we-work th {
  text-align: left;
  border: 0;
}

#content .figure {
  margin: 0 0 0px 0;
}
#content .figure img {
  margin: 0 0 10px 0;
}

#content .figure p.caption {
  font-size: 12px;
  color: #878787;
}

.category #content .block {
  width: 310px;
  clear: both;
  float: left;
  padding: 10px 0 0 0;
  background: 0;
  border-top: 1px #eee solid;
  overflow: hidden;
}
.category #content .block .t,
.category #content .block .b {
  padding: 0;
  background: 0;
}
.category #content .block .b {
  margin: 0 0 20px 0;
}
.category #content .block.even {
  clear: none;
  float: right;
}

.category #content p {
  clear: both;
}
.category #content.how-we-work p {
  clear: none;
}

.pagination,
.pagination li {
  list-style: none; 
  margin: 0;
  padding: 0;
  line-height: 24px;
}
.pagination li#older {
  float: right;
}
.pagination li#newer {
  float: left;
}
.pagination li a {
  color:#51A69B;
  font-size:13px;
  font-weight:bold;
  padding:4px 0 4px 31px;
  background:transparent url(/inc/img/ui/bg-prev-link.gif) no-repeat scroll 0 0;
}
.pagination li#older a {
  padding: 4px 31px 4px 0;
  background:transparent url(/inc/img/ui/bg-link.gif) no-repeat scroll right 0;
}

body#events #content img {
  float: right;
  margin: 0 0 20px 20px;
}
body#events #content h3 {
  color: #8b8b8b;
}


body#contact #content .address p {
  font-size: 11px;
  line-height: 17px;
}
body#contact #content .address p strong {
  font-size: 12px;
}

body#contact #content .form {
  padding: 19px;
  border: 1px #d9d9d9 solid;
  border-bottom: none;
  background: #ededed url(/inc/img/ui/bg-grey-box-bt.gif) no-repeat scroll 0 100%;
  overflow: hidden;
  margin: 0 0 20px 0;
}
body#contact #content .form form {
  float: left;
  width:400px;
  margin: 0;
  padding: 0;
}
form fieldset {
  border: 0; 
  margin: 0; 
  padding: 0;
}
label {
  margin: 0;
  padding: 0;
  width: 366px;
  font-weight: normal;
  font-size: 12px;
}
label:hover {
  cursor: pointer;
}
input, textarea {
  border: 1px #ddd solid;
  margin: 0.3em 0 1.2em 0;
  padding: 6px;
  font-family: Arial, "Helvetica Neue", "Bitstream Vera Sans", Helvetica, sans-serif; 
  font-size: 14px;
  background: #fff;
  color: #999;
}
input.zemText, textarea {
  width: 366px;
}
#spam-filter label,
#spam-filter input {
  float: left;
  width: auto;
  margin: 0 .5em 0 0;
}
#spam-filter  {
  float: left; 
  width: 200px;
  padding-top: 5px;
}
fieldset#submit input {
  float: right;
  margin: 0 20px 0 0;
  padding: 4px 8px;
  border: none;
  background: #D30000;
  color: #fff;
}
#phone, #mail{
  display:none;
}
.zemError {
  list-style: none;
  padding: 0;
  margin: 0 0 2.4em 0;
}

.zemError li strong {
  display: inline;
}
.zemError li {
  padding: 4px 0 4px 24px;
  background: url(/inc/img/ui/error.gif) left center no-repeat;
}
.success  {
  float: left;
  width: 370px;
  height: 300px;
  padding: 0 0px 0 30px;
  background: url(/inc/img/ui/success.gif) left 0.2em no-repeat;
}
#contact #sidebar .box .t {
  padding-bottom: 0px;
}
#contact #sidebar .box ul {
  list-style: none;
  margin: 0;
  padding: 5px 0 0 0;
}
#contact #sidebar .box ul li {
  margin: 0 0 10px;
}
#contact #sidebar .box img {
  margin: 10px 0;
}
#contact #sidebar .box p.more {
  clear: both;
  margin: 0 0 19px 0;
  font-size: 12px;
}

#privacy #content ul {
  line-height:18px;
  margin:0 0 20px;
}

#privacy #content ul li {
  margin:0 0 20px;
}
.role {
  font-weight: bold;
}