body { color: black;
 /*background: #ccc url(wallpaper.png);*/
 /*background:  #333  url(wallpaper.png);*/
 /*background: #e4e4d4;*/
 background: #f3f3ec;
 /*background: white;*/
 font-family: verdana, Helvetica, arial, sans-serif;
 padding:0; margin:0;
 font-size: 92%;
 min-width: 75ex;
 text-align: center;
 border-bottom: solid 1px #903010;
}


a {color: #007;}
a:visited {color:#405;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}


#header { 
/*  background-color: #3048a0;
  color: white;*/
/*
  background:  #f8f8f0;  url(rgrad.jpg) repeat-y right;
  color: /#301000; 
*/
/*
  background: #903010  url(rgrad.jpg) repeat-y right;
  color: #f8f8f4;
*/

  background-color: white;
/*  border-bottom: solid 1px #a0a0a0;*/
  max-width: 85em;
  position: relative;
  text-align: left;
  margin: 0 auto;
}


#headerslogan {
  /*font-size: 130%;padding: 6px;*/
  background:  url(spm081i.gif) no-repeat 50% 65%;
  width:246px;
  height:72px;
}

#headerslogantext {
  position: absolute;
  top: 4px;
  right: 140px;
  /*width: 40ex;*/
  font-size: 80%;
  /*font-weight: bold;*/
  color: #c08070;
}

#headerslogan  a { display: block; width:100%; height:100%; text-decoration:none;
font-size:1px; color: white;}

div#headerbar {
  background: #821d00 url(rbargrad) repeat-x top right;
/*background: #903010;*/
  color: #f8f8f4;
  padding:2px 1ex 2px 2ex;
  font-size: 90%;

/*  border-left: solid 3ex #a76;
  border-right: solid 1ex #a76;
*/
  position: relative;
}

/*div#headerbar ul { vertical-align: bottom; }*/


/* Following are for rounded header bar*/
#headerslogan {height: 48px;}

div#headerbar {width: 70%;}

#headerstyle1 {position: absolute; top:0;right:0;
width: 10px; height: 10px;
background: url(r_trc.gif) no-repeat top right;
}

#headerstyle2 {position: absolute; bottom:0;right:0;
width: 10px; height: 10px;
background: url(r_brc.gif) no-repeat bottom right;
}








div#headerbar ul.links { 
padding: 0px;
margin:0;
list-style-type: none;
display: block;
height: 1.3em;
}
div#headerbar ul.links li { 
  border:solid 1px #701010;
  border-right: solid 1px #b05040;
  border-bottom:none;
  margin:0;
  padding:2px 0 1px 0;

  display:block;
  float: left;
  padding:0;
  margin-right: 1ex;
}

div#headerbar ul.links li a { 
  border:solid 1px #b05040;
  border-right:solid 1px #701010;
  border-bottom:none;
  margin:0;
  padding:1px 1ex 0px 1ex;

  display:block;
}

div#headerbar ul.links a { color: white; text-decoration: none;}
div#headerbar ul.links a:hover {
  /*text-decoration: underline; */
  color: #FFf0a0;
  border:solid 1px #701010;
  border-right: solid 1px #b05040;
  border-bottom:none;
}

div#headerbar ul.links a.active {
background-color: #945858;
border: solid 1px #945858; 
border-bottom:none;
color: #FFe040;}

#headerlogo {
  width: 180px;
  height: 72px;
  background:  url(LOGO_RS144i.gif) no-repeat 100% 60%;
 position: absolute;
  right:12px;
  /*top: 100px;z-index:2;*/
 text-align: right;

}


#headerlogo a {display:block; width:100%; height:100%; text-decoration:none; 
font-size:1px; color: white;
/*font-size:80%; color: #555;*/
}


#header h1 { margin:0; font-weight: normal; font-size: 120%;}
#header h1 a {  color: #f8f8f4; text-decoration: none;}
#header p { margin:0; font-size: 60%; }



#containerfull {
  background-color: white;
}

#containerwiden {
  position: relative;
  max-width: 90em;
  margin: 0 auto;
}

#container { 
  background-color: #f3f3ec;
  height: 100%;
  max-width: 84em;
  text-align: left;
  margin: 0 auto;
}


#nav { 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24ex;
  margin:0;
  padding:0 0 1ex 0 ;
  font-size: 90%;
}


div.navphoto {
/*text-align: center; */
margin-top: 16px; 
margin-left: 10px;
}

div.navphoto img { 
/*border-width: 1px; border-style: solid; border-color: #d8d8d8 white white #d8d8d8;*/
}



