@charset "utf-8";

body {
  font-family: arial,verdana,sans-serif;
  font-size: 10pt;
  background-color: white;
  margin: 0px;
  text-align: center;
}

#wrap {
  position: relative;
  width: 800px;
  margin: 0 auto;
  text-align: left;
}

#header {
  margin: 0;
  padding: 5px 0px 0px 0px;
  background-color: #6cabd3;
}

#navbar {
  clear: both;
  width: 100%;
  font-size: 9pt;
}
#navbar ul {
  float: right;
  padding: 0;
  margin: 0px 10px 5px 0;
}
#navbar ul li.nostyle{
  background-image: none;
}
#navbar ul li {
  background: url(http://www.dcs.shef.ac.uk/spandh/chime/images/headerpurple.gif) no-repeat 7px 7px;
  float: left;
  list-style: none;
  padding: 0 1px 1px 18px;
  margin: 0;
}
#navbar ul li a {
  color: #f8f8f8;
  padding: 0px 0px 0px 0px;
}

#title {
    position:relative;
    clear: right;
    width: 100%;
    color: #fafafa;
    background-color: #6cabd3;
    padding: 0px 0px 5px 0px;
}

#titlelogo {
    float: left;
    width: 20%;
    margin: 0px 5px 0px 7px;
}


#titletext {
    float: right;
    width: 70%;
    font-family: verdana, helvetica,arial, sans-serif;
    font-size: 16pt;
    margin: 0px 10px 0px 0px;
    color: #fff;
    padding: 0;
}

#clear {
  clear: both;
}

#menu ul {
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 9pt;
  width: 100%;
  min-height: 24px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0;
  background-color: #003366;
}

#menu ul li {
  float: left;
  list-style: none;
  padding: 5px 70px 0 30px;
  margin: 0;
}
#menu a {
  color: #f8f8f8;
}

#main {
  clear: left;
  float: left;
  font-size: 10pt;
  line-height: 150%;
  padding: 0px 10px 10px 10px;
  margin: 0px;
  min-height: 610px; 
}

body #main {
  background-color:#EEE;
  width: 780px;
}

body.hm #main{
  background: url(http://www.dcs.shef.ac.uk/spandh/chime/images/frontpage_bg_1.png) no-repeat 0px -120px;
}

body.ppl #main {
  font-size: 9pt;
}

h1 {
  font-family: verdana,sans-serif;
  font-weight: bold;
  font-size: 10pt;
  margin: 1.5em 0px 0px 0px;
  padding: 0px;
  color: #003366;
}

h2, h3 {
  font-size: 9pt;
  font-weight: bold;
  margin: 1em 0px 6px 0px;
  padding: 0px;
  color: #003366;
}

.section {
  clear: left;
  float: left;
  padding: 0px;
  margin: 10px 0px 0px 0px;
}

.section.frontpage {
  font-size: 10pt;
}

.section p {
  margin: 8px 0 0px 0;
}
.section ul {
  padding: 5px 20px 0 40px;
  margin: 0;
}
.section ul li {
  background: url(http://www.dcs.shef.ac.uk/spandh/chime/images/headerpurple.gif) no-repeat 0px 8px;
  list-style: none;
  padding: 0 0 6px 14px;
  margin: 0;
}

.box {
  clear: right;
  float: right;
  width: 180px;
  background-color: #eeeeee;
  padding: 6px;
  margin: 0px 0px 15px 120px;
  font-size: 9pt;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.box h2 {
  font-size: 10pt;
  font-weight: normal;
  background-color: #cc0000;
  color: #f8f8f8;
  text-align: left;
  padding: 1px 12px;
  margin-bottom: 5px;
}
.box ul {
  padding: 0;
  margin: 2px;
}
.box ul li.nostyle{
  background-image: none;
}
.box ul li {
  background: url(http://www.dcs.shef.ac.uk/spandh/chime/images/headerpurple.gif) no-repeat 0px 11px; 
  list-style: none;
  padding: 3px 6px 6px 10px;
  margin: 0;
}

#footer {
  clear: both;
  font-size: 8pt;
  font-family: verdana, arial;
  text-align: center;
  padding: 3px 0px 10px 0px;
}
#footer ul {
  padding: 0px;
  margin: 0 auto;
}
#footer ul li.nostyle{
  background-image: none;
}
#footer ul li {
  display: inline;
  background: url(http://www.dcs.shef.ac.uk/spandh/chime/images/headerpurple.gif) no-repeat 0px 7px;
  list-style: none;
  padding: 0 20px 0 25px;
}
#footer ul li a {
  color: #999;
  font-weight: normal;
}
#footer hr {
  height: 1px;
  background-color: #AAAAAA;
  color: #FFFFFF;
  border: none;
  margin: 5px 10px;
}

img { border-style: none; }
img.logo { vertical-align: text-bottom; margin: 0px 5px 0px 0px; }
img.portrait { margin: 0px 0px 10px 140px; float: right; }
img.eq, img.icon { vertical-align: top; }

.floatL { float: left; }
.floatR { float: right; }
.clearL { clear: left; }
.clearR { clear: right;}


a:link, a:visited {
  text-decoration: none;
  color: #004488;
}

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

pre{
  font-size: 10pt;
}


/* Code for menu body */

highlighting.hm #menu #hm, body.hm #menu #hm, 
body.ppl #menu #ppl, body.ppl #menu #ppl,
body.reseach #menu #research, body.research #menu #research,
body.pub #menu #pub, body.pub #menu #pub,
body.resource #menu #resource, body.resource #menu #resource,
body.news #navbar #news, body.news #navbar #news,
body.contact #navbar #contact, body.contact #navbar #contact
{color:#FF0000;text-decoration:none;}



/* Photo-Caption PZ3 CSS v080630 
* copyright: http://randsco.com/copyright 
* www.randsco.com 
*/

/* JPB: Added the upXXX directives to give more control over image placement -
   i.e. can raise zoomed images near bottom of page to stop parts disappearing off bottom */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px}
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom.up100 a:hover { margin-top: -100px }
  html>body .PZ3zoom a:hover { margin-top: -100px }

.PZ3zoom.up150 a:hover { margin-top: -150px }
  html>body .PZ3zoom a:hover { margin-top: -150px }

.PZ3zoom.up200 a:hover { margin-top: -200px }
  html>body .PZ3zoom a:hover { margin-top: -200px }

.PZ3zoom.up250 a:hover { margin-top: -250px }
  html>body .PZ3zoom a:hover { margin-top: -250px }


.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left;}
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */