@charset "utf-8";
/* CSS Document */

/* 

Title:     BioSS New Site

Updated:   March 2010

*/

body, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, tt {
	padding:0;
	margin:0;
}

body {

	margin: 0px auto;
	height:100%; 
	width: 938px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:1.0em;
	color: #000;
	}

#headername {font-size:1.15em; float: left; background: #fff; font-weight:bold; color:#00837a;}	
.nodisplay{display:none;}

/* page structure

--------------------------------------------------------- */

#contentmain {

	float: left;
	width: 650px;
	margin: 0 20px 20px 0;
	font-size:0.7em;
	}
	
	
.yellowb {
	background-image: url(../images/sitepics/yellowB.png);
	}	

#rightcol {
	float:right;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width: 265px;
    background:#e9efef;
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	border-right:1px solid #d3d3d3;
	}
	

/* for front page */	
#contentwide {
	float: left;
	width: 938px;
	margin: 0 0 10px 0;
	font-size:0.7em;
	background:#fff; 
	}	
	
#footer {
	clear: both;
	margin: 0 0 20px 0;
	background:#fff; 
	border:1px solid #d3d3d3;	
	}
	
#social {background:#fff; margin:8px 0 0 0;}
#social a{ font-size:0.75em; text-decoration:none;}

.socright {float:right; margin-right:10px}
	
/* different color for front page */	

#footerf {

	clear: both;
	margin: 0 0 20px 0;
	padding: 8px 8px 8px 8px;
	font-size:0.8em;
	line-height:0.9em;
	background:#26a2a9; 
	border-bottom:1px solid #636cd0;	
	}

/* general footer with smaller font size for documents webapp */

#footerg {

        clear: both;
        margin: 0 0 20px 0;
        padding: 8px 8px 8px 8px;
        font-size:0.6em;
        line-height:0.8em;
        background:#26a2a9;
        border-bottom:1px solid #636cd0;
        }
	
p.foot {

	margin: 10px 0 0 0;
	padding: 4px 8px 8px 8px;
	font-family: Verdana, sans-serif;
	font-size:0.7em;
	line-height: 1.6em;
	color:#000;
	background:#11cbcd; 
	/*#00b9c0;*/
	}


/* header
--------------------------------------------------------------- */

#header {

	margin: 0 0 0 0;

	}
	
/* masthead banner */

#banner {

	position: relative;
	clear: right;
	border-bottom: 1px solid #005294;
	z-index: 0;
	}

#banner img {

	display: block;
	}
	
#searchbox { z-index: 2; position: relative;
        right: -12px;  width:300px;
		float: right } 

/* general headings */

h1, h2, h3, h4, h5, h6 { background: #fff; color: #039/*#9a4951*/; font-weight: normal; text-align: left;}

/* h1 {font-size: 1.6em; line-height:1.8em; font-weight: bold; background-color:#fff; color:#00848b; margin-top:5px;} */

h1 {font-size: 1.5em; line-height:1.5em; font-weight: bold; background-color:#fff; color:#074A89; text-transform: uppercase; margin-top:5px; margin-left:-20px; font-family:verdana, arial, helvetica, sans-serif; padding-left:7px;}

h2 {font-size: 1.3em; font-weight: bold; padding: 0 0 0 0; margin: 10px 0 3px 0; font-family:verdana, arial, helvetica, sans-serif;}
h3 {font-size: 1.3em; font-weight: bold; padding: 0 0 0 0; margin: 10px 0 3px 0; font-family:verdana, arial, helvetica, sans-serif;}

/* h3 {font-size: 0.95em; font-weight: bold; padding: 0 0 0 0; margin: 10px 0 3px 0;} */

h4{font-size: 1.1em; font-weight: bold; margin:10px 0 3px 0; padding: 0 0 0 50;}

h5 {font-size: 0.75em; font-weight: bold; font-style: italic;}


h5 span.pg {background: #f3e8f4; border-style: none;}

p { font-size:1.2em;
    line-height: 1.5em;
	margin:5px 0px 10px 0px;
	padding:0px;}
	
a 	{	text-decoration: none;}
	
tt { font-size:1.4em;
     font-weight:600;
	margin:5px 0px 10px 0px;
	padding:0px;}
	
em {     font-weight:600;}

#contentmain ul, #contentwide ul {list-style-type: square; margin: 4px 0 4px 20px; font-size:1.2em; line-height: 1.6em; } 
		
#contentwide ol ul li {font-size:0.8em; line-height: 1.1em; } 

#contentmain ol, #contentwide ol{list-style-type: decimal; margin: 4px 0 4px 20px; font-size:1.2em; line-height: 1.6em; color:#000000;
		} 
#contentmain li, #contentwide li { margin-left:20px;}

#contentwide ol ul li {font-size:0.8em; line-height: 1.1em; } 


.super {
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}

.subscript {
	position: relative;
	top: 0.3em;
	font-size: 0.8em;
}


/* links */

a:link, a:visited {	color: #369;
	}

a:hover { color: #7ab;
	}

/* for long pages - getting back to the top links */
.topmenu a {

		font-size:0.85em;
		padding: 0 4px 0 0;
		background: transparent;
		color: #787d82;
		font-weight: bold;
		text-decoration: none;
		float: right;}

.topmenu a:hover {

        background: transparent;
		color: #1081f4;
		text-decoration: underline;
		}
		
		
/* top of site navigation */

#topnav {

	margin: 0;
	padding: 20px 10px 10px 0px;
	list-style: none;
	text-align: left;
	background: #fff;
	}

#topnav li {

	display: inline;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	font-size: 0.75em;
    font-weight: 800;
	letter-spacing: 2px;
	border-right: 1px solid #d2d2d2;
	}

#topnav li.last {

	margin: 0;
	padding: 0;
	border-right: none;
	}

#topnav li a {

	padding: 2px 4px;
	text-decoration: none;
	color:#191970;
	}

#topnav li a:hover {

	background: #dcdcdc;

	}

#topnav li.active a {

	color: #fff;
	background: #c30;
	}

	
/* Main Site Navigation */

#sitenav {
     
	background-color:#e9efef;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;

}
#sitenav ul {
	list-style:none;
	margin: 0 0 0 20px;
	padding: 12px 0 18px 0;
}

#sitenav li {
	display:inline;
	font-size: 0.80em;
	padding: 0 10px 0 20px;
}

#sitenav li.home {	background:url(images/sitepics/hmenu.gif) no-repeat 0 50%; }
#sitenav li.research {	background:url(images/sitepics/rmenu.gif) no-repeat 0 50%; }
#sitenav li.consult {	background:url(images/sitepics/cmenu.gif) no-repeat 0 50%; }
#sitenav li.knowledge {	background:url(images/sitepics/kmenu.gif) no-repeat 0 50%; }
#sitenav li.it {	background:url(images/sitepics/imenu.gif) no-repeat 0 50%; }
#sitenav li.staff {	background:url(images/sitepics/smenu.gif) no-repeat 0 50%; }
#sitenav li.pubs {	background:url(images/sitepics/pmenu.gif) no-repeat 0 50%; }


#sitenav li.first {
	background:none;
}

#sitenav li a {
	color:#404040;
	font-weight:bold;
	text-decoration:none;
}

#sitenav li a:hover {
	color:#02a4a6;
	text-decoration:underline;
}

/*right section menu styles*/

#rightcol h2 {

	font-size: 1.5em;
	line-height: 1.6em;
	margin: 0 0 0 0.1px;
	padding-left: 4px;
	border-left: 4px solid #fff;
	background-color:#fff;
	}
	
/* for headers that don't make sense in all upper case */	
.upcase {text-transform:uppercase;}

/* to color headers otherwise default heading color of 039 */
.rcknow {color:#4b0082;}

/* for Vacancy List menu */

.white {background-color:#fff;
		padding: 15px 0 25px 0; 
		margin:50px 0 20px 0;}
	
/*#rightcol h3 {

	padding-bottom:1px;
	border-bottom: 1px solid #d7d7d7;
	padding-left:5px;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #7ab;
	text-decoration:none; } */
	
.first {margin-top:15px;}
	
/* #rightcol {

	float:right;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width: 265px;
	background:#c0dbf2;
	font-family: Verdana, sans-serif;
	border-right:1px solid #d3d3d3;

	} */


#rightcol h3 {

    font-size: 1.1em;
    line-height: 2.0em;
    color: #7ab;
    border-bottom: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;

}

#rightcol h3 a {padding-left: 2px; }

.list{
list-style-type: none;
margin: 0;
margin-bottom: 8px;
padding: 0;
}

.list li{
padding-bottom: 2px;
}

.vac li{
background-color: #ccc;
}


