





  
    
  
  



  
    
    
    
  
  
  
  
  
  
  
  
  
  
  
  



  
  
  
    
    
    
  


/* General body and link */
* {
  margin:0;
  padding:0
}

a {
  text-decoration:none;
  color:#00f
}

a img, fieldset {
  border:0
}

body {
  background:#fff;
  margin:0 2%;
  font:80%/1.2 verdana, arial, helvetica, sans-serif;
  color:#000;
  height:100%
}

a:link {
  color:#039;
  background:transparent
}

a:visited {
  color:#36c;
  background:transparent
}

a:hover {
  color:#00f;
  text-decoration:underline
}


/* Header */
#accessibility {
  display:none;
}

#header {
  background:#fff;
  height:82px;
}

#header h1 {
  padding:20px;
  text-align:center;
  margin:0 107px 0 200px;
  font-size:1.6em;
  color:#030;
  font-family:arial, helvetica, sans-serif;
}

#header-img {
  float:left
}

#header-img-right {
  float:right
}


/* Topbar */
#topbar {
  width:100%;
  height:24px;
  font-size:0.85em;
  font-weight:bold;
  background:url(https://www.bath.ac.uk/assets/php/topnavbg.php?p=396) repeat-x center;
}

#topbar ul {
  margin-left:auto;
  padding: 0;

}

#topbar ul li {
  display:inline;
}

#topbar ul li a {
  line-height:23px;
  color:#fff;
  float:left;
  padding:0 10px 1px 9px;
  text-align:center;
  border-right:1px solid #fff;
}

#topbar ul li a:hover {
  background:#eaeff9;
  color:#36C;
}

#topbar div {
  width:199px;
  float:left;
  border-right:1px solid #fff;
  background:url(https://www.bath.ac.uk/assets/php/topnavbg.php?p=396) repeat-x center;
}

#topbar div ul li a {
  width:80px;
  color:#fff;
}

#topbar div ul li a#textplus, #topbar div ul li a#textreset, #topbar div ul li a#textminus {
  width:18px;
  color:#fff;
  padding:0 7px 1px 7px;
}

#topbar div ul li a#textminus {
  border-right:none;
}

#topbar div ul li a#textreset {
  width:19px;
}

#topbar div ul li a#textnormal, #topbar div ul li a#textlarge, #topbar div ul li a#textlargest {
  padding:0pt 5px 1px;
  width:15px;
  border-right:none;
}

#topbar div ul li a#textnormal {
  font-size:11px;
  margin-left:12px;
}

#topbar div ul li a#textlarge {
  font-size:13px;
}

#topbar div ul li a#textlargest {
  font-size:15px;
  margin-right:12px;
}

#topbar div ul li a:hover {
  background:#ebf5f0;
  color:#69f;
}


/* Left column */
#leftcol {
  position:absolute;
  left:2%;
  top:106px;
  width:200px;
  font:0.85em/2em verdana, arial, helvetica, sans-serif;
  background: #eeffee;
}

#leftcol p {
  padding:0.6em 0;
  line-height: 2em;
}

#accesscontent {
  display:none;
}

html>body #leftcol p {
  padding:0.2em 0;
}

#leftcol p a {
  font-family:geneva, sans-serif;
  font-size:1.1em;
  color:#039;
}

#leftcol dl {
  background:#f8f8ff;
  width:199px;
}

#leftcol dl dt {
  color:#333;
  font-weight:bold;
  padding-left:2px;
  line-height:2.1em;
  border-top:1px solid #396;
  border-bottom:1px solid #ccc;
  background:#fff;
}

#leftcol dl dt a {
  display:block;
}

#leftcol .highlight {
  background:#ebf5f0;
  color:#396;
  font-weight:bold;
}

#leftcol dd ul {
  margin: 0;
  padding: 0;
  list-style-image: none;

}

#leftcol dd ul li {
  border-bottom:1px solid #ccc;
  list-style-type: none;

}

#leftcol dd ul li a {
  display:block;
  width:197px;
  padding:3px 0 3px 2px;
  line-height:1.5em;
  border-bottom:1px solid #fff;
  color:#000;
}

#leftcol dd a:hover {
  background:#ccddee;
  border-bottom:1px solid #ccddee;
  text-decoration:underline;
}


/* Left column indented menu */
#leftcol dd ul li.submenu ul li, #leftcol dd ul li.submenuopen ul li, #leftcol dd ul li ul li {
  border-top:1px solid #ccc;
  border-bottom:none;
  border-left:solid 6px #eaeff9;
}

#leftcol dd ul li.submenu ul li a, #leftcol dd ul li.submenuopen ul li a, #leftcol dd ul li ul li a, #leftcol dd ul li.submenu ul li a:hover, #leftcol dd ul li.submenuopen ul li a:hover, #leftcol dd ul li ul li a:hover {
  width:187px;
  padding-left:6px;
  background-image:none;
}

#leftcol dd ul li.submenuopen ul {
  display:block;
}

#leftcol ul li {
  padding: 0;

}


/* Right column */
#rightcol {
  float:right;
  width:200px;
  padding-left:1px;
  font-size:0.9em;
  background:#eeffee;
  font-size:0.85em;
  color:#444;
}

#rightcol p {
  margin:1em 0 0 1.8em;
}

#rightcol p img {
  padding-bottom:1px;
  /* this offsets the margin and padding of the containing p */
  margin: -1.8em 0 0 -1.8em; 
}

#rightcol dt {
  border: 2px solid #006600;
}

#rightcol dd {
  border: 2px solid #006600;
}

#rightcol h4 {
  color:#003300;
  line-height:1.25em;
  font-weight:bold;
  font-size:1.11em;
  font-family:Arial, Helvetica, sans-serif;
  padding:0.2em 0 0 0.3em;
  border-bottom:1px solid #396;
}

