/* <div> lists */

.divlist {
    margin: auto;
}

.divlist h3 {
   font-weight: bold;
   padding-top: 0px;
}

.divlist div.divlist_item_researchpage h3 {
   margin: 0;
   padding: 0;
}

.divlist div.divlist_item_researchpage {
   height: 16em;
   float: left;
   width: 46%;
   border: 1px solid #dae5e5;
   border-top: 6px solid #dae5e5;
   padding: 8px 8px 0;
   margin: 0 0.7% 0.7% 0;
   font-size: 90%;
}

.divlist div.divlist_item_researchpage:hover {
    border-color: #aaa;
   -moz-box-shadow: 0 2px 2px #9c9c9c;
   -webkit-box-shadow: 0 2px 2px #9c9c9c;
   box-shadow: 0 2px 2px #9c9c9c;
}


#divlist {
    background: #ffffff;
    padding: 00px; 
    text-align: center;
    width: 98%;  
    margin: 0 auto;
    float: none;
}

.divlist_leftcontainer, .divlist_rightcontainer {
     display: inline-block;    
     padding: 6px;   
     width: 46%;
     margin: 5px;
     text-align: left;
     height: 250px;
     border: 1px solid #dae5e5;
     border-top: 5px solid #dae5e5;
}

.divlist_leftcontainer:hover, .divlist_rightcontainer:hover {
   border-color: #aaa;
   -moz-box-shadow: 0 2px 2px #9c9c9c;
   -webkit-box-shadow: 0 2px 2px #9c9c9c;
   box-shadow: 0 2px 2px #9c9c9c;

}

.divlist_leftcontainer h3, .divlist_rightcontainer h3 {
   margin: 0;
   margin-bottom: 0.3em;
}

.container_text {
   float: right;
   margin: 2px; 
   width: 75%;
}
.container_img {
   float: left;
   width: 20%;
}
.container_img a img, .container_img a {
   border: 0;
}

/*The following apply to Project pages developed May 2015. eg REAL, PEDAL */

h3 img {
	float: left; 
	padding-right: 1em;
}  /* eg used at /centres/real/researchthemes/leadership/ */


.projectstaff {
   font-size: 0.9em; 
   width: 100%;
   margin: auto;
}

.projectstaff .projectstaffonecol {
   width: 95%;
   float: left;
   height: auto;
   border: 1px solid #314e76; 
   border-top: 4px solid #314e76; 
   padding: 0.4em 0 0 0.4em;
   margin: 0.2em 0.5em 1em 0;
}
 
.projectstaff .projectstaffonecol img {
   border: 1px solid #d0d0d0;
   margin: 2px 0.6em 8px 0; 
   float: left;
}

.projectstaff .projectstaffonecol p {
	margin: 0 2em 0 0;
	padding-left: 6px;
} /* eg used at /centres/real/members/ */


/* The Code below is saved in case we wish to use a 2 column layout for project staff) */

.projectstaffleft {
   font-size: 0.9em; 
   width: 48%;
   float: left;
   height: auto;
   border: 1px solid #314e76; 
   border-top: 4px solid #314e76; 
   padding: 0.4em 0 0 0;
   margin: 0 0.1em 0 0;
}
 
.projectstaffright {
   font-size: 0.9em; 
   width: 48%;
   float: right;
   height: auto;
   border: 1px solid #314e76; 
   border-top: 4px solid #314e76; 
   padding: 0.4em 0 0 0;
   margin: 0 0 0 0.1em;
 
}

.projectstaffright .projectstaffleft img {
    margin: 2px 0.6em 2px 0.1em; 
	}

.projectstaffleft p {
	margin: 0 1em 0 0;
	padding-left: 0.6em;
}

.projectstaffright p {
	margin: 0 1em 0 0;
	padding-left: 0.6em;
}

hr.projectstaff {
	clear: both; width: 0;
}       /*use this inbetween each pair of entries) */ 
 
/* end of code for 2 column layout for project staff */ 

/* start of topicbox */ 

h3 img {
	float: left; 
	padding-right: 1em;
} 

.topicbox {
   font-size: 0.9em; 
   width: 100%;
   margin: auto;
}

.topicbox .topicboxonecol {
   width: 95%;
   float: left;
   height: auto;
   border: 1px solid #314e76; 
   border-top: 4px solid #314e76; 
   padding: 0.4em 0 0 0.4em;
   margin: 0.2em 0.5em 1em 0;
}
 
.topicbox .topicboxonecol img {
   border: none;
   margin: 2px 0.6em 8px 0; 
   float: left;
}

.topicbox .topicboxonecol p {
	margin: 0 2em 0 0;
	padding-left: 6px;
} /* eg used at /research/areas/ */