html, body, #idWrap {
height: 100%;
margin: 0;
padding: 0;
text-align: center;
background-color: #CAE1DF;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

-moz-any-link:focus {outline:none;}
a {outline:none;}
a:link {text-decoration: none; color: white; cursor: pointer;}
a img {outline:none; border:0;}

.tble {
background:url(images/UCLH-Logo.gif) right no-repeat;
}

#idWrap {
margin: 0 auto;
text-align: left;
width: 800px;
}
#page {
width: 800px;
position: relative;
float: left;
top: 20px;
margin: 0;
padding: 0;
background-image: url(images/spc.gif);
background-color: #FFFFFF;
}
#head-1 {
width: 800px;
height: 165px;
background-image: url(images/head-1.jpg);
background-repeat: no-repeat;
position: relative;
float: left;
}
#head-2 {
width: 800px;
height: 165px;
background-image: url(images/head-2.jpg);
background-repeat: no-repeat;
position: relative;
float: left;
}
#head-3 {
width: 800px;
height: 165px;
background-image: url(images/head-3.jpg);
background-repeat: no-repeat;
position: relative;
float: left;
}
#head-4 {
width: 800px;
height: 165px;
background-image: url(images/head-4.jpg);
background-repeat: no-repeat;
position: relative;
float: left;
}
#head-5 {
width: 800px;
height: 165px;
background-image: url(images/head-5.jpg);
background-repeat: no-repeat;
position: relative;
float: left;
}
#head-6 {
width: 800px;
height: 165px;
background-image: url(images/head-6.jpg);
background-repeat: no-repeat;
position: relative;
float: left;
}
#strap {
width: 800px;
height: 20px;
position: relative;
float: left;
clear:both;
text-align: center;
COLOR: #ffffff;
FONT-SIZE: 10px;
line-height: 20px;
background-color: #0069AF;
z-index: 22;
}
#subHead {
width: 780px;
height: 40px;
text-align: left;
font-size: 11px;
font-weight: bold;
line-height: 38px;
color: #0069AF;
padding-left: 20px;
float: left;
}
#subHead2 {
width: 780px;
height: 80px;
text-align: left;
font-size: 11px;
font-weight: bold;
line-height: 38px;
color: #0069AF;
padding-left: 20px;
float: left;
}
#rght {
float:left;
width:150px;
text-align: center;
font-size: 11px;
line-height: 16px;
color: black;
padding:0 20px 0 10px;
}
.margin {
margin-bottom:10px;
}

#copy {
width: 760px;
text-align: left;
font-size: 11px;
line-height: 16px;
color: black;
padding-left: 20px;
padding-right: 20px;
float: left;
}
#copy2 {
width: 760px;
height: 20px;
text-align: left;
font-size: 11px;
color: black;
padding-left: 20px;
padding-right: 20px;
float: left;
}
#copy3 {
width: 760px;
height: 350px;
text-align: left;
font-size: 11px;
color: black;
padding-left: 20px;
padding-right: 20px;
float: left;
}
#copy4 {
width: 760px;
height: 330px;
text-align: left;
font-size: 11px;
color: black;
padding-left: 20px;
padding-right: 20px;
float: left;
background-image: url(images/S-patients.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#copy5 {
width: 760px;
height: 410px;
text-align: left;
font-size: 11px;
color: black;
padding-left: 20px;
padding-right: 20px;
float: left;
background-image: url(images/S-staff.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#copy6 {
width: 760px;
height: 400px;
text-align: left;
font-size: 11px;
color: black;
padding-left: 20px;
padding-right: 20px;
padding-top: 0;
float: left;
background-image: url(images/S-research.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#copy7 {
width: 760px;
height: 400px;
text-align: left;
font-size: 11px;
color: black;
padding-left: 20px;
padding-right: 20px;
float: left;
}
#copyInd {
width: 760px;
height: 460px;
text-align: left;
font-size: 11px;
line-height: 16px;
color: black;
padding:0 20px;
float: left;
background:url(images/index.jpg) no-repeat bottom right;
}
#copInd1 {
float:left;
width:420px;
height:220px;
}
#copInd2 {
float:right;
width:340px;
text-align:right;
}
#copInd3 {
clear:both;
float:left;
width:178px;
height:178px;
margin-top:50px;
}

#copyLeg {
width: 780px;
height: 150px;
text-align: left;
font-size: 11px;
line-height: 55px;
padding-left: 20px;
float: left;
background-image: url(images/legacies.jpg);
background-repeat: no-repeat;
background-position: right;
}