.list li a{
color: #095ead;
background: url(images/sitepics/menuarrow.png) no-repeat center left;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #fff;
font-size: 0.9em;
}

.list li a:visited{
color: #095ead;
}

.list a:hover{
background-color: #F3F3F3;
color: #03999B;
}



/*#rightcol list.ul.li {

	margin: 0 0 4px 10px;

	background: url(images/sitepics/menuarrow.png) no-repeat 0 6px;
	} */



/* for rounded corner boxes - square in IE */		

#box {
width:598px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:15px;
margin:10px 0 10px 0;
}

#boxc {
width:285px;
float:left;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:10px;
margin:10px 20px 10px 0;
}

.knowbox {background-color:#f3e4fe;}
.workbox {background-color:#fff9eb;
	/* background-image: url(../images/sitepics/yellowpaleb.png); */
	font-weight: 500;
	color:#003366;
	font-size:1.1em;
	
	}	
.resbox {background-color:#a4d9fd;}
.conbox{background-color:#dbddf5;}
.itbox {background-color:#fdedf3;}
.botmarg {margin-bottom:60px;}

h3.boxk { font-size:1.3em; font-weight:800; background-color:#f3e4fe; margin-top:0px;}
h3.boxr { font-size:1.3em; font-weight:800; background-color:#a4d9fd; margin-top:0px;}
h3.boxw { font-size:1.3em; font-weight:800; background-color:#fff9eb; margin-top:0px;}
h3.boxc { font-size:1.3em; font-weight:800; background-color:#dbddf5; margin:0 0 10px 0; }

h3.leader{background: url(images/sitepics/leader.jpg); background-repeat: repeat-y;
margin-left:-5px; font-size: 1.4em; font-weight:800; color:#1a76c4; }

/* Instead of boxes - border top and bottom for primary page content */

#pagetop p { margin-top:2px;
		   font-family: georgia,"times new roman",serif;
		   font-size: 1.4em;
		   color:#666666;
}

.restop { border-bottom: 2px solid #09f;}
.constop { border-bottom: 2px solid #636cd0;}
.knowtop { border-bottom: 2px solid #a558a8;}
.ittop { border-bottom: 2px solid #e74380;}
.stafftop { border-bottom: 2px solid #f78e41;}
.pubstop { border-bottom: 2px solid #d2f777;}
.vactop { border-bottom: 2px solid #faca4e;}
.linkstop { border-bottom: 2px solid #57cf57;}	
.jantop	 { border-bottom: 2px solid ##aacadc;}  
		   
/* for head at top of menu - fade png */
#pagetop h1.reshead{background: url(images/sitepics/h1res.png); background-repeat: repeat-y;
margin-left:-15px; margin-bottom:5px; font-size: 1.6em; }
#pagetop h1.conshead  {background: url(images/sitepics/h1cons.png); background-repeat: repeat-y;
margin-left:-15px; margin-bottom:5px; font-size: 1.6em; }
#pagetop h1.knowhead  {background: url(images/sitepics/h1know.png); background-repeat: repeat-y;
margin-left:-15px; margin-bottom:5px; font-size: 1.6em; }
#pagetop h1.ithead  {background: url(images/sitepics/h1it.png); background-repeat: repeat-y;
margin-left:-15px; margin-bottom:5px; font-size: 1.6em; }
#pagetop h1.pubshead  {background: url(images/sitepics/h1pubs.png); background-repeat: repeat-y;
margin-left:-15px; margin-bottom:5px; font-size: 1.6em; }
#pagetop h1.staffhead  {background: url(images/sitepics/h1staff.png); background-repeat: repeat-y;
margin-left:-15px; margin-bottom:5px; font-size: 1.6em; }
#pagetop h1.linkshead  {background: url(images/sitepics/h1links.png); background-repeat: repeat-y;
margin-left:-15px; margin-bottom:5px; font-size: 1.6em; }
#pagetop h1.vachead  {background: url(images/sitepics/h1vac.png); background-repeat: repeat-y;
margin-left:-15px; margin-bottom:5px; font-size: 1.6em; }	
h1.janhead {background: url(images/sitepics/h1jan.png); background-repeat: repeat-y;
margin-left:-15px; margin-bottom:5px; font-size: 1.6em; }	
/* For subsection pages */

h2.resb {border-left: 3px solid  #09f; margin: 10px 0 3px -12px; padding: 0 0 0 5px; font-size: 1.5em; }
h2.conb {border-left: 3px solid  #636cd0; margin: 10px 0 3px -12px; padding: 0 0 0 5px; font-size: 1.5em; }
h2.knowb {border-left: 3px solid  #a558a8; margin: 10px 0 3px -12px; padding: 0 0 0 5px; font-size: 1.5em; }
h2.whereb {border-left: 3px solid  #faca4e; margin: 10px 0 3px -12px; padding: 0 0 0 5px; font-size: 1.5em; }
h2.staffb {border-left: 3px solid  #f78e41; margin: 10px 0 8px -12px; padding: 0 0 0 5px; font-size: 1.8em; }
h2.whereo{margin: 10px 0 3px 0; padding: 0 0 0 2px; font-size: 1.8em; color:#26a2a9; font:Verdana, Arial; font-weight:500;}
h2.knowo {margin: 10px 0 3px 0; padding: 0 0 0 2px; font-size: 1.8em; color:#26a2a9; font:Verdana, Arial; font-weight:500;}
h2.knowt {margin: 3px 0 3px 0; padding: 0 0 0 2px; font-size: 1.8em; color:#26a2a9; font:Verdana, Arial; font-weight:500;}


/* Floats - with and without borders - all with margins - diagrams d have no border */

/*.righttop{

          float: right;
} */

.rightfloat, .rightfloatd {

          float: right;
          margin: 0 0 5px 10px;
} 

.leftfloat, .leftfloatd, .leftfloatres {

          float: left;
          margin: 0 10px 5px 0;
} 

.leftfloatm {

          float: left;
          margin: 0 5px 0 10px;
} 

.leftfloatdn {

          float: left;
          margin: 7px 10px 5px 0;
} 

/* img.dn { 
          margin: 10px 0 10px -10px;
} */


.leftfloathwl {

          float: left;
          margin: 25px 10px 0 75px;
} 

.leftfloatiip {

          float: left;
          margin: 0 10px 0 45px;
} 
.rightfloat, .leftfloat {

          border: 1px solid #ddd;
		  padding: 2px;
} 

.leftfloatres {

          border: 3px solid #fff;
		  padding: 2px;
} 

.clearp {clear:both;}

/* css for images with legends attached */ 


dl.galleryr, dl.galleryrd, dl.galleryrp

{

padding: 0 0 0 15px;
margin:0;
float: right;

}

dl.galleryl, dl.galleryld, dl.gallerylp

{

padding: 0 15px 0 0;
margin:0;
float: left;

}

/* width of images so text width fits */
.stat1 {width: 230px;}
.stat2 {width: 220px;}
.stat3{ width: 362px;}
.stat4{ width: 206px;}
.stat5{ width: 182px;}
.stat6{ width: 319px;}
.stat7{ width: 148px;}
.stat8{ width: 300px;}
.stat9{ width: 150px;}
.stat10{ width: 295px;}
.stat11{ width: 250px;}
.stat12{ width: 256px;}
.stat13{ width: 307px;}
.stat14{ width: 360px;}


.galleryr dt img, .galleryl dt img

{
          border: 1px solid #ddd;
		  padding: 2px;

}

.galleryrp dt img, .gallerylp dt img

{
		  padding: 3px;

}



.galleryr dd, .galleryl dd, .galleryrd dd, .galleryld dd, .galleryrp dd, .gallerylp dd 

{
          margin: 0;
          padding: 0;
		  font-style:italic;
		  color: #404040;
		  font-size: 0.95em;
		  font-weight:bold;
		   text-align:left;}
		   
dt { font-size: 1.0em; line-heighth:1.5em; margin-bottom: 4px;} 
dd { margin: 0 0 4px 15px; font-size: 1.0em; line-heighth:1.6em; }


/* for links that leave the website */		   
.outpic {margin: 0 0 0 3px;}


/* Course Descriptions menu list - jump down the page  */ 

#coursemenu ul {text-align: left; list-style-type: circle; margin: 4px 5px 0 20px; padding:0; line-height: 1.0em; background-color: #ffffff; color: #6d458f; }


#coursemenu li a {font-weight: bold; font-size: 0.9em; text-decoration: none; display: block; padding:0; background-color: #ffffff; color: #724797; }

#coursemenu li a {width: 400px;}	/* Hack: restatement of width */

#coursemenu a:hover {text-decoration: underline ; background-color: #ffffff; color: #9f40f0;}


/* for Main Section Intro Pages section menu lits */

#consult ul, #know ul, #research ul  {list-style-type: none;}	

#consult li {border-bottom:1px solid #636cd0; text-align: left;  

             padding: 2px 2px 3px 4px; background:#fff; color: #1664ab; width:275px;}

#consult li a, #know li a, #research li a {font-weight: bold; font-size: 1.0em; text-decoration: none; display: block; padding:0; }


#consult a:hover {background-color: #ecedfa;}


#know li {border-bottom:1px solid#724797; text-align: left;  
          padding: 2px 2px 3px 4px; background:#fff; color: #1664ab; width:500px;}

#know a:hover {background-color: #f3e8f4;}

/* not used */
#research li {border-bottom:2px dotted #5dabec; text-align: left;  

             padding: 2px 2px 3px 4px; background:#fff; color: #1664ab; width:500px;}

#research a:hover {background-color: #e5f2fd;}


/* Front Page Overview * Research Consultancy Knowledge  */

.our {font-size:1.4em; font-weight:bold; color: #00B9C0;}

.topboxh {       
		  font-family:georgia, "times new roman", serif;       
		  padding:10px;  
 		  font-size:1.4em; 
          background:#edf9fd; color:#000000;   
          border:2px dotted #86d0e9;}   


/*.rightfloatr {border: 2px solid #5dabec;}

.rightfloatc {border: 2px solid #636cd0;} 

.rightfloatk {border: 2px solid #724797;} 

.rightfloatit {border: 2px solid #e74380;}  


.leftfloatf {

          float: left;
          margin: 0 10px 0px 5px;
          border: 1px solid #ddd;
          padding: 2px;

		  }

.float {

          float: none;
          margin: 0 0 5px 0;
          border: 1px solid #ddd;
          padding: 2px;} */
		  
		  
/* for picture legends kept in para */

.piclegend {

		  font-style:italic;
		  color: #404040;
		  font-size: 0.95em;
		  font-weight:bold;
		  text-align:left;}

.credit {

		  font-style:italic;
		  color: #606060;
		  font-weight:600;}

.update {

		  color: #404040;
		  font-size: 0.8em;
		  font-weight:400;
		  text-align:left;}

/* misc.

---------------------------------------------- */



.hide {

	display: none;

	}

/* SECTION styles ??????? 2010???
-------------------------------------------------------

.resd {
background: #5aadef url(rmenu.gif) no-repeat 8px 9px; /*last 2 values are the x and y coordinates of bullet image
}
.traind{
background: #724797 url(kmenu.gif) no-repeat 8px 9px; /*last 2 values are the x and y coordinates of bullet image
}

.staffd{
background: #dbdbdb url(smenu.gif) no-repeat 8px 9px; /*last 2 values are the x and y coordinates of bullet image
}
*/	
 
/* Table text formatting - training table timetable boxname for forma */

#training {
		font-size: 1.1em;
		} 


#training tr td.boxname {
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		background-color:#ffffff;
		color: #039; 
		font-weight:bold;
		} 

#training table {

 	background: #fff;
	border:2px solid #4b0082; 
	border-collapse:collapse;
}


#training thead, #training tbody, #training tr, #training th, #training td { 

    font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin:0; 
	padding:4px; 
	text-align: left;
 	border-left: 1px solid #aa86c3;
 	border-top: 1px solid #aa86c3;
}



#training thead th {

	font-size: 1.1em;
	color:#fff;
	text-align: center;
	background-color:#4b0082;
	letter-spacing: 0.1em;
	font-weight:bold;
} 



#training tbody th {

	color: #000;
    background:#ddcfe7;	
	font-weight:bold;
}

#training tbody td {

	color: #000;
    background:#fff;	
}

/* Styles for Staff Pages 
---------------------------------------------------*/
img.photo {

          float: left;
          margin: 5px 20px 10px 0px;
          border: 2px solid #fee3d0;
          padding: 4px; }  
		  
.title {

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	background-color:#ffffff; 
	color:#000000;
	 }

.address, .small {

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em; 
	background-color:#ffffff;
	color:#000000;
	 }

.phone {

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color:#ffffff; 
	color:#000000;
	 }	

.email {

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em; 
	font-weight:bold;
	background-color:#ffffff;	
	color:#000000;
	 }

.biglink {

	font-size: 1.0em; 
	font-weight:bold;	

}


/* For Staff list menu */

#staffmenu dt { font-weight: bold; color:#0000CC; background-color:#d3d3d3; font-size:0.75em; line-height:1.3em; text-decoration: none;  padding: 0 0 0 5px;} 
#staffmenu dd { margin: 0; padding: 0 0 0.5em 8px; font-size:0.9em; }

#staffmenu dd a:link, dd a:visited {	color: #0661B6;
	}

#staffmenu dd a:hover { color: #7ab;
	}

/* for staff  menus on full page */

#stafflist dl
{
	float: left;
	margin: 1em 0 ;
	padding: 0;
}

#stafflist dt
{
	clear: left;
	float: left;
	width: 388px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
	color: #039;
}

#stafflist dd
{
	float: left;
	width: 200px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}

#stafflist dd a:link, a:visited {	color: #0A77DC;
	}

#stafflist dd a:hover { color: #7ab;
}


/* #staff styles */

#staff li ul{font-size: 0.95em;} 

#staff li ol{font-size: 0.95em;}

#staff h2 {

        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em; 
		font-weight:bold;
		text-align: left;
		padding: 0 0 1px 0;
		border-bottom: 1px solid #fee3d0;
		} 	

#staff h3 {

        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.95em;
		background-color:#ffffff; 
		color: #f78e41;
		font-weight:bold;
		text-align: left;
		}
h2.about {

        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em; 
		font-weight:bold;
		text-align: left;
		padding: 0 0 1px 0;
		border-bottom: 1px solid #faca4e;
		} 	
h2.info {

        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em; 
		font-weight:bold;
		text-align: left;
		padding: 0 0 1px 0;
		border-bottom: 1px solid #e74380;
		} 	


/* for Helen's inline h3's */		

.likeh3	{	font-size: 1.1em; color: #f78e41;		font-weight:bold;}

#staff h4 {

        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		background-color:#ffffff; 
		color: #0000cc;
		font-weight:bold;
		text-align: left;
		font-style:normal;
		}		

#staff h2.article{

   color:#4e6f90;
   font-variant:small-caps;
   letter-spacing:.1ex;
   border-top:3px double #4e6f90;
   border-bottom:1px solid #4e6f90;
   }

/* menu in menu bar for individuals pages */

a.staffpage, a.staffpage:hover {

		font-size: 0.7em;
		display:block;
		width:210px;
		margin:2px 12px 0 23px; text-align:left;
		padding-left:4px;
		border:1px solid #f78e41;
		font-weight:bold;
		text-decoration: none;

		}

a.staffpage{

		color: #0000ff;
		background-color:#ffffff;}

a.staffpage:hover {

		color: #f78e41;
		background-color:#feefe4;}
		
.dirk {margin-left:150px;} /* for his cartoon on home page */

#pagemenu {float:right;
width:320px; }

#pagemenu a{font-size:1.0em; line-height:1.4em;}

#pubs h2 {

background-color: #d2f777;
font-size: 1em;
font-weight: bold;
color: #000000;
}

#pubs p {

font-size: 0.95em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d2f777;

}

/* Front Page Overview * Research Consultancy Knowledge  */

/*#fronto note-old one{ 
          background:#065399; 
		  color:#fff;
		  padding: 8px 8px 8px 8px;
		  border:2px dotted #86d0e9; 
} */
		  
#fronto{ 
          background:#edf9fd; 
		  color:#000;
		  border:2px dotted #86d0e9;
} 


.rightfloato {
          float: right;
          border: 2px solid #fff;
		  margin: 0 0 5px 10px;
}

.leftfloato {
          float: left;
          border: 2px solid #fff;
		  margin: 0 10px 5px 0;
}
#inline1, #inline2, #inline3 { height: 0.5em; clear: both; 0 margin-bottom:0; padding-top: 0;}
* html #inline1, #inline2, #inline3 {margin-bottom: 0;} /* Win/IE only sees this line */

#frontNav ul, #frontNav li {
	margin:0;
}

#frontNav ul {
	margin:0;
	padding:0 0 0 150px;
	width:350px;
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#frontNav li {
	margin:0;
}

#frontNav li a {
	display:block;
	color:#fff;
	font-size: 1.0em;
	line-height:1.4em;
	text-decoration:none;
	font-weight:bold;
}

