/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr{border:0;font-variant:normal}sup{vertical-align:baseline;position:relative;top:-.4em}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}

body { background: #e9f6f8 url(images/header-back.gif) repeat-x top left }

p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* = 6px of spacing between lines making 21px total line-height */ 
{ line-height: 1.6em; }
h1{line-height:1.3em}
p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* set margins to preserve 21px line-height by matching line-height */ 
{ font-size: 1em; margin-top: 1.6154em; margin-bottom: 1.6154em; }
body, form { font-family: Verdana, sans-serif; }

h1 { font-size: 2.3077em; color: #55b732 ; font-family: 'Catamaran', sans-serif;}
h2 { font-size: 1.2308em; font-weight: bold; margin: 1.3125em 0; color: #133349 }
h3 { font-size: 1.0769em; font-weight: bold; margin: 1.5em 0; color: #133349 }
h4 { font-size: 1em; font-weight: bold; margin-top: 1.5em; margin-bottom: -1.5em }

#content ul li, #content ol li ul li /* making sure bullets just appear in content lists */ { margin-left: 1.25em; padding-left: 0; list-style-type: disc; margin-bottom:.3em }
#content ol li, #content ul li ol li { margin-left: 1.8em; padding-left: 0em; list-style-type: decimal; background: none }
#content ol ol, #content ol ul, #content ul ol, #content ul ul { margin: 0 }

a,a:hover { color:#058060; text-decoration:none } /* border-bottom: 1px solid #82bcd2 */
a:hover { background-color:#d2f2fe }

blockquote { padding-left:1.05em; margin-left:0.25em; border-left: 0.2em solid #80b735; font-style: italic }

#logo,#logo span { display: block; width: 320px; height: 51px; }
#logo span { background: url(/images/stecon-logo.png) no-repeat top left; position: absolute; top: 0; left: 0 }
#add-nav { margin:.1em 0 0 0 }

#content-position {background-color:#fff}

@media (max-width:59.99em) {
#logo { margin:0; border:0; padding:0; background-color:#1393A9 }
#header { margin:0 }
input#search-box { margin:3px 0 3px 3px }
input#search-button { margin:3px 3px 3px 0 }
#content-position, #footer { margin:0 .5em }
#main-nav { width:100%; background-color:#0E7D91; clear:left}
#main-nav ul { display:flex; margin:0; padding:0; bottom:0; left:0;flex-wrap:wrap;}
#main-nav li, #nav-about { overflow:hidden; padding:0; border:#fff solid 1px; flex-grow:1;text-align:center}
#main-nav li, #nav-about {display:block; margin:5px; padding:0}
div#clear, #footer-right, #breadcrumbs { clear:both }
#side-nav a {margin:4px 0}
#main-nav a,#add-nav a {width:100%;display:inline-block;padding:0;}
#main-nav a::before, #main-nav a::after {width:.5em;display:inline-block;content:" "}
#main-nav .nav-on a,.nav-on {background-color:#fff;color:#0E7D91}
a.uob-logo {margin-right:50px}
#breadcrumbs {padding-top:3px}
.nav_next,.nav_prev {margin:4px;padding:0 15px;clear:both}
#footer-right {margin-bottom:0}
}

@media (min-width:60em) {
#logo { position: absolute; left: 0; top:1em; border:0; background-color:#1393A9 }
#header, #content { width: 59rem; margin: 0 auto; position: relative; height: 10rem }
#footer,#side-nav {font-size:80%}
#content { position: relative; height: 162px }
#main-nav { font-size: .8em;width: 59rem; height: 6em; position: absolute; bottom: -50px; left: 0; margin:0; padding:0 }
#main-nav ul { float: left; position: absolute; bottom: 0; left:0; margin: 0; padding: 0; }
#main-nav li { float: left; margin-right: 2px; border-bottom:#fff solid 1px }
#nav-1 {margin-right:0}
#main-nav a,#add-nav a { position:relative; display: block; margin:0; border:0 }
#add-nav { position: absolute; right: 0; top: 8px }
#search-button { position: relative; left: -1px }
a.uob-logo {margin-right:22em}
#main-nav a { height:2.7rem; padding:6px 3px 0 7px; line-height:1.4em; border-top-left-radius: 6px; border-top-right-radius: 6px; }

/* CONTENT  basic grid structure is 10 300 20 300 20 300 10 - 10s are already removed by making width 940 instead of 960 */

#content { min-height: 30em; height: auto }
/* for Internet Explorer */
/*\*/
/*  * html #content {height:30em}  */
/**/
#content-position { background:white url(data:image/gif;base64,R0lGODlhAQBcALMAAP////Dw8PHx8f7+/vf39/n5+fT09P39/fX19fz8/PLy8vv7+/r6+vPz8/b29vj4+CH5BAAAAAAALAAAAAABAFwAAAQcMMggqlLNGIQcIU9RMMuSJMcxrEDrvnAsz3QtRwA7) repeat-x top left; overflow: auto }
div#clear {display:none}


/* footer */
#footer { width: 59rem; margin: 1.5em auto 0 auto; clear:both; }
#footer-left { float: left; width: 65%; margin: 0.75rem 0 }
#footer-right { float: right; width: 30%; text-align: right; margin: 0.75rem 0 }

#nav-about {width: 5em;}
#nav-about a { padding:.25em .6em; border-radius: 6px; }
#nav-home-on { background-image: url(/images/bg-home-on.gif) }
#nav-2-on { background-image: url(/images/bg-during-on.gif) }
#nav-3-on { background-image: url(/images/bg-module-on.gif) }
#nav-4-on { background-image: url(/images/bg-tips-on.gif) }
#nav-5-on { background-image: url(/images/bg-dissertation-on.gif) }
#nav-6-on { background-image: url(/images/bg-after-on.gif) }
#nav-7-on { background-image: url(/images/bg-data-on.gif) }
#nav-8-on { background-image: url(/images/bg-views-on.gif) }
#nav-9-on { background-image: url(/images/bg-distractions-on.gif) }
#nav-1-on { background-image: url(/images/bg-panic-on.gif) }

.nav_next,.nav_prev { margin-bottom: 1.5em; padding:0 1em; width: 17em; line-height: 1.5em }
}		/* END OF QUERIED CONTENT FOR LARGE SCREENS */



/* HEADER */

#add-nav li { float: left; margin-right: 5px }
#add-nav form { margin: 0 -5px 0 0; padding: 0 }
#search-box { height: 1em; padding: 5px; background: url(data:image/gif;base64,R0lGODlhAQAaAKIAAP///+vr6/n5+e/v7/X19fz8/P7+/ujo6CH5BAAAAAAALAAAAAABABoAAAMJCBdDUgbISetMADs=) repeat-x left top; border-style:solid; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }


/* CSS REPLACEMENT FOR IMAGE REPLACEMENT FOR NAVIGATION */
#main-nav a, #nav-about a { background-color:#0E7D91; color:#fff }
#main-nav a:hover,#nav-about a:hover { background-color:#0C6A7B } 

/**/
/* side navigation styling */
#side-nav ul { margin: 1em 0 0 0; padding: 0; border-top: 1px solid #aaccd1 }
#side-nav ul li, #side-nav ul ul li { margin: 0; padding: 0; list-style-type: none; font-weight: bold;  }
#side-nav ul li a,#side-nav ul ul li a { padding: 0.4em 0.25em; border: 0; display: block }
#side-nav ul ul { margin: 0; padding: 0; border-top: #aaccd1 solid 1px; position: relative; top: 1px }
#side-nav ul ul ul { margin: 0; padding: 0; border-top:0; position: relative; top: 0px}
#side-nav ul ul li { border: 0; }
#side-nav ul ul li a {margin-left: 1.5em; }
#side-nav ul li,#side-nav ul ul li a { border-bottom: #aaccd1 solid 1px }

/* prev next */

.nav_next {font-weight: bold; float:right; background:url(data:image/gif;base64,R0lGODlhCQAKAIABAFW3MgAAACH5BAEAAAEALAAAAAAJAAoAAAIRRI4Hm7qMnnSy2mtCTa9pfxQAOw==) no-repeat right center; text-align: right;}
.nav_prev {float:left; background:url(data:image/gif;base64,R0lGODlhCQAKAIABAFW3Mv///yH5BAEAAAEALAAAAAAJAAoAAAIQjG+ACXoNGZy0UjnRXXGlAgA7) no-repeat left center;}

a.currentpage {color:#000}
.pull_image { float:right;font-size:smaller;text-align:right;margin-left:1em }
.pull_quote { float:right;text-align:right;margin-left:1em;width:11em;border:black solid 1px;padding:3px;line-height:2.5em;font-size:larger }

div.box { font-color:#600;background-color:#fff8f8;padding:4pt;border:#966 solid 1px;margin:.2em 0 }
#side-nav li{list-style-type:none}
.sharelinks{clear:both;font-size:85%}
.sponsor-container {width:100%;background-color:#fff}
.supporter_logo {background: #fff url(/hon_sponsor_logos.webp) no-repeat left top; display: inline-block;height: 55px;margin: .5rem 1.5rem .5rem 0;}
.bristol_logo {width:185px}
.res_logo {width:175px;background-position:-232px}
.ses_logo {width:345px;background-position:-453px}
div.sponsor-container {
	max-width:100%;
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  justify-content:space-between;
  }
 
table.nicetable td, table.nicetable th{padding:3px 6px}
th{font-weight:700}