body{margin:0px; padding:0px; background:#202023; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
i{font-style: italic;}
.wrapper{margin:0px; padding:0px;}
.nonvblimgshort{max-height:350px;}
@media only screen 
and (max-width : 767px)
{
.menu{height:150px; width:100%; margin:0px auto; text-align: center; background:#fff;}
.mmenu li ul{display:none;} 
.mmenu a {
    display: block;
    padding: 5px 0px;
    color: #000;
    text-decoration: none !important ;
    font-size:110%;
    font-weight: normal;
    margin:0px;
}
.mmenu a:hover {
    color: #000;
    text-decoration: none !important ;
    background:#f7683b;
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;}    
.homecontent{background:#202023; width:100%;min-height:650px;}
.homecontent h1{color:#f7683b; font-size:400%; text-align: center; padding:40px 10px; margin:0px;}
.orange{color:#f7683b;}
.pagecontent h2{font-size:200%; text-align: center; padding:10px 0px; color:#fff;}
.pagecontent h1{color:#f7683b; font-size:200%; text-align: center; padding:20px 10px; margin:0px;}
.pheader{text-align:center; margin:10px auto; width:80%; font-size:140%; color:#fff;}    
.orange{color:#f7683b;}
.homecontent h2{font-size:120%; text-align: center; padding:10px 20px; color:#fff;}  
.homeboxes{width:100%; display: flex; flex-direction: column; margin:0px auto;}
.homebox{flex-grow:1; width:90%; margin:10px auto; background:#383838; display: block; min-height:250px; box-shadow: 3px 3px #000; padding:0px; text-align: center; border:1px solid #000;}
.homebox:hover{background:#f7683b;
-o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;}
.homebox a{display:block; padding:120px 0px; margin:0px auto; text-decoration: none; color:#fff; font-size:200%; text-shadow: 4px 3px #000;}
.dkgrey{background:#383838;}
.medgrey{background:#4f4f4f;}
.ltgrey{background:#757575;}
.lghtergrey{background:#9c9c9c;}
.lightestgrey{background:#cacaca;}
.almostwhite{background:#fff; }
.almostwhite a{color:#827f7a !important;}
.almostwhite a:hover{color:#fff !important;}    
.researchboxes{width:100%; display: flex; flex-direction: column; margin:0px auto;}
.rbox{flex-grow:1; width:90%; margin:10px auto; display: block; min-height:250px; box-shadow: 3px 3px #000; padding:0px; text-align: center; border:1px solid #000;}
.rbox:hover{background:#f7683b;
-o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;}
.rbox a{display:block; padding:40px 20px; margin:0px auto; text-decoration: none; color:#fff; font-size:140%;}         

.mainmembers{width:100%; display: flex; flex-direction: column; margin:0px auto;}    
.currentmems{width:90%; margin:0px auto; max-width:400px; padding:0px; border:6px solid black; }       
.picbox{width:100%; height:320px; margin:0px; display: block; overflow: hidden; border-bottom:6px solid black; padding:0px;}
.piximage1{background: url('images/labmembers/Vivian%20Lo%20-%20Lab%20Manager.jpg') center center;}
.piximage2{background: url('images/labmembers/Lab%20Outing2.jpg') center center;}
.piximage3{background: url('images/labmembers/DANACARNEYSQUARE.jpg') top left no-repeat;}   
.namebox{width:100%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; padding:0px;}  
.namebox p{color:#fff; text-align: center; font-size:140%; margin:0px; padding:15px 0px;}    
    
.pastmembers{width:90%; display: flex; flex-direction: column; margin:20px auto;}
.pastmember{width:100%; margin:10px auto; display: block; overflow: hidden; border:6px solid black; padding:0px; max-width:300px;} 
.pastpicbox{width:100%; height:auto; margin:0px; display: block; overflow: hidden; border-bottom:6px solid black; padding:0px;}    
.pastnamebox{width:100%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; padding:0px;}  
.pastnamebox p{color:#fff; text-align: center; font-size:110%; margin:0px; padding:5px 0px;}    
    
    
.ccontent{display:flex; flex-direction:column;}
.ccontent p{font-size:100%; line-height: 160%; padding:0px 10px; margin:0px; text-align: left; color:#fff;} 
.ccontentbox{ text-align:center; padding:10px 10px; width:90%; margin:0px auto;}    
.ccontentbox h3{font-size:140%; text-align:left;}    
.ccontentbox p{font-size:100%; line-height: 160%; padding:0px; margin:0px; text-align: left; color:#fff;}    
.ccontentbox img{width:100%; height:auto; margin:0 auto; padding: 0px; text-align: center;}  
.researchimg{order:99;}    
.cvita{width:75%; margin:0 auto; text-align:left;}    
.cvita h2{text-align:left;} 
.cvita a{color:#fff;}    
.cvita p{color:#fff; font-size:100%; line-height:120%; padding:10px 35px; margin:0px;}    
hr{ background:#f7683b; height:5px; border:none; border-radius:25px; }    
.smallorange{color:#f7683b !important; text-align: center !important; font-size:80% !important; padding:0px !important; margin:0px auto 20px auto !important; line-height:80% !important; width:80%;}    
.smallorange a{color:#f7683b !important;}
.partners{width:90%; margin:0px auto 40px auto; background:#fff;} 
.partners h3{font-size:140%; color:#000 ; text-align:center; padding:20px;}     
.partnerlogos{width:80%; text-align:center; margin:0px auto;}   
.partnerlogos img{margin:20px 10px;}    
.footer{text-align: left; background:#fff; height:40px; padding:0px 40px; margin:10px 0px}
.footer p{padding:10px; font-size:100%;}   
}
@media only screen 
and (min-width : 768px)
and (max-width : 979px)     
{

.mmenu li ul{display:none;} 

/*------------------------------------*\
    NAV
\*------------------------------------*/
.mmenu {
    list-style: none;
    font-weight: bold;
    margin: 0px auto;
    width: 100%;
    position: relative;
    z-index: 5;
    text-align:center;
    display: flex;
    flex-direction: row;
    background:#fff;
}
.mmenu li {
    display: block;
    position: relative;
    text-align: center;
    flex-grow:1;
    margin:0px;
    padding:0px;
}
.mmenu a {
    display: block;
    padding: 20px 0px 22px 0px;
    color: #000;
    text-decoration: none !important ;
    font-size:110%;
    font-weight: normal;
    margin:0px;
}
.mmenu a:hover {
    color: #000;
    text-decoration: none !important ;
    background:#f7683b;
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
    
}
.homecontent{background:#202023; width:100%;min-height:650px;}
.homecontent h1{color:#f7683b; font-size:400%; text-align: center; padding:40px 10px; margin:0px;}
.orange{color:#f7683b;}
.pagecontent h2{font-size:200%; text-align: center; padding:10px 0px; color:#fff;}
.pagecontent h1{color:#f7683b; font-size:200%; text-align: center; padding:20px 10px; margin:0px;}
.pheader{text-align:center; margin:10px auto; width:80%; font-size:140%; color:#fff;}    
.orange{color:#f7683b;}
.homecontent h2{font-size:120%; text-align: center; padding:10px 20px; color:#fff;}  
.homeboxes{width:100%; display: flex; flex-direction: column; margin:0px auto;}
.homebox{flex-grow:1; width:90%; margin:10px auto; background:#383838; display: block; min-height:250px; box-shadow: 3px 3px #000; padding:0px; text-align: center; border:1px solid #000;}
.homebox:hover{background:#f7683b;
-o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;}
.homebox a{display:block; padding:120px 0px; margin:0px auto; text-decoration: none; color:#fff; font-size:200%; text-shadow: 4px 3px #000;}
.dkgrey{background:#383838;}
.medgrey{background:#4f4f4f;}
.ltgrey{background:#757575;}
.lghtergrey{background:#9c9c9c;}
.lightestgrey{background:#cacaca;}
.almostwhite{background:#fff; }
.almostwhite a{color:#827f7a !important;}
.almostwhite a:hover{color:#fff !important;}    
.researchboxes{width:100%; display: flex; flex-direction: column; margin:0px auto;}
.rbox{flex-grow:1; width:90%; margin:10px auto; display: block; min-height:250px; box-shadow: 3px 3px #000; padding:0px; text-align: center; border:1px solid #000;}
.rbox:hover{background:#f7683b;
-o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;}
.rbox a{display:block; padding:40px 20px; margin:0px auto; text-decoration: none; color:#fff; font-size:140%;}         

.mainmembers{width:90%; display: flex; flex-direction: row; margin:0px auto;}    
.currentmems{width:90%; margin:0px auto; max-width:400px; padding:0px; border:6px solid black; }       
.picbox{width:100%; height:320px; margin:0px; display: block; overflow: hidden; border-bottom:6px solid black; padding:0px;}
.piximage1{background: url('images/labmembers/Vivian%20Lo%20-%20Lab%20Manager.jpg') center center;}
.piximage2{background: url('images/labmembers/Lab%20Outing2.jpg') center center;}
.piximage3{background: url('images/labmembers/DANACARNEYSQUARE.jpg') top left no-repeat;}   
.namebox{width:100%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; padding:0px;}  
.namebox p{color:#fff; text-align: center; font-size:140%; margin:0px; padding:15px 0px;}    
.pastmembers{width:90%; display: flex; flex-direction: row; margin:20px auto;}
.pastmember{width:100%; margin:10px auto; display: block; overflow: hidden; border:6px solid black; padding:0px; max-width:300px;} 
.pastpicbox{width:100%; height:auto; max-height:145px; margin:0px; display: block; overflow: hidden; border-bottom:6px solid black; padding:0px;}    
.pastnamebox{width:100%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; padding:0px;}  
.pastnamebox p{color:#fff; text-align: center; font-size:110%; margin:0px; padding:5px 0px;}    
.ccontent{display:flex; flex-direction:column;}
.ccontent p{font-size:100%; line-height: 160%; padding:0px 10px; margin:0px; text-align: left; color:#fff;} 
.ccontentbox{ text-align:center; padding:10px 10px; width:90%; margin:0px auto;}    
.ccontentbox h3{font-size:140%; text-align:left;}    
.ccontentbox p{font-size:100%; line-height: 160%; padding:0px; margin:0px; text-align: left; color:#fff;}    
.ccontentbox img{width:100%; height:auto; margin:0 auto; padding: 0px; text-align: center;}  
.researchimg{order:99;}    
.cvita{width:75%; margin:0 auto; text-align:left;}    
.cvita h2{text-align:left;} 
.cvita a{color:#fff;}    
.cvita p{color:#fff; font-size:100%; line-height:120%; padding:10px 35px; margin:0px;}    
hr{ background:#f7683b; height:5px; border:none; border-radius:25px; }    
.smallorange{color:#f7683b !important; text-align: center !important; font-size:80% !important; padding:0px !important; margin:0px auto 20px auto !important; line-height:80% !important; width:80%;}    
.smallorange a{color:#f7683b !important;}
.partners{width:90%; margin:0px auto 40px auto; background:#fff;} 
.partners h3{font-size:140%; color:#000 ; text-align:center; padding:20px;}     
.partnerlogos{width:80%; text-align:center; margin:0px auto;}   
.partnerlogos img{margin:20px 10px;}    
.footer{text-align: left; background:#fff; height:40px; padding:0px 40px; margin:10px 0px}
.footer p{padding:10px; font-size:100%;}      
}
@media only screen 
and (min-width : 980px)
and (max-width : 1279px)    
{
.menu{height:60px; width:100%; margin:0px auto; text-align: center; background:#fff;}
.currentpage{color:#f7683b !important; }
.currentpage:hover{color:#000 !important;}
/*------------------------------------*\
    NAV
\*------------------------------------*/
.mmenu {
    list-style: none;
    font-weight: bold;
    margin: 0px auto;
    width: 80%;
    position: relative;
    z-index: 5;
    text-align:center;
    display: flex;
    flex-direction: row;
}
.mmenu li {
    display: block;
    position: relative;
    text-align: center;
    flex-grow:1;
    margin:0px;
    padding:0px;
}
.mmenu a {
    display: block;
    padding: 20px 0px 22px 0px;
    color: #000;
    text-decoration: none !important ;
    font-size:110%;
    font-weight: normal;
    margin:0px;
}
.mmenu a:hover {
    color: #000;
    text-decoration: none !important ;
    background:#f7683b;
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
    
}

/*--- DROPDOWN ---*/
.mmenu ul {
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
}
.mmenu ul li {
    padding-top: 0px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
    text-align: left;
}
.mmenu ul li ul{

}
.mmenu ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.mmenu li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
    background:#fff;
    margin-left:0px;
}
.mmenu li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    text-decoration: underline;
}
.mmenu li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
    color:#000;
    font-size:105%;
    background-color: #fff;
    margin:0px 0px;
    padding:10px 10px;
    border-bottom:1px solid #000;
    text-align:center;
}
.mmenu li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: #f7683b;
    -o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;
}
.homecontent{background:#202023; width:100%;min-height:650px;}
.homecontent h1{color:#f7683b; font-size:400%; text-align: center; padding:40px 10px; margin:0px;}
.orange{color:#f7683b;}
.pagecontent h2{font-size:200%; text-align: center; padding:10px 0px; color:#fff;}
.pagecontent h1{color:#f7683b; font-size:400%; text-align: center; padding:40px 10px; margin:0px;}
 .pagecontent h3{color:#fff;}
.pagecontent a{color:#fff;}       
.orange{color:#f7683b;}
.homecontent h2{font-size:200%; text-align: center; padding:10px 0px; color:#fff;}    
.homeboxes{width:80%; display: flex; flex-direction: row; margin:0px auto;}
.homebox{flex-grow:1; width:30%; margin:20px 0px; background:#383838; display: block; min-height:250px; box-shadow: 3px 3px #000; padding:0px; text-align: center; border:1px solid #000;}
.homebox:hover{background:#f7683b;
-o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;}
.homebox a{display:block; padding:120px 0px; margin:0px auto; text-decoration: none; color:#fff; font-size:200%; text-shadow: 4px 3px #000;}
.dkgrey{background:#383838;}
.medgrey{background:#4f4f4f;}
.ltgrey{background:#757575;}
.lghtergrey{background:#9c9c9c;}
.lightestgrey{background:#cacaca;}
.almostwhite{background:#fff; }
.almostwhite a{color:#827f7a !important;}
.almostwhite a:hover{color:#fff !important;}
.pagecontent{width:100%; padding-bottom:10px; clear:both;}
.pheader{text-align:center; margin:10px auto; width:80%; font-size:140%; color:#fff;}   
.researchboxes{width:80%; display: flex; flex-direction: row; margin:0px auto;}
.rbox{flex-grow:1; width:30%; margin:0px 0px; display: block; min-height:200px; box-shadow: 3px 3px #000; padding:0px; text-align: left; border:1px solid #000; text-shadow: 1px 1px #000; }
.rbox:hover{background:#f7683b;
-o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;}
.rbox a{display:block; padding:40px 20px; margin:0px auto; text-decoration: none; color:#fff; font-size:140%;}  

 .mainmembers{width:80%; display: flex; flex-direction: row; margin:0px auto;}    
.currentmems{width:34%; margin:0px; max-width:400px; padding:0px; border:6px solid black; }       
.picbox{width:100%; height:320px; margin:0px; display: block; overflow: hidden; border-bottom:6px solid black; padding:0px;}
.piximage1{background: url('images/labmembers/Vivian%20Lo%20-%20Lab%20Manager.jpg') center center;}
.piximage2{background: url('images/labmembers/Lab%20Outing2.jpg') center center;}
.piximage3{background: url('images/labmembers/DANACARNEYSQUARE.jpg') top left no-repeat;}   
.namebox{width:100%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; padding:0px;}  
.namebox p{color:#fff; text-align: center; font-size:140%; margin:0px; padding:15px 0px;}   
.pastmembers{width:80%; display: flex; flex-direction: row; margin:20px auto;}
.pastmember{width:25%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; border:6px solid black; padding:0px;} 
.pastpicbox{width:100%; height:150px; margin:0px; display: block; overflow: hidden; border-bottom:6px solid black; padding:0px;}    
.pastnamebox{width:100%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; padding:0px;}  
.pastnamebox p{color:#fff; text-align: center; font-size:110%; margin:0px; padding:5px 0px;}      
.cvita{width:75%; margin:0 auto; text-align:left;}    
.cvita h2{text-align:left;} 
.cvita a{color:#fff;}    
.cvita p{color:#fff; font-size:100%; line-height:120%; padding:10px 35px; margin:0px;}  
hr{ background:#f7683b; height:5px; border:none; border-radius:25px; }    
.smallorange{color:#f7683b !important; text-align: center !important; font-size:80% !important; padding:0px !important; margin:0px auto 20px auto !important; line-height:80% !important; width:80%;}    
.smallorange a{color:#f7683b !important;}
.partners{width:80%; margin:0px auto 40px auto; background:#fff;} 
.partners h3{font-size:140%; color:#000 ; text-align:center; padding:20px;}     
.partnerlogos{width:80%; text-align:center; margin:0px auto;}   
.partnerlogos img{margin:20px 10px;}
.ccontent{width:80%; margin:0px auto 20px auto; display:flex; flex-direction: row;}  
.ccontent p{color:#fff;}    
.ccontentbox{ text-align:center; padding:10px 10px; width:50%;}    
.ccontentbox h3{font-size:140%; text-align:left;}    
.ccontentbox p{font-size:100%; line-height: 160%; padding:0px; margin:0px; text-align: left; color:#fff;}    
.ccontentbox img{width:70%; height:auto; margin:0 auto; padding: 0px; text-align: center;}    
.footer{text-align: left; background:#fff; height:40px; padding:0px 40px; margin:40px 0px; 0px 0px 0px}
.footer p{padding:10px; font-size:100%;}        
}
@media only screen 
and (min-width : 1280px)   
{
.menu{height:60px; width:100%; margin:0px auto; text-align: center; background:#fff;}
.currentpage{color:#f7683b !important; }
.currentpage:hover{color:#000 !important;}
/*------------------------------------*\
    NAV
\*------------------------------------*/
.mmenu {
    list-style: none;
    font-weight: bold;
    margin: 0px auto;
    width: 35%;
    position: relative;
    z-index: 5;
    text-align:center;
    display: flex;
    flex-direction: row;
}
.mmenu li {
    display: block;
    position: relative;
    text-align: center;
    flex-grow:1;
    margin:0px;
    padding:0px;
}
.mmenu a {
    display: block;
    padding: 20px 0px 22px 0px;
    color: #000;
    text-decoration: none !important ;
    font-size:110%;
    font-weight: normal;
    margin:0px;
}
.mmenu a:hover {
    color: #000;
    text-decoration: none !important ;
    background:#f7683b;
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
    
}

/*--- DROPDOWN ---*/
.mmenu ul {
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
}
.mmenu ul li {
    padding-top: 0px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
    text-align: left;
}
.mmenu ul li ul{

}
.mmenu ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.mmenu li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
    background:#fff;
    margin-left:0px;
}
.mmenu li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    text-decoration: underline;
}
.mmenu li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
    color:#000;
    font-size:105%;
    background-color: #fff;
    margin:0px 0px;
    padding:10px 10px;
    border-bottom:1px solid #000;
    text-align:center;
}
.mmenu li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: #f7683b;
    -o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;
}
.homecontent{background:#202023; width:100%;min-height:650px;}
.homecontent h1{color:#f7683b; font-size:400%; text-align: center; padding:40px 10px; margin:0px;}
.orange{color:#f7683b;}
.pagecontent h2{font-size:200%; text-align: center; padding:10px 0px; color:#fff;}
.pagecontent h1{color:#f7683b; font-size:400%; text-align: center; padding:40px 10px; margin:0px;}
.pagecontent h3{color:#fff;}
.pagecontent a{color:#fff;}
.pheader{text-align:center; margin:10px auto; width:80%; font-size:140%; color:#fff;}   
.orange{color:#f7683b;}
.homecontent h2{font-size:200%; text-align: center; padding:10px 0px; color:#fff;}    
.homeboxes{width:80%; display: flex; flex-direction: row; margin:0px auto;}
.homebox{flex-grow:1; width:30%; margin:20px 0px; background:#383838; display: block; min-height:300px; box-shadow: 3px 3px #000; padding:0px; text-align: center; border:1px solid #000;}
.homebox:hover{background:#f7683b;
-o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;}
.homebox a{display:block; padding:130px 0px; margin:0px auto; text-decoration: none; color:#fff; font-size:200%; text-shadow: 4px 3px #000;}
.dkgrey{background:#383838;}
.medgrey{background:#4f4f4f;}
.ltgrey{background:#757575;}
.lghtergrey{background:#9c9c9c;}
.lightestgrey{background:#cacaca;}
.almostwhite{background:#fff; }
.almostwhite a{color:#827f7a !important;}
.almostwhite a:hover{color:#fff !important;}
.pagecontent{width:100%; padding-bottom:10px; clear:both;}
.pagecontent h3{color:#fff;}
.pagecontent a{color:#fff;}
.pheader{text-align:center; margin:10px auto; width:80%; font-size:140%; color:#fff;}    
.researchboxes{width:80%; display: flex; flex-direction: row; margin:0px auto;}
.rbox{flex-grow:1; width:30%; margin:0px 0px; display: block; height:220px; box-shadow: 3px 3px #000; padding:0px; text-align: left; border:1px solid #000; text-shadow: 1px 1px #000; }
.rbox:hover{background:#f7683b;
-o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;}
.rbox a{display:block; padding:80px 20px; margin:0px auto; text-decoration: none; color:#fff; font-size:140%;}  

    
.mainmembers{width:80%; display: flex; flex-direction: row; margin:0px auto;}    
.currentmems{width:34%; margin:0px; max-width:400px; padding:0px; border:6px solid black; }       
.picbox{width:100%; height:320px; margin:0px; display: block; overflow: hidden; border-bottom:6px solid black; padding:0px;}
.piximage1{background: url('images/labmembers/Vivian%20Lo%20-%20Lab%20Manager.jpg') center center;}
.piximage2{background: url('images/labmembers/Lab%20Outing2.jpg') center center;}
.piximage3{background: url('images/labmembers/DANACARNEYSQUARE.jpg') top left no-repeat;}   
.namebox{width:100%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; padding:0px;}  
.namebox p{color:#fff; text-align: center; font-size:140%; margin:0px; padding:15px 0px;}
.pastmembers{width:80%; display: flex; flex-direction: row; margin:20px auto;}
.pastmember{width:25%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; border:6px solid black; padding:0px;} 
.pastpicbox{width:100%; height:215px; margin:0px; display: block; overflow: hidden; border-bottom:6px solid black; padding:0px;}    
.pastnamebox{width:100%; max-width:400px;  margin:0px 2px; display: block; overflow: hidden; padding:0px;}  
.pastnamebox p{color:#fff; text-align: center; font-size:110%; margin:0px; padding:15px 0px;}   
.cvita{width:75%; margin:0 auto; text-align:left;}    
.cvita h2{text-align:left;} 
.cvita a{color:#fff;}    
.cvita p{color:#fff; font-size:100%; line-height:120%; padding:10px 35px; margin:0px;}  
hr{ background:#f7683b; height:5px; border:none; border-radius:25px; }    
.smallorange{color:#f7683b !important; text-align: center !important; font-size:80% !important; padding:0px !important; margin:0px auto 20px auto !important; line-height:80% !important; width:80%;}    
.smallorange a{color:#f7683b !important;}
.partners{width:80%; margin:0px auto 40px auto; background:#fff;} 
.partners h3{font-size:180%; color:#000 ; text-align:center; padding:20px;}     
.partnerlogos{width:80%; text-align:center; margin:0px auto;}   
.partnerlogos img{margin:20px 10px;}
.ccontent{width:80%; margin:0px auto 20px auto; display:flex; flex-direction: row;}  
.ccontent p{color:#fff; line-height:140%; padding:5px; margin:0px;}    
 .ccontentbox{ text-align:center; color:#fff; padding:10px 10px; width:50%}
.ccontentbox h3{font-size:140%; text-align:left;}    
.ccontentbox p{font-size:100%; line-height: 160%; padding:0px; margin:0px; text-align: left;}    
.ccontentbox img{width:70%; height:auto; margin:0 auto; padding: 0px; text-align: center;}   
.researchimg{width:80%; margin:10px; padding:10px;}    
.footer{text-align: left; background:#fff; height:40px; padding:0px 40px; margin:40px 0px; 0px 0px 0px}
.footer p{padding:10px; font-size:100%;}    
}