#frontNav li a:hover {
	color:#ede4f4;
}

.listarrow {
	list-style-image:url("/images/sitepics/arrowin.gif");
	}


		  
/* Sitemap */
#sitemap ul a {font-weight: bold; background: #fff; color : #787d82; text-decoration: underline; }
#sitemap ul a:hover {background: #fff; color : #1081f4; text-decoration: underline; }
#sitemap ul a:visited {background: #fff; color : #1081f4; text-decoration: underline; }

#sitemap ul li {font-size: 1.0em; font-weight: normal;list-style-type:square;}
#sitemap ul li li {font-size: 0.7em; font-weight: normal; list-style-type:circle;}


.defaulttable table{
	border:2px solid #06c; 
	border-collapse:collapse;
 	background: #fff;
	margin: 0px 10px 0px 0px;
}

/* background: #fff url(/pics/targetbg.jpg) bottom right no-repeat; */
.defaulttable table a{
	text-decoration:none;
}
.defaulttable table a:hover {text-decoration:underline;}
.defaulttable table a:active {text-decoration:underline;color:#999;}
.defaulttable thead, .defaulttable tfoot, .defaulttable tbody, .defaulttable tr, .defaulttable th, .defaulttable td { 
	margin:0; 
	padding:4px; 
	text-align: left;
 	border-left: 1px solid #9cf;
 	border-top: 1px solid #9cf;
}
.defaulttable thead th, .defaulttable thead th.middle {
	letter-spacing: 0.1em;
	font-weight:bold;
} 

.defaulttable thead th.middle {
	text-align:center;
} 
.defaulttable tbody tr.highlight, .defaulttable thead th.highlight {
 	color: #00B;
    background:#FFB;	
	font-weight:bold;
}
/* for Staff subpages - publications */
#staffpubs h2 {
background-color:#d4e9fa;
font-size: 1.2em; font-weight: bold;
color:#000000;
border-bottom: none;
} 
#staffpubs p {    font-size:1.0em;   
		  border-bottom:1px solid #6a9cf3;}