#rightcol ul {
  margin-left:0;
  list-style:url(https://www.bath.ac.uk/assets/php/rightcolarrow.php?p=396);
}

#rightcol ul.nobullet {
  list-style:none none;
}

#rightcol ul li {
  margin:0.2em 0 0.2em 1.8em;
  padding: 0;

}

html>/**/body #rightcol ul li {
  margin:0.2em 0 0.2em 1.8em;
}


/* Central content */

#content {
  margin:0 200px;
  padding:1.3em 1em 1em 1em;
  font-family:verdana, arial, helvetica, sans-serif;
  color:#333;
}


h2 {
  color:#030;
  margin:0.5em 0;
  font-size:1.6em;
}

h3 {
  color:#006600;
  margin:0.5em 0;
  font-size:1.38em;
}

h4 {
  color:#222;
  margin:0.5em 0;
  font-size:1.25em;
}

h5 {
  color:#333;
  margin:0.5em 0;
  font-size:1.1em
}

h6 {
  color:#000;
  margin:0.5em 0 0 0;
  font-size:1.05em;
}

p {
  padding:0.8em 0 0.6em 0;
  line-height:1.15em;
}

td, th {
  vertical-align: top;
  }

ul {
  padding:0.1em 0;
  margin-left:1.5em;
  list-style:url(https://www.bath.ac.uk/assets/php/bullet.php?p=396);
}

html>/**/body ul {
  list-style:url(https://www.bath.ac.uk/assets/php/bullet.php?p=396&b=ff);
}

ol {
  padding:0.2em 0;
  margin-left:1.8em;
}

ul li {
  padding:0.2em 0;
}


/* Footer */

#footer {
  clear:both;
  text-align:center;
  font-size:0.95em;
  color:#36c;
  margin:0 200px;
  border-top:1px solid #396;
  padding:0.4em 0;
}

#editpagelink {
  float: right; 
  padding-bottom: 20px;
}

/* General classes */

.caption {
  font-size:10px;
  color:#999;
  padding-bottom:4px;
}

.indent {
  margin-left:1em;
}

.boldhead {
  padding-top:0;
  padding-bottom:0;
  font-weight:bold;
  margin-bottom:0;
}

.center, .centre {
  text-align:center;
}

.navnexttop {
  position:absolute;
  top:108px;
  right:2%;
}

.navnextbottom {
  float:right;
  clear:both;
}

.factfile-hss {
  font:0.95em Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  background-color:#fcf5fc;
  display:block;
  padding:0 0.8em;
  margin:1em 0;
  border:1px solid #939;
  line-height:1.15em;
}

.factfile-man {
  font:0.95em Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  background-color:#f1f5fa;
  display:block;
  padding:0 0.8em;
  margin:1em 0;
  border:1px solid #69c;
  line-height:1.15em;
}

.factfile-sci {
  font:0.95em Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  background-color:#eaf4ef;
  display:block;
  padding:0 0.8em;
  margin:1em 0;
  border:1px solid #396;
  line-height:1.15em;
}

.factfile-eng {
  font:0.95em Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  background-color:#fef4ea;
  display:block;
  padding:0 0.8em;
  margin:1em 0;
  border:1px solid #f93;
  line-height:1.15em;
}

.factfile-hss h2, .factfile-man h2, .factfile-sci h2, .factfile-eng h2 {
  font-size:1em;
  padding:0.5em 0;
  font-weight:bold;
}

.highlight {
  color:#c00;
}

.printonly {
  display:none;
}


/* Content tables */
#content table {
  border-collapse:collapse;
}

#content table tr td {
  border:solid 1px #ccc;
  padding:2px;
}

#content table tr th {
  border:solid 1px #ccc;
  padding:2px;
  background:#ebf5f0;
}

#content table.noborder tr td {
  border:none;
}

#content table.noborder tr th {
  border:none;
}

#content table.fullwidth {
  width:98%;
}

html>body #content table.fullwidth {
  width:100%;
}

/* Boxes */
.box {
  margin:1em;
  padding:1em;
  background-color:#ebf5f0;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
}

.quotebox {
  background-color:#ebf5f0;
  border-left:solid 1px #396;
  margin:1em 5em;
  padding:0.75em;
}

.gradientbox {
  width:45%;
  background:url(https://www.bath.ac.uk/assets/php/gradient.php?p=396&h=30&a=15) repeat-x;
  margin:1em 0 0 0;
  padding:0.5em 0.2em;
  border:1px solid #eee;
  border-bottom-color:#ccc;
}

.gradientbox h1, .gradientbox h2, .gradientbox h3, .gradientbox h4, .gradientbox h5 {
  margin-left:0.5em;
}


/* OpenCMS Customisations */
#content div.ocms_de_bt table {
  width:auto;
}

#content div.ocms_de_bt table td {
  border:none;
}

/* CSS for Person finder includes */
.personfinder span {                                                               
   display: block;                                                              
}                                                                               
                                                                                
.personfinder .fn {                                                             
   font-weight: bold;                                                           
}

.personfinder span.tel .type {
    display:none;
}

table.personfinder th {
   text-align: left;
}

table.personfinder tr.headerrow th {
   text-align: center;
}

/* CSS for PIP includes */
.sideheading {
    font-weight:bold;
    text-align: left;
    vertical-align: top;
    font-size: 95%;
    padding: 2px;
}

.displayinfo{
    padding-top: 10px;
    clear: both;
}

.displayinfoarea {
    padding:0px 5px 5px 15px;
}

.currentprevious {
	padding: 0pt 0.25em;
	font-weight: bold;
	background-color: #e0ecff;
}

.linkmenu {
   margin: 10px 0px;
}




				