#space {
width: 780px;
height: 100px;
text-align: left;
font-size: 11px;
line-height: 55px;
padding-left: 20px;
float: left;
}
#space1 {
width: 780px;
height: 50px;
text-align: left;
font-size: 11px;
line-height: 55px;
padding-left: 20px;
float: left;
}
#space2 {
width: 780px;
height: 400px;
text-align: left;
font-size: 11px;
line-height: 55px;
padding-left: 20px;
float: left;
background-image: url(images/ucl-143.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#space2a {
width: 740px;
height: 350px;
text-align: left;
font-size: 11px;
line-height: 25px;
padding-left: 60px;
float: left;
background-image: url(images/ucl-143.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

#space2b {
width: 740px;
height: 350px;
text-align: left;
font-size: 11px;
line-height: 25px;
padding-left: 60px;
float: left;
background-image: url(images/UCLH-13.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#space3 {
width: 760px;
height: 300px;
text-align: left;
font-size: 11px;
line-height: 16pt;
padding-left: 20px;
padding-right: 20px;
float: left;
background-image: url(images/butterfly.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#space3b {
width: 760px;
height: 350px;
text-align: left;
font-size: 11px;
line-height: 16pt;
padding-left: 20px;
padding-right: 20px;
float: left;
background-image: url(images/butterfly.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

#space4 {
width: 760px;
height: 150px;
text-align: left;
font-size: 11px;
padding: 20px;
float: left;
}
#space5 {
width: 780px;
height: 150px;
text-align: left;
font-size: 11px;
padding-left: 20px;
float: left;
}
#space6 {
width: 720px;
text-align: left;
font-size: 11px;
padding-left: 40px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 20px;
float: left;
}
#space7 {
width: 760px;
height: 50px;
text-align: left;
font-size: 11px;
padding-left: 20px;
padding-right: 20px;
float: left;
}
#space8 {
width: 780px;
height: 240px;
position: relative;
float: left;
left: 20px;
text-align: left;
font-size: 11px;
background-image: url(images/plant.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#space9 {
width: 760px;
height: 250px;
text-align: left;
font-size: 11px;
padding-left: 20px;
padding-right: 20px;
float: left;
}
#spaceNgt {
width: 780px;
height: 180px;
position: relative;
float: left;
left: 20px;
text-align: left;
font-size: 11px;
line-height: 16pt;
background-image: url(images/night.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#spaceTeam {
width: 780px;
height: 160px;
position: relative;
float: left;
left: 20px;
text-align: left;
font-size: 11px;
line-height: 16pt;
background-image: url(images/team.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
#spce {
width: 800px;
height: 20px;
position: relative;
float: left;
background-color: #CAE1DF;
}


#list1 {
margin: 0;
padding-left: 1em;
}


/****************************************************TEXT***********************************************************/

li {
margin: 1em 0;
}

.head2 {
font-size: 16px;
text-align: left;
color: #000000;
line-height: 22px;
}
.heading {
font-size: 20px;
font-weight: bold;
text-align: left;
color: #000000;
line-height: 30px;
}
.heading2 {
font-size: 18px;
font-weight: bold;
text-align: left;
color: #000000;
line-height: 24px;
}
.heading3 {
font-size: 16px;
font-weight: bold;
text-align: left;
color: #000000;
line-height: 22px;
}
.news1 {
COLOR: #000000;
FONT-SIZE: 12px;
font-weight: bold;
text-align: left;
line-height: 16px;
}
.news2 {
COLOR: #000000;
FONT-SIZE: 11px;
font-weight: normal;
text-align: left;
line-height: 16px;
}

.subHead {
font-size: 14px;
text-align: left;
color: #000000;
line-height: 20px;
}

.line {
color: #0069AF;
font-weight: normal;
}
.head {
COLOR: #FFFFFF;
FONT-SIZE: 12px;
font-weight: bold;
text-align: left;
}
.copy {
COLOR: #000000;
padding-left: 20px;
padding-right: 20px;
FONT-SIZE: 11px;
font-weight: normal;
text-align: left;
line-height: 16px;
}
.gryTxt {
font-size: 9px;
line-height: 12px;
font-weight: bold;
padding-left: 4px;
padding-top: 4px;
text-align: left;
vertical-align: top;
}
.strapline {
font-size: 11px;
font-weight: bold;
text-align: left;
padding-left: 5px;
padding-top: 5px;
vertical-align: top;
}

.indent {
padding-left: 40px;
}
.bold {
font-weight: bold;
}
.black {
color: #000000;
}

.bd {
font-size: 12px;
font-weight: bold;
color: #66CCFF;
}
.biog {
font-size: 10px;
font-weight: normal;
color: #0069AF;
}
.indent-18 {
line-height: 18px;
padding-left: 40px;
}
a:link {
color: #0069AF;
text-decoration: none;
}
a:hover {
color: #0069AF;
text-decoration: none;
}
a:active {
color: #0069AF;
text-decoration: none;
}
a:visited {
color: #0069AF;
text-decoration: none;
}
.padd {
padding-top: 20px;
}
.paddBottom {
display:block; padding:0 0 5px 0;
}

.alert {
font-size: 14px;
text-align: left;
color: #CC0000;
font-weight:bold;
}

.boldBlue {
display:block;
font-weight: bold;
color:#0069af;
line-height:24px;
}
.margin {
margin-bottom:20px;
}
.marginTp {
margin-top:10px;
margin-left:20px;
}
.padd {
padding:0 0 10px 10px;
}
.rays {
color:#809630;
font-size:1.5em;
font-weight:normal;
font-family:arial,helvetica,sans-serif;
}
#buttns {
float:left;
width:110px;
}
#buttns img {
margin:0 0 20px 0;
}
#buttns span {
text-align:left;
line-height:100%;
display:block;
padding-bottom:10px;
}
.face {
display:block;
width:160px; height:65px;
background:url(images/facebook2.gif) no-repeat right;
text-align:left;
font-size:10px;
line-height:130%;
margin:0 0 0 180px;
padding:0;
}
.ital {
font-style:italic;
}