#staffpubs p.nonpub {    font-size:0.1.0em;
          border-bottom: none;   
}
#staffpubs strong {
		background-color:#ffffff;
		color: #006fbc;
		font-weight:bold; }
/* extra tweaks for Dirks staff pages */

.soft {font-size: 1.3em; font-weight: bold;}
.title, .cap {
        font-weight: bold;
	    text-decoration:none;
	    line-height:1.8em }
.title	{font-size: 1.1em; color: #333399;} 
.cap	{font-size: 1.2em; color: #FF6600;} 
.posit {
          float: left;
          margin: 10px 10px 5px 10px;
} 

/* Adriano's Journal Club Page & Dirks staff CV table */
#staff table.sub, #staff table.sub td, #staff table.sub th {
                border: 1px solid #f78e41;
                border-collapse:collapse;}

#staff td.sub1, #staff td.sub2 {
        font-family: "Courier New", Courier, monospace;
		font-size: 1.0em; 
		text-align: center;
		font-weight:bold;
		padding:0 2px 0 2px; 
		width:12%;
		} 
#staff td.sub3 {
        font-family: "Courier New", Courier, monospace;
		font-size: 1.0em; 
		text-align: left;
		font-weight:normal;
		padding:0 3px 0 3px; 
		width:76%;
		} 