.menu a, .menu span { 
  display: block;
  text-decoration: none;
  padding: 0 1em 0 1ex;
  border-left: solid 0.3ex #f0f0f0;
}

.menu a { color: #0000f0; }
.menu a:visited { color: #4000d0; }
.menu a:hover { background-color: #fffff8;
  border-left: solid 0.3ex #c00000;
  color: #c00000;
}

.menu span.this {border: dashed 1px #c0c0ff; color: #000060; margin: 0 1ex 0 0.5ex; padding-left: 0.5ex;}
.menu span.this:hover { border-color: #c00000; }
#nav h4 {border: none;font-weight: bold;color: #303030; 
  padding: 0 1em .1ex 1ex; margin:0 0 0 0; line-height: 110%;}
.menu span.separator { height: .5ex; }

#nav ul { list-style-type: none; padding: 0; margin: .2ex 0 0em 0; }
#nav li { padding:0; display: inline; }





#main, #bottom { 
  margin: 0 0 0 22ex;
  padding: 1em 1em 0 4ex;
  background-color: white;
  border-left: solid 1px #e8e8e0;
  position: relative;
  height: 100%;
}

#main p { clear: left; margin-top: .5ex; text-align: justify;}


.m120 { padding-left: 120px; max-width: 40em; }
.mfloat  {position: absolute; left: 4ex; margin-top: 1ex;}


#main { padding-bottom: 2em; 
  z-index: 1;
  min-height: 36em;
}

/*Definitions for bottom*/
#bottom{ height: 4em; 
z-index: 0;
}
#bottom p { float: right; 
/*  clear: right;*/
  color: #706060;
  border-left: solid 1px #d0c0c0;
  font-size: 65%;
  padding: .2ex .7ex .2ex .7ex;
  margin: 0;
/*position: absolute;
right: 0em;
width: 36ex; */
}

#bottom a { color: #505090; }


/**********/




