<!-- 
/* global */
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; line-height: 12pt; }
body { background-color: #FFFFFF; margin: 0; }
a:link { color: #666666; text-decoration: underline; }
a:visited { text-decoration: underline; color: #333333; }
a:hover { text-decoration: none; color: #000000; }
a:active { text-decoration: underline; color: #000000; }

/* headers */
h1,h2,h3,h4,h5,h6 { line-height: normal; color: #666666; font-weight: lighter; margin-bottom: 0; }
h1 { font-size: 18pt; }
h1.title { margin: 0; font-size: 14pt; }
h2 { font-size: 16pt; }
h3 { font-size: 13pt; }
h4 { font-size: 11pt; margin-bottom: 0; }

/* misc */
hr { height: 1px; color: #333333; background-color: #333333; margin: 5px 0; }
img { border: 5px solid #EEEEEE; }
a img { border: none; background: none; text-decoration: none; }
small, .small { font-size: 7pt; line-height: 9pt; }
big, .big { font-size: 11pt; }
fieldset { border: 1px solid #333333; }
legend { font-weight: bold; color: #333333; }
th, td, tr { text-align: left; vertical-align: top; }
li { list-style-image: url(../images/list_arrow_blue.gif); }
blockquote { margin-left: 0; font-weight: lighter; font-size: 11pt; }

/* forms */
input, textarea, option, select { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; line-height:14pt; background-color: #CCCCCC; padding: 2px; border: 1px solid #EEEEEE; margin: 3px 0px; }
option { border: none; padding: 0; margin: 0; }
input:focus, textarea:focus, option:focus { border: 1px solid #999999; }
textarea { width: 250px; height: 100px; }
form { margin: 0; padding: 0; }
form table { position: relative; margin: 0 auto; }
form p { margin: 0; }
table.form td { width: 50%; }

/* custom classes */
.none { display: none; }
.button, .button:focus { font-size: 9pt; padding: 2px; border: 5px solid #EEEEEE; color: #000000; text-decoration: none; /*text-transform: capitalize;*/ background-color: #CCCCCC; }
.button:hover { border-color: #999999; }
.centre { position: relative; display: block; text-align: center; width: auto; margin: 0 auto 0 auto; }
.left { float: left; display: block; text-align: left; margin: auto 10px 10px auto; }
.right { float: right; display: block; text-align: right; margin: auto auto 10px 10px; }
.lowlight { color: #333333; /*font-style: italic;*/ text-decoration: none; background-color: #efefef; border-bottom: 1px solid #eeeeee; }
.highlight { color: #333333; /*font-style: italic;*/ text-decoration: none; background-color: #FFFFCC; border-bottom: 1px solid #FFFF66; }
.highlighterror { color: #333333; /*font-style: italic;*/ text-decoration: none; background-color: #fee9e2; border-bottom: 1px solid #fbc3b5; }
.highlightbox { border: 1px solid #FFFF66; background-color: #FFFFCC; padding: 10px; margin-bottom: 10px; }
.highlightbox h3, .highlightbox h2 { margin: 3px auto; }
a h3.highlightbox { text-decoration: none; }
a h3.highlightbox:hover { background: none; background-color: #FFFFCC; }
.bigborderbox, .bigborderboxnorm { border: 1px solid #EEEEEE; padding: 8px; }
.bigborderbox h3:first-child, .bigborderboxnorm h3:first-child, .bigborderbox p:first-child, .bigborderboxnorm p:first-child { margin-top: 0; }
img.bigborderbox { border: 1px solid #EEEEEE; padding: 0px; }
.clickable { cursor: pointer; }
.bluebar { display: block; width: 100%; height: 6px; background-color: #0066FF; margin: 10px 0px 5px 0px; }
.dottedsep { display: block; width: 100%; height: 5px; border-top: 1px dotted #999999; margin: 15px 0px; }
 
/* structure */
#container { position: relative; display: block; width: 980px; height: auto; margin: 0 auto 0 auto; padding: 0; }
#top { position: relative; display: block; width: auto; height: 75px; }
#logo { position: absolute; display: block; width: 287px; height: 68px; top: 1px; background: url(../images/hospitallogo.png) top left no-repeat; }
#nhslogo { position: absolute; display: block; width: 273px; height: 37px; right: 0px; top: 16px; background: url(../images/nhslogo.png) top right no-repeat; }
#menu { position: relative; display: block; width: auto; height: 26px; margin-bottom: 15px; }
#leftcol { float: left; display: block; width: 187px; height: auto; padding: 0; margin: 0; }
#rightcol { float: right; display: block; width: 187px; height: auto; padding: 0; margin: 0; }
#content { position: relative; display: block; width: 586px; height: auto; padding: 0; margin: 0 10px auto 197px; }
#footer { float: left; display: block; text-align: center; font-size: 8pt; width: 100%; margin-bottom: 20px; }

/* menus */
#menu ul, #menu li { display: inline; list-style: none; margin: 0; padding: 0; }
#menu > ul > li a { display: block; float: left; width: 177px; height: 18px; padding: 4px 0px 4px 10px; margin-left: 11px; text-decoration: none; font-size: 12px; font-weight: normal; background: url(../images/menubg.png) bottom right no-repeat; color: #FFFFFF; }
#menu > ul > li:first-child a { margin-left: 0; }
#menu > ul > li.a a { background-color: #FF3333; }
#menu > ul > li.b a { background-color: #0066FF; }
#menu > ul > li.c a { background-color: #33CC66; }
#menu > ul > li.d a { background-color: #663399; }
#menu > ul > li.e a { background-color: #000066; }
#menu > ul > li > ul > li a { background: none; padding: 4px 5px; margin: 0; font-size: .95em; font-weight: bold; color: #666666; }
.submenu { position: absolute; visibility: hidden; width: 174px; height: auto; padding: 0; left: 0; z-index: 10; text-decoration: none; border: 3px solid; border-top: none; border-right: none; top: 25px; background-color: #FFFFFF; }
.submenu li a { display: block; text-decoration: none; }
/*.submenu li a:hover { color: #FFFFFF; }*/
.submenuover { visibility: visible; }
#submenua { left: 0; border-color: #FF3333; }
#submenub { left: 198px; border-color: #0066FF; }
#submenuc { left: 396px; border-color: #33CC66; }
#submenud { left: 594px; border-color: #663399; }
#submenue { left: 792px; border-color: #000066; }

/*#submenub { left: 198px; }
#submenuc { left: 198px; }
#submenud { left: 396px; }
#submenue { left: 594px; }*/

#submenua li a:hover { color: #FF3333; }
#submenub li a:hover { color: #0066FF; }
#submenuc li a:hover { color: #33CC66; }
#submenud li a:hover { color: #663399; }
#submenue li a:hover { color: #000066; }

/* column styling */
#colsearch h3 { background-image: url(../images/colicons_search.png); }
#colpublications h3 { background-image: url(../images/colicons_info.png); }
#colcontact h3 { background-image: url(../images/colicons_contact.png); }
#colfunding h3 { background-image: url(../images/colicons_funding.png); }
#collinks h3 { background-image: url(../images/colicons_links.png); }
#leftcol > div, #rightcol > div { position: relative; display: block; border-bottom: 1px dotted #EEEEEE; margin-bottom: 5px; font-size: .95em; color: #666666; line-height: 10pt; padding: 8px 16px 8px 8px; }
#leftcol > div img, #rightcol > div img { margin-top: 3px; }
#leftcol h3, #rightcol h3 { display: block; /*background-color: #8496B0; border: 8px solid #D3DAE5;*/ font-size: 11pt; color: #FFFFFF; width: 150px; height: 17px; padding: 12px 15px; margin: -8px -8px 10px -8px; }
#leftcol img, #rightcol img { border: 0; }

/* content styling */
.sectionimageheader { position: relative; display: block; height: 40px; margin-bottom: 10px; padding: 10px 177px 10px 10px; }
.contenta .sectionimageheader { background: url(../images/sectionimageheadera.jpg) right no-repeat #f9b1a0; }
.contentb .sectionimageheader { background: url(../images/sectionimageheaderb.jpg) right no-repeat #99CCFF; }
.contentc .sectionimageheader { background: url(../images/sectionimageheaderc.jpg) right no-repeat #b1d9bb; }
.contentd .sectionimageheader { background: url(../images/sectionimageheaderd.jpg) right no-repeat #b39ec4; }
.contente .sectionimageheader { background: url(../images/sectionimageheadere.jpg) right no-repeat #d3dae5; }
.contenta .bigborderbox { border-color: #fbc3b5; background-color: #fee9e2; }
.contentb .bigborderbox { border-color: #99CCFF; background-color: #66CCFF; }
.contentc .bigborderbox { border-color: #21af69; background-color: #b1d9bb; }
.contentd .bigborderbox { border-color: #7c398a; background-color: #b39ec4; }
.contente .bigborderbox { border-color: #8496b0; background-color: #d3dae5; }
.contenta h1, .contenta h2, .contenta h3, .contenta h4 { color: #FF3333; }
.contentb h1, .contentb h2, .contentb h3, .contentb h4 { color: #0066CC; }
.contentc h1, .contentc h2, .contentc h3, .contentc h4 { color: #21af69; }
.contentd h1, .contentd h2, .contentd h3, .contentd h4 { color: #69398a; }
.contente h1, .contente h2, .contente h3, .contente h4 { color: #000066; }
/*.contenta b, .contenta strong, */.contenta a { color: #FF3333; }
/*.contentb b, .contentb strong, */.contentb a { color: #0066CC; }
/*.contentc b, .contentc strong, */.contentc a { color: #21af69; }
/*.contentd b, .contentd strong, */.contentd a { color: #69398a; }
/*.contente b, .contente strong, */.contente a { color: #000066; }
.homepage { background: none; padding: 0; }
.homepage .bigborderbox { border-width: 8px; padding: 5px; }
.homepage img.bigborderbox { padding: 0; }
#homepagenews { position: relative; width: auto; margin: 0px 10px; }
.newssummary, .contactssummary, .publicationssummary, .newspagesummary { display: block; position: relative; width: auto; height: auto; margin-bottom: 10px; padding-bottom: 10px; }
.homepage .newssummary { border-bottom: 1px dotted #FF3333; }
.newssummary .dd { margin: 0 10px; display: none; }
.newssummarycontent { /*margin: 0 10px;*/ display: block; }
.homepage .newssummary h3 { background-color: #ffffff; border: none; margin: auto; }
.newssummary h3 a { text-decoration: underline; /*color: #FFFFFF;*/ display: block; }
.newssummary h3 a:hover { text-decoration: none; }
.linkssummary { display: block; position: relative; margin-bottom: 10px; }
.newspagesummary { border-bottom: 1px dotted #dddddd; padding-bottom: 5px; margin: auto 10px; }
.newspagesummary a { display:block; }
.newspagesummary p { margin: 1px 0; }
.newspagesummary h3 { margin-bottom: auto; }
a.button { color: #000000; text-decoration: none; }
#homepageblurb { min-height: 232px; }

/* breadcrumbs */
#breadcrumbs { position: relative; margin-top: 20px; width: auto; display: block; border-top: 1px dotted #dddddd; font-size: 8pt; padding: 0px 10px; }
#breadcrumbs a { font-size: 8pt; }
-->