#staff td.sub4 {
        font-family: "Courier New", Courier, monospace;
		font-size: 1.0em; 
		text-align: left;
		font-weight:normal;
		padding:0 3px 0 3px; 
		width:10%;
		} 
		
#training td.boxname {
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		background-color:#ffffff;
		color: #039; 
		font-weight:bold;
		} 
	
/* put image boxes on front page */		

.leftfloatd20 {

          float: left;
          margin: 0 0px 5px 7px;
} 	
		
/* Homepage Teasers ================================================== */
#front-boxes { width:938px; padding:20px 0 20px 0; margin:0 auto; min-height:100px; }
#front-boxes .teaser { width:291px; float:left; margin:0 0 0 30px; }

/*border-bottom:solid 5px #0092dd;
#front-boxes .pink { border-bottom:solid 5px #e22882; }
#front-boxes .consultancy { border-bottom:solid 5px #636cd0; }
#front-boxes .knowledge { border-bottom:solid 5px #a558a8; } */
#front-boxes .first { margin:0; }
#front-boxes .teaser .teaser-header { display:block; width:291px; height:213px; position:relative; margin:0 0 10px 0; background:#333; }
#front-boxes .teaser .teaser-header img { position:absolute; width:291px; height:213px; top:0; left:0; }
#front-boxes .teaser .teaser-header h3 { font-family:'OswaldBook', arial, sans-serif; position:absolute; top:10px; left:0; text-transform:uppercase; font-size:1.8em; background:#FFF; color:#444; padding:3px 6px 0 6px; margin:1px 0; vertical-align:middle; }
#front-boxes .teaser .teaser-header h3 em { font-style:normal; font-weight:normal; color:#0092dd; }
#front-boxes .pink .teaser-header h3 em { color:#ea4d9fd; }
#front-boxes .consultancy .teaser-header h3 em { color:#636cd0; }
#front-boxes .knowledge .teaser-header h3 em { color:#a558a8; }