.page { 
  border-collapse: collapse;
  height:100%;
  width: 100%;
}
hr { background-color: #d0d0d0; color: #d0d0d0; border: solid 1px #d0d0d0;}


.logstat { font-size: 75%; margin: .5ex 0 2ex 1ex; 
  display: block; color: #606040}


/*#tophead { margin-top: 0ex; }*/
/*h2 { font-size: 145%; margin: .5ex 0 2.5ex 0; font-weight: bold; color: #550; 
  border-bottom: solid 2px #550; padding-right: 2em; float: left;}*/

h2.pagehead { font-size: 145%; color: #002060; margin: 0ex 0 .5ex 0; max-width:70%;}
h3.pagehead, h2 { font-size: 110%; color: #002060; margin: 0.5ex 0 3ex 0;}

/*h2 { font-size: 145%; margin: -.7ex 0 3ex 0; font-weight: bold; color: #002060; }*/

h3 { font-size: 110%; margin-bottom: .5ex; font-weight: bold; color: #002060;}
h4 { font-size: 100%; }
.small { font-size: 80%; }
input, textarea { border: solid 1px #808080; padding: 0 2px;}
span.error, p.error { color: red; }



.restab td { font-size: 75%; padding: 0 1ex 0 1ex; }
.tabodd td { background-color: #f0f0f0; }

a img { border: none; }
a:hover { color: #c00000; }
h3 a { text-decoration: none; }
h3 a:hover { text-decoration: underline;  }

h3.biglink { width: 20em;
  border: solid 1px #d0d0d0;
  background-color: #f4f4f4;
/*  margin: 1em 1em 1em 1em; */
  margin: 1ex 1em 0 1em; 
}
h3.biglink a, h3.biglink .inactive { padding: 1em; display: block; margin: 0; 
  text-decoration: none; font-size: 90%; color: #002060;
border-left: solid 1px #f4f4f4;}
h3.biglink a { color:#002060; } 
h3.biglink .inactive { color: #404040; }
h3.biglink a:hover { color: #800000; 
  background-color: #fafaf4; border-left: solid 1px #800000;}
h3.biglink .small { font-weight: normal; }

h4 { margin-bottom: .5ex; }
ul { margin-top: .5ex; }

div.sect {   
  /*border: solid 1px #e0e0e0;
  background-color: #f8f8f8;*/
  border-left: solid 1px #002060;
  margin: 2em 0 2em 2ex;
  padding: 0 1ex .5ex 1ex;
 }

.sect h3 { margin-top:0; font-size: 100%; margin: 0 0 .2ex 0;}
.sect h3 a { color: #0000c0; text-decoration: none; font-size: 1em; }
.sect h3 a:hover { text-decoration: underline; }


div.linklisthead {
/*background-color: #555; margin: 30px 0 0 0; color: white; 
padding: 1px 3ex 1px 2ex; font-size: 75%; width: 54%; font-weight: bold;*/
color: #888;
font-size: 80%;
display: none;

}

div.linklist {background-color: #f6f6f6; 
/*border: solid 1px #e0e0e0; */
border-left: solid 3px #aaa;
border-right: solid 1px #ddd;

padding: 1ex 4ex; width: 50%; 
margin: 2em 0 2em 0;}
div.linklist hr { height:0; border: solid 1px white; border-top: solid 1px #e4e4e4;}
div.linkitem {font-size: 85%;}
div.linkitem h3 { margin-top:0; font-size: 120%; margin: 0 0 0 0;}
div.linkitem h3 a { color: #0000c0; text-decoration: none; font-size: 1em; }
div.linkitem h3 a:hover { text-decoration: underline; }


.infobox { 
  float: right;
  width: 20%;
  font-size: 75%;
  border: dashed 1px #808080;
  margin: 1ex 0 1em 1em;
  padding: 1ex 1ex 1ex 1ex;
  background-color: white;
 }

.infobox h3 { margin-top: .5ex; }
.infobox ul {padding-left: 2em; }
.infobox h4 { margin-bottom: 0; }


.imglink img { border:none; }
.imglink { padding: 0 0 0 10px; display: block; 
border-bottom: solid 2px white;
  background: transparent url(rarr.png) no-repeat  0% 80% ;
}
.imglink:hover { border-bottom: dotted 2px #c00000; }




/*reserch tables*/
.restable { margin: 1ex; }
.restable td { font-size: 75%; padding: .5ex 1ex .5ex 1ex;}
.reshead{ background-color: #00008c; color: white; font-weight: bold;}
.ressub { background-color: #ffcc00; font-weight: bold; }
.restype { background-color:#eaeaea; }
.resmain { background-color:#ffffbb; }
.respub { background-color:#eaeaea; }

/*honours list*/
.linklist a { text-decoration: none; }
.linklist a:hover { text-decoration: underline;  }
.linklist ul { margin-bottom: 1em; }

/*publications tables*/
.pubtable { text-align: left; width: 100%;}
.pubheadcell { vertical-align: top; background-color: rgb(145,73,53);}
.pubheadtext { color: rgb(255,255,255); font-weight: bold;}
.publinkcell { vertical-align: top; background-color: rgb(220,220,200);}
.pubtextcell { vertical-align: top; background-color: rgb(230,230,210);}

td.pubheadcell {background-color: white; padding:0;}
span.pubheadtext {color: #000;/*#002060*/ font-size: 100%;}

/*Search list*/
dl {font-size: 0.9em;}
.title {font-weight: bold;}
dl a {
	/*color : #008; rgb(145,73,53);*/
	}

dd {margin-left:0;}
dt {margin-top: 1em;}

.header {
	font-size:0.8em;
	font-weight : bold;
        display: none;
	}


/* Front page*/
a.normlink {text-decoration : none;
	color: rgb(145,73,53);}

/* Info page */
.phpcode {color:rgb(0,128,0); font-size:0.8em;}





/*boxed nav*/
#container { background-color: white; }
#main, #bottom { border-left: none; }
div#nav > div.block { padding:1ex 0 0 0; margin: 3em 0 2em 2ex; border: solid 1px #e0e0e0;}

div#nav  div.block { 
  background-color: #f4f4f4;
  padding: 0;
  margin: 4em 1ex;
  border: solid 1px #e0e0e0;
  border: none;
}
#nav .block ul {  list-style: none; margin: 0 0 1ex 0; }

#nav .block h4 {background-color: #555; margin: 0 0 4px 0; color: white; padding: 3px; font-size: 85%;}

div.clearfill {clear:both; height:1px;}

/*div.longitem h3 a {color: black;}
div.longitem h3 a:hover {color: #c00;}*/

div.longitem h3 {margin-bottom: 0;}

div.team {margin-top: 1ex;}
div.longitem h4 {margin-top:1ex;}
div.longitem p {margin-bottom: 1ex;}

p.abstract { font-size: 90%; max-width: 60em; margin: 1ex 0; background-color: #f4f4f4; border: solid 1px #e0e0e0; padding: 1ex 1ex;}

.publinks {font-size: 80%; color: #777;}
.publinks a{color: #777;}