#front-boxes .teaser .teaser-header h2 { width:180px; text-align:right; font-family:'OswaldBook', arial, sans-serif; position:absolute; bottom:10px; right:0; text-transform:uppercase; font-size:28px; font-size:2.8rem; color:#0092dd; }
#front-boxes .broadcast .teaser-header h2 { color:#e22882; }
#front-boxes .commercial-corporate .teaser-header h2 { color:#7fba00; }
#front-boxes .olympics .teaser-header h2 { color:#ead210; }
#front-boxes .teaser .teaser-header h2 div { float:right; clear:both; background:#FFF; display:inline-block; white-space:nowrap; padding:4px 6px 0 6px; margin:0; vertical-align:middle; } 
#front-boxes .teaser p { letter-spacing:normal; margin:0 0 10px 0; }
#front-boxes .teaser p a, #front-boxes .teaser p a:visited { color:#0092dd; text-transform:uppercase; font-size:11px; font-size:1.1rem; }
#front-boxes .research p a, #front-boxes .pink p a:visited { color:#e22882; }
#front-boxes .consultancy p a, #front-boxes .consultancy p a:visited { color:#636cd0; }
#front-boxes .knowledge p a, #front-boxes .knowledge p a:visited { color:#a558a8; }
#front-boxes .teaser p a:hover, #front-boxes .teaser p a:active { color:#fff; }	

.r { color:#0092dd; font-weight: 600; font-size: 1.4em; }
.c { color:#636cd0; font-weight: 600; font-size: 1.4em; }
.k { color:#a558a8; font-weight: 600;font-size: 1.4em; }


.vision {
          font-family:georgia, "times new roman", serif;       
 		  font-size:1.1em; 
          color: #26a2a9;
		  font-weight:600;}	
		  
#contentfront {
	float: left;
	width: 623px;
	margin: 0 8px 20px 0;
	}
	
	#rightcolblank {
	float:right;
	width: 307px;
    background:#fff;
	margin-top:1.8em;
}

.short {font-size:0.5em}
		  
#rightbox {
    font-family: Verdana, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;	
	border:2px dotted #86d0e9;
	}
	
.twitter {
          font-family:georgia, "times new roman", serif;       
 		  font-size:2.0em; 
          color: #000;
		  font-weight:600;}	
		  
.dotty { border-bottom:2px dotted #86d0e9;	}	  

.rightfloattwit {

          float: right;
          margin: 0 20px 0 10px;
} 
		  
		  
/* #rightcoltwit {
	float:right;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width: 297px;
    background:#fff;
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	border:2px dotted #86d0e9;
	} */

 /* Print layout overrides */
@media print {
	body {margin: 0 auto; padding: 0; background-color: #fff; color: #000;}
	#topnav, #sitenav, #footer {display: none;}
	/*.nodisplay {display:inline;} turn off heading name */
	#contentmain {margin: 0; border: 0;}
	#contentwide {margin: 0; border: 0;}
    #pagetop h1.reshead{margin-left:0px; margin-top:5px;}
	    #pagetop h1.conshead{margin-left:0px; margin-top:5px;}
							    #pagetop h1.ithead{margin-left:0px; margin-top:5px;}
		    #pagetop h1.knowhead{margin-left:0px; margin-top:5px;}
			    #pagetop h1.pubshead{margin-left:0px; margin-top:5px;}
				    #pagetop h1.staffhead{margin-left:0px; margin-top:5px;}
					    #pagetop h1.linkshead{margin-left:0px; margin-top:5px;}
											    #pagetop h1.vacshead{margin-left:0px; margin-top:5px;}
}