a { text-decoration:none; color:#ffffff; font-weight:300; }

    a:hover { 
      color:#000000;
      font-weight:300;
    
    }



/* FIXED SCROLL */
#containerfixedscroll { display:block; margin: 0 auto; padding: 0 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:150px; background-color:#ffffff;   }

/*****************************************
  CSS3 Animation to allow fade in effect 
******************************************/

#fadetext {

/*font-family:Arial;*/
font-family:'Arial Narrow Bold', sans-serif; 
  font-weight:lighter;
  line-height: 1.2;
  font-size: 1.8em;
  font-weight:100; 
  color:#212121;
  text-align:center;

  -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 5s; /* Firefox < 16 */
      -ms-animation: fadein 5s; /* Internet Explorer */
       -o-animation: fadein 5s; /* Opera < 12.1 */
          animation: fadein 5s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Down Arrow */
.arrow {
  /*border: solid black;*/
  border:solid #6B97C6;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/* End of Down Arrow */

.position_of_arrow
{
  position: absolute;
  bottom: 1.5%;
  width: 100%;
}



/* Triangle Down */
.triangle-down {
	width: 0;
  height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
  /*border-top: 50px solid #555;*/
  /*border-top: 12px solid#6B97C6;*/
  border-top: 12px solid#000000;


}

/* Circle */
.circle {
  height: 50px;
  width: 50px;
  background-color: #ffffff;
  border-radius: 50%;
}

.somepadding 
{
  height:30px; 
  width:auto;
  margin:20% 0 0 0;

}

.somepadding:hover
{
  /*border:solid 1px red;*/
  height:20px; 
  margin:15% 0 0 0;
}

/* Position Arrov at Bottom of Page */
.sticky-image-wrapper{
  position: absolute;
  bottom: 0;
  width: 100%;
}

.sticky-image-wrapper img{
  display: table;
  position: relative;
  margin: auto;
}

.sticky-image-wrapper .triangle-down{
  display: table;
  position: relative;
  margin: auto;
}

.sticky-image-wrapper .circle{
  display: table;
  position: relative;
  margin: auto;
}



/* SIMPLE BUTTON */
.btn_simple{
  background-color: #6B97C6;
  border: none;
  color: #FFFFFF;
  padding: 15px;
  text-align: center;
  font-family: 'Corbel', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight:800;
  font-size: 17px;
  margin: 4px 2px;
  border-radius: 8px;

}

.btn_simple:hover  {
opacity: 0.8; font-weight:bold; 
/*background-color:#6B97C6;*/
background-color:#000000;
color: #FFFFFF;
padding: 15px;
text-align: center;
font-family: 'Corbel', Arial, sans-serif;
text-decoration: none;
display: inline-block;
font-weight:800;
font-size: 17px;
margin: 4px 2px;
border-radius: 8px;
}

/* SIMPLE BUTTON */
.btn_new{
  /* background-color: #6B97C6; */
   background-color:#333;;
   border: none;
   color: #FFFFFF;
   padding: 15px;
   text-align: center;
   font-family: 'Corbel', Arial, sans-serif;
   text-decoration: none;
   display: inline-block;
   font-weight:600;
   font-size: 18px;
   margin: 4px 2px;
  /* border-radius: 8px; */
 
 }
 
 .btn_new:hover  {
 opacity: 0.8; font-weight:bold; 
 /*background-color:#6B97C6;*/
 background-color:#f0f0f0;
 border:solid 1px black;
 color: #000000;
 padding: 15px;
 text-align: center;
 font-family: 'Corbel', Arial, sans-serif;
 text-decoration: none;
 display: inline-block;
 font-weight:600;
 font-size: 18px;
 margin: 4px 2px;
 /* border-radius: 8px; */
 }

 /* SIMPLE BUTTON WHITE */
.btn_new_white {

  opacity: 0.8; font-weight:bold; 
  /*background-color:#6B97C6;*/
  background-color:#f0f0f0;
  border:solid 1px black;
  color: #000000;
  padding: 15px;
  text-align: center;
  font-family: 'Corbel', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight:600;
  font-size: 18px;
  margin: 4px 2px;
  /* border-radius: 8px; */
 
 }
 
 .btn_new_white:hover  {
  /* background-color: #6B97C6; */
  background-color:#333;;
  border: none;
  color: #FFFFFF;
  padding: 15px;
  text-align: center;
  font-family: 'Corbel', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight:600;
  font-size: 18px;
  margin: 4px 2px;
 /* border-radius: 8px; */
 }

.href_grey { font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500; font-size:1.1em;  }
.href_grey:visited { font-family:Helvetica, Arial, Garamond; color:#000000; font-weight:500;}
.href_grey:hover{ font-family:Helvetica, Arial, Garamond;color:#2C2D2D; text-decoration: underline; font-weight:500;}
.href_grey a { font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500;} 

.href_white { font-family:Helvetica, Arial, Garamond; color:#ffffff; font-weight:500;   }
.href_white:visited { font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500;}
.href_white:hover{ font-family:Helvetica, Arial, Garamond; color:#2C2D2D; text-decoration: underline; font-weight:500;}
.href_white a { font-family:Helvetica, Arial, Garamond; color:#ffffff; font-weight:500;} 


.href_footergrey { font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500; font-size:1.1em; }
.href_footergrey:visited { font-family:Helvetica, Arial, Garamond; color:#000000; font-weight:500; font-size:1.1em; }
.href_footergrey:hover{ font-family:Helvetica, Arial, Garamond; color:#2C2D2D; text-decoration: underline; font-weight:500; font-size:1.1em; }
.href_footergrey a { font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500; font-size:1.1em; } 

.href_footergrey_resources { font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500; font-size:1.1em; }
.href_footergrey_resources:visited { font-family:Helvetica, Arial, Garamond; color:#000000; font-weight:500; font-size:1.1em; }
.href_footergrey_resources:hover{ font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500; font-size:1.1em; }
.href_footergrey_resources a { font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500; font-size:1.1em; } 


.imgresize_research { width:60%; height:auto; }
.imgresize_research_individual { width:67%; height:auto; }

.imgresize_four { width:100%; height:auto; }

/* Admin system */
.txtinput { height:80px; font-size:20px; line-height:2.0; font-family:Arial; width:40%; }

h1 {   font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;  font-size: 2.4em;  font-weight:200;   text-align:center; line-height:2.0;  color:#ffffff; }
h2 {  font-family:'Arial Narrow Bold', sans-serif; font-size:1.0em; font-weight:100; color:#ffffff; line-height:1.8;}
h3 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.3em; font-weight:100; color:#ffffff;  }
h4 { font-family:Helvetica, Arial, Garamond; font-size:1.1em; font-weight:100; color:#ffffff; line-height:1.9; text-align:justify; }
.h4_theproject { font-family:'Arial Narrow Bold', sans-serif; font-size:1.2em; font-weight:100; color:#ffffff; line-height:2.2; text-align:justify; }

h5 { font-family:Garamond, Helvetica, Arial; font-size: 3.2em; font-weight:800; color:#212121; }
.h5_workshops { font-family:Helvetica, Arial, Garamond; font-size: 1.7em; font-weight:100; color:#212121; line-height:1.5; text-align:left; }
.h5_resources { font-family:Garamond, Helvetica, Arial; font-size:3.2em; font-weight:600; color:#212121; }
.h5_home { font-family:Garamond, Helvetica, Arial, sans-serif; font-size:3.2em; font-weight:600; color:#ffffff; /*text-shadow: black 0.1em 0.1em 0.2em;*/  }

#banner { display: none; float: left; font-family:Garamond, Helvetica, Arial; text-align:center; line-height:1.5; font-size:3.2em; font-weight:600; vertical-align: top middle; margin: 0 auto; padding: 0;  color: #000000; margin:0;  width: 100%;    }
#banner2 { display: none; }
#banner3 { display: none; }
#banner2old { display: none; float: left; width: 94%; margin:0 3% 0 3% ; line-height:1.9; font-size:1.1em; font-family:Helvetica, Arial, Garamond; text-align: justify; color: #000000; }
#banner3old { display: none; float: left; width: 94%; margin:0 3% 0 3% ; line-height:2.0; font-size:16px; font-family:Helvetica, Arial, Garamond; text-align: left; color: #000000; }

/* Search page */
.h5 { font-family:'Arial Narrow Bold', sans-serif; font-size:1.7em; font-weight:100; color:#212121; text-align:center; }

h6 { font-family:Helvetica, Arial, Garamond; font-size:1.1em; font-weight:100; color:#212121; line-height:1.9; text-align:justify; }
.h6_resources { font-family:Helvetica, Arial, Garamond; font-size:1.1em; font-weight:100; color:#212121; line-height:1.9; }

.h6home { font-family:Helvetica, Arial, Garamond; font-size:1.1em; font-weight:100; color:white; line-height:1.9; text-align:justify;  }

  /* Contact page */
  .h8 { font-family:Helvetica, Arial, Garamond; font-size: 1.0em; font-weight:600; color:#212121; text-align:center; line-height:2.0; }
  .h9 { font-family:Helvetica, Arial, Garamond; font-size: 1.0em; font-weight:200; line-height:1.5; color:#000000; text-align:left; }


.h6_bigger { font-family:'Arial Narrow Bold', sans-serif; font-size:1.2em; font-weight:400; color:#212121; }
.researchtitle { font-family:'Papyrus'; font-size:1.1em; font-weight:450; color:#212121; line-height:1.8; }

.large_heading { font-family:'Arial Narrow Bold', sans-serif; font-size:1.7em; font-weight:100; color:#ffffff; }

.container_menubar { display:block; text-align:center; width: 100%; height:150px;  margin: 0 auto; padding: 0;  background-color:rgba(250, 245, 245, 0.918);  }
.container_menubar_researchall { display:block; text-align:center; width: 100%; height:150px;  margin: 0 auto; padding: 0;  background-color:rgba(250, 245, 245, 0.918);   }

#menubar_all {  display:block; width:1024px; height:100% !important; margin: 0 auto; text-align:center !important;  padding: 0;  padding:0.5% 0 0 0; background-color:#ffffff; /*border:solid 1px yellow;*/ }

#menubar_left { float:left; width:10%; height:auto; text-align:left; vertical-align:center; margin:0; opacity:1.0; /*border:solid 1px red;*/ }
#menubar_mid { float:left; width:89%; height:20%; text-align:left bottom; vertical-align:bottom; margin:5% 0 0 0; opacity:1.0; }
#menubar_right { float:right; width:1.5%; height:20%; text-align:right;  margin:5% 0 0 0; opacity:1.0; z-index:200; color:#ffffff; font-size:2em; font-weight:bold;  }



.txtinputcontact { height:35px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:70%; }
.txtinputsearchbox { height:40px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:50%; }

/* HOME PAGE  */
#container_homebanner{ display:block; position:absolute; top:48%; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.6;  }
.inner_homebanner_all { float:right; display:block; width:100%; height:100% !important; margin: 0 auto;  text-align:left !important;  padding: 0;  background-color:#ffffff; padding:1% 0 0 0 !important; }

#container_publicationsbanner{ display:block; position:absolute; top:11%; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.9;  }
.inner_publicationsbanner_all { float:right; display:block; width:430px; height:100% !important; margin: 0 auto;  text-align:left !important;  padding: 0; padding:0 1% 0 1%;  background-color:#CF4098; margin:5% 0 0 0;  }




.near_bottom_page{
    position: absolute;
    bottom: 22%;
    width: 100%;
  }

  .view_more{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight:900;
    font-size:1.1em;
    position: absolute;
    bottom: 1%;
    width: 92%;

  }


  .heading_left { float:left; width:100%; height:auto; margin:-45% 0 2% 0; text-align:center; vertical-align:bottom; vertical-align:text-bottom;  }
  .heading_right { float:right; width:48%; height:auto; margin:2.4% 1% 2% 0; text-align:right; vertical-align:bottom; vertical-align:text-bottom;   }


/* The Project and Our Research Team */
#container_project { display:block; text-align:center; width: 100%; height:650px;  margin: 0 auto; padding: 0; background-color:rgba(250, 245, 245, 0.918);  }
.inner_project { display:block; width:1024px; height:100%; margin: 0 auto; text-align:center !important;  padding: 0; padding:0 2% 0 2%; background-color:#ffffff;  }

.project_left { float:left; width:56%; height:100%; text-align:left; background-color:#560025;  opacity:1.0; padding:4% 4% 0 4%;   }
.project_right { float:left; width:96%; height:100%; text-align:left;  opacity:1.0; z-index:200; padding:0 2% 0 2%;    }


/* Four Sections - bright colours */
#container_four { display:block;  text-align:center; width: auto; height:100%; margin: 0 auto; padding: 0; background-color:#212D32;   }
.four_inner {  display:inline-block; width:100%; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%;   }

.one_research { float:left; position:relative; background-color:#60B9BF; width:25%; height:680px !important; margin:2% 0 5% 0; padding:0 1% 0 1%;    }
.two_project { float:left; position:relative; height:680px !important; background-color:#60BEA3; width:25%; height:auto; margin:2% 0 5% 0; padding:0 1% 0 1%;   }
.three_reports { float:left; position:relative; height:680px !important; background-color:#C3AB51; width:25%; height:auto; margin:2% 0 5% 0; padding:0 1% 0 1%;   }
.four_getintouch { float:right; position:relative; height:680px !important; background-color:#B66683; width:25%; height:auto; margin:2% 0 5% 0; padding:0 1% 0 1%;   }


/* One Section - We would like your feedback */
#container_feedback { display:block;  text-align:center; width: auto; height:250px; margin: 0 auto; padding: 0; background-color:#509A9E;  }
.feedback_inner {  display:block; width:700px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%; }


/* RESEARCH TEAM - INDIVIDUAL PAGES */
#container_researchteam { display:block; position:absolute; top:15%; z-index:200; text-align:center; width: 100%; height:500px;  margin: 0 auto; padding: 0;   }
.inner_researchteam { display:block; width:900px; height:100% !important; margin: 0 auto; text-align:center !important;  padding: 0;  background-color:#ffffff;  }

.researchteam_left { float:left; width:50%; height:100%; text-align:right;  opacity:1.0; padding:0; }
.researchteam_right { float:right; width:50%; height:100%; text-align:left;  opacity:1.0; z-index:200; padding:0 3% 0 5%; }

#container_about { display:block;  text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0; background-color:#509A9E;  }
.about_inner {  display:block; width:900px; text-align:center; margin: 0 auto; padding: 0; padding:2% 0 0 0; opacity:1.0; height:auto; }




/* RESEARCH TEAM - GENERAL PAGE */
#container_researchbanner{ display:block; position:absolute; top:11%; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0;  opacity:0.9;  }
.inner_researchbanner_all { float:right; display:block; width:750px; height:100% !important; margin: 0 auto;  text-align:left !important;  padding: 0; padding:1% 2% 0 2%;  background-color:#302529; background-color:#60B9BF; margin:5% 0 0 0; }


#container_researchteam_all { display:block; position:absolute; top:11%; z-index:200; text-align:center; width: 100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.8;  }
.inner_researchteam_all { display:block; width:900px; height:100% !important; margin: 0 auto;  text-align:center !important;  padding: 0; padding:0 1% 0 1%; background-color:#ffffff;  }


#container_researchersall { display:block; text-align:center; width: auto; height:3250px; margin: 0 auto; padding: 0; /* background-color:pink; */  }
.researcherall_inner {  display:block; width:800px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0;  height:100%;   }

.researchall_left { float:left; width:50%; height:580px; text-align:center; opacity:1.0;  }
.researchall_right { float:right; width:50%; height:580px; text-align:left; opacity:1.0;  }

/* THE PROJECT */
#container_projectbanner{ display:block; position:absolute; top:11%; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0;  opacity:0.8;   }
.inner_projectbanner_all { float:right; display:block; width:620px; height:100% !important; margin: 0 auto;  text-align:left !important;  padding: 0; background-color:#ffffff; margin:2% 0 0 0; padding:0 1% 0 1%; text-shadow:#000000;  }


#container_theproject { display:block; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0; background-color:#f0f0f0;   }
.theproject_inner {  display:block; width:1024px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto;  }

.projectdesc_left { float:left; width:100%; height:auto !important; margin:3% 0 0 0; text-align:left;   }


#container_theproject_detail { display:block; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0; background-color:#B66683;   }
.theproject_detail_inner { display:block; width:700px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto;  }

.theproject_left { float:left; width:50%; margin:5% 0 0 0;  }
.theproject_right { float:right; width:45%; margin:5% 0 0 5%; text-align:left; }


#container_nsrp { display:block; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0; background-color:#ffffff;   }
.nsrp_inner { display:block; width:1024px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:107%; padding:7% 0 0 0;  }

.nsrp_left { float:left; width:24%; height:100%; text-align:right; margin:5% 0 0 0;  }
.nsrp_right { float:right; width:70%; height:100%; margin:0 3% 0 0; text-align:justify; }


#container_ceab { display:block; text-align:center; width: auto; height:1650px; margin: 0 auto; padding: 0; background-color:#C3AB51;  }
.ceab_inner { display:block; width:924px; text-align:justify; margin: 0 auto; padding: 0; opacity:1.0; height:108%; padding:8% 0 0 0;  }



/* Workshop Page */
#container_workshops { display:block; text-align:center; width: 100%; height:8000px;  margin: 0 auto; padding: 0; border:solid 2px white; /* keep white border as footer knocks out otherwise */ }
.workshops_inner {  display:block; width:900px; text-align:justify; margin: 0 auto; padding: 0; opacity:1.0; height:100%;  }

.workshop_pdf_all { display:block; width:900px; height:260px; }
.workshop_pdf_left { float:left; width:25%; }
.workshop_pdf_right { float:right; width:75%; }

.workshop_detail  { display:block; width:900px; height:100%; }

.workshoptest { display:none; height:auto; width:100%; }
.workshop_left { float:left; width:30%; height:auto; }
.workshop_right { float:right; width:70%; height:auto;   }

.imagephone { height:188px; width:189px; }

/* Publications Page */
#container_publications { display:block; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0; background-color:#ffffff;   }
.publications_inner {  display:block; width:1024px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto;  }


#container_workshopbanner { display:block; position:absolute; top:11%; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.9;  }
.inner_workshopbanner_all { float:right; display:block; width:500px; height:95% !important; margin: 0 auto;  text-align:left !important; margin:5% 0 0 0; padding: 0; padding:0 1% 0 1%; /*text-shadow:#000000;*/ background-color:#8D6679; }

#container_news { display:block; position:absolute; top:11%; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.9;  }
.inner_news_all { float:right; display:block; width:500px; height:95% !important; margin: 0 auto;  text-align:left !important; margin:5% 0 0 0; padding: 0; padding:0 1% 0 1%; /*text-shadow:#000000;*/ background-color:#8D6679; }


.move_right_slideshow { margin: 0; vertical-align:top; height:auto !important; width:100%; }

/* News Page */
#container_newspage { display:block; text-align:center; width: 100%; height:auto;  margin: 0 auto; padding: 0; border:solid 2px white; /* keep white border as footer knocks out otherwise */ }
.newspage_inner {  display:block; width:900px; height:auto; text-align:justify; margin: 0 auto; padding: 0; opacity:1.0;   }




/* Resources Page */

#container_resources_all { display:block; position:absolute; top:7.5%; z-index:200; text-align:center; width: 100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.8;  }
.inner_resources_all { display:block; width:824px; height:100%; margin: 0 auto;  text-align:center;  padding: 0;  padding:5% 1% 0 1%; text-shadow:#000000;   }

#container_resources { display:block; text-align:center; width: auto; height:800px; margin: 0 auto; padding: 0;  }
.resources_inner {  display:block; width:824px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:1500px;  padding:4% 0 0 0; background-color:#ffffff;     }

#container_resources_test { display:block; text-align:center; width: auto; height:800px; margin: 0 auto; padding: 0;  }
.resources_inner_test {  display:block; width:1024px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:80%;  padding:4% 0 0 0; background-color:#ffffff;     }

.resource_one { float:left; width:33%; height:auto; }
.resource_two { float:left; width:33%; height:auto; }
.resource_three { float:right; width:33%; height:auto; }
.resource_image { height:auto; width: 75%; }

#container_resourcesbanner { display:block; position:absolute; top:11%; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.9;  }
.inner_resourcesbanner_all { float:right; display:block; width:500px; height:100% !important; margin: 0 auto;  text-align:left !important; margin:5% 0 0 0; padding: 0; padding:0 1% 0 1%; /*text-shadow:#000000;*/ background-color:#C3AB51; }
.inner_resourcesbanner_new { float:right; display:block; width:500px; height:100% !important; margin: 0 auto;  text-align:left !important; margin:5% 0 0 0; padding: 0; padding:0 1% 0 1%; /*text-shadow:#000000;*/ background-color:#037FC7;  }

#container_resourcestwo { display:block; text-align:center; width: auto; height:2000px; margin: 0 auto; padding: 0;  }

.resource_left { float:left; width:50%; height:420px;  padding:2% 0 0 0;  }

.quipu_left { width:49%; height:auto; float:left;  }
.quipu_right { width:50%; height:auto; float:right; }


/* Footer */
#container_footer_top { display:block; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0; background-color:#F3F4F6;   }
.footer_top_inner {  display:block; float:left; width:100%; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto; background-color:#F3F4F6;  }

.footertop_left { float:left; width:49%; height:auto; text-align:left; margin:2% 0 0 5%;  }
.footertop_middle { float:left; width:16%; height:auto; text-align:left; margin:2% 0 0 6%;  }
.footertop_right { float:right; width:24%; height:auto; text-align:left; margin:2% 0 0 0;  }


#container_footer { display:block; text-align:center; width: auto; height:190px; margin: 0 auto; padding: 0;  /*background-color:#212D32;*/ background-color:#ffffff;   }
.footer_inner {  display:block; width:1024px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto; }

.footer_left { float:left; width:37%; height:auto; text-align:center; margin:2% 0 0 0; }
.footer_middle { float:left; width:37%; height:auto; text-align:center; margin:2% 0 0 0;  }
.footer_right { float:right; width:26%; height:auto; text-align:center; margin:2% 0 0 0;   }
.qrsize { width:50%; height:auto; }


/* Contact Page */

#container_contactpage { display:block; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0;   }
.contactpage_inner {  display:block; width:700px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:260px;  }

  a.phone_black
  {
    color: #000000;
  }
  #container_contactform { display:block; text-align:center; background-color:#E8E8E8; width: auto; height:950px; margin: 0 auto; padding: 0;   }
  .contact_inner { width:1024px; height:100%; margin: 0 auto; text-align:center !important; vertical-align:top middle;  padding: 0; color:#000000;   }

  .contact_left { display:inline-block; width:54%; text-align:left; opacity:1.0; padding:7% 0 0 5%; background-color:#ffffff; box-shadow: 10px 10px 5px #9A9A9A; }
  .contact_right { display:inline-block; width:31%; opacity:1.0; margin:0.3% 0 0 5%; line-height:2.0; padding:0 0 0 0.5%;  /*background-color:#D3D3D3;*/ background-color:#B66683; color:#ffffff; vertical-align: top; text-align:center;  }

  /* Contact page - MAPS */
  #container_maps { display:block; text-align:center; background-color:#FFFFFF; width: auto; height:500px !important; margin: 0 auto; padding: 0;  }
  .maps_inner {  width:99%; height:100%; margin: 0 auto; text-align:center !important; vertical-align:top middle;  padding: 0; color:#000000; margin:2% 0 2% 0;  }



  .txtselectcontact { height:33px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:92%; }
  .txtrowscontact { height:115px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}


  /* Search */

  #container_search { display:block; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0;   }
  .search_inner {  display:block; width:700px; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto;  }

  #container_searchit { display:block; position:absolute; top:13%; z-index:200; text-align:center; width: 100%; height:auto;  margin: 0 auto; padding: 0; opacity:1.0;  }
  .inner_searchit { display:block; width:900px; height:100% !important; margin: 0 auto;  text-align:center !important;  padding: 0; padding:0 1% 2% 1%; background-color:#f0f0f0;  }
  


          /* ----------- iPhone 5 and 5S ----------- */

        /* Portrait and Landscape */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 2) {

        }

        /* Iphone Portrait */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 1)
        /* and (-webkit-text-size-adjust:auto) 414 width */
        and (orientation: portrait) 
        {
                   /* Home Page */
                   .near_bottom_page { display:none; }
                   .imgresize_research_individual { width:95% !important; height:auto; text-align:center !important; }

                   .imgIphone { width:100% !important; height:auto; }
                   
                   #containerfixedscroll { display:none; height:0 !important; }

                   h1 { font-size: 5.8em !important; font-weight:550; text-align:center; line-height:2.5;  color:#000000 !important; }
                   h2 { font-size:3.3em !important; }
                   h3 { font-size:3.9em; font-weight:400 !important; }
                   h4 { font-size:3.1em !important; color:#000000 !important; }
                   .h4_theproject { font-size:3.1em !important; margin:0; }

                   h5 { font-size:3.9em !important; font-weight:400 !important; text-align:center !important; }
                   .h5_workshops { font-size:3.4em !important; font-weight:400 !important; text-align:left !important; }
                   .h5_resources { font-family:'Arial Narrow Bold', sans-serif; font-size:4.3em !important; font-weight:400; color:#212121; }

                   #banner { display: none; float: left; font-family:Garamond, Helvetica, Arial; line-height:1.5; font-weight:600; font-size:3.9em !important; color: #000000;     }
                   #banner2 { display: none; float: left; width: 94%; margin:0 3% 0 3%; line-height:2.0; font-size:3.1em !important; text-align: left; color: #000000; }
                   
                   .href_footergrey_resources { font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500; font-size:0.4em !important; }
                   .href_footergrey_resources:visited { font-family:Helvetica, Arial, Garamond; color:#000000; font-weight:500; font-size:0.4em !important; }
                   .href_footergrey_resources:hover{ font-family:Helvetica, Arial, Garamond; color:#2C2D2D; text-decoration: underline; font-weight:500; font-size:0.4em !important; }
                   .href_footergrey_resources a { font-family:Helvetica, Arial, Garamond; color:#2C2D2D; font-weight:500; font-size:0.4em !important; } 
                   

                   h6 { font-size:3.1em !important; font-weight:400 !important; line-height:2.0; text-align:left; }

                   .h5_home { font-family:'Arial Narrow Bold', sans-serif; font-size:3.9em !important; font-weight:400; color:#ffffff;  }
                   .h6home { font-family:'Arial Narrow Bold', sans-serif; font-size:3.1em !important; font-weight:100; color:white; line-height:1.8; text-align:left; text-shadow: none !important; }
                   
                   .btn_new{ font-size:38px !important; }

                   .h6_bigger { font-family:'Arial Narrow Bold', sans-serif; font-size:3.5em !important; font-weight:400;  color:#212121; }
                   .researchtitle { font-family:'Papyrus'; font-size:3.1em !important; font-weight:450;  color:#212121; line-height:1.8; }

                   .large_heading { font-size:3.4em !important; font-size:2.9em; font-weight:400 !important; color:#000000 !important; text-align:center !important; }

                   #menubar_all { width:100% !important; }

                   .btn_simple { font-size:38px !important; }

                   .view_more{
                    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                    font-weight:900;
                    font-size:1.1em;
                    position: absolute;
                    bottom: 2.6% !important;
                    width: 92%;
                
                  }

                   #bg { width:100% !important; height:40% !important; opacity:0.9 !important; }
                   #contactus { height:40% !important; opacity:0.9 !important; }
                   #teamsall { height:40% !important; opacity:0.9 !important; width:100% !important; }
                   #theproject { height:40% !important; opacity:0.9 !important; width:100% !important; }
                   #publications { height:40% !important; opacity:0.9 !important; }
                   #workshops { height:40% !important; opacity:0.9 !important; }
                   #resources { height:40% !important; opacity:0.9 !important; }
                   #searchimage { height:40% !important; opacity:0.9 !important; }
                   #newstwitter { height:45% !important; opacity:0.9 !important; }
                   

                   #resources_one { height:40% !important; opacity:0.9 !important; }
                   #resources_two { height:40% !important; opacity:0.9 !important; }
                   #resources_three { height:40% !important; opacity:0.9 !important; }

                   .near_bottom_page { position: absolute; top: 10% !important; width: 100%; }
                   
                   #container_homebanner{ display:block; position:relative !important; top:0 !important; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.8;  }
                   .inner_homebanner_all { float:right; display:block; width:100% !important; height:auto !important; margin: 0 auto;  text-align:left !important;  padding: 0; padding:5% 5% 0 5%; margin:0 !important; }
                   
                   #container_workshopbanner { display:block; position:relative !important; top:0 !important; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.8;  }
                   .inner_workshopbanner_all { float:left !important; display:block; width:100% !important; height:auto !important; margin:0 !important; padding: 0 5% 0 5% !important;  text-align:left !important; text-shadow:#000000; background-color:#8D6679; }
                   
                   #container_news { display:block; position:relative !important; top:0 !important; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.8;  }
                   .inner_news_all { float:left !important; display:block; width:100% !important; height:auto !important; margin:0 !important; padding: 0 5% 0 5% !important;  text-align:left !important; text-shadow:#000000; background-color:#8D6679; }
                   
                   #container_researchbanner{ display:block; position:relative !important; top:0 !important; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0;  opacity:0.8;   }
                   .inner_researchbanner_all { float:left !important; display:block; width:95% !important; height:auto !important; margin: 0 0 0 5% !important;  text-align:left !important;  padding: 0; background-color:#ffffff;   }
                   



                   #container_publicationsbanner{ display:block; position:relative !important; top:0 !important; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0; opacity:0.8;  }
                   .inner_publicationsbanner_all { float:left !important; display:block; width:100% !important; height:auto !important; padding: 1% 5% 0 5% !important; margin:0 !important; text-align:left !important;  background-color:#BE067E; }
                   
                   #container_resourcesbanner { display:block; position:relative !important; top:0 !important; z-index:200; text-align:right; width:100%; height:120px !important;  margin: 0 auto; padding: 0; opacity:0.8;  }
                   .inner_resourcesbanner_all { float:left !important; display:block; width:100% !important; height:auto !important; padding: 0 5% 0 5% !important; margin: 0 auto;  text-align:left !important;  /*text-shadow:#000000;*/ background-color:#C3AB51; }
                   
                   .inner_resourcesbanner_new { float:left !important; display:block; width:100% !important; height:auto !important; padding: 0 5% 0 5% !important; margin: 0 auto;  text-align:left !important; background-color:#037FC7;  }


                   /* Resources Page */
                   #container_resources_all { display:block; position:relative !important; top:0 !important; z-index:200; text-align:center; width: 100%; height:200px !important;  margin: 0 auto; padding: 0; opacity:0.8;  }
                   .inner_resources_all { float:left !important; display:block; width:100% !important; height:100% !important; margin: 0 auto;  text-align:center !important; padding:0 !important;    }
                   
                   #container_resources { display:block; text-align:center; width: auto; height:800px; margin: 0 auto; padding: 0;  }
                   #container_resourcestwo { display:block; text-align:center; width: auto; height:2000px; margin: 0 auto; padding: 0; }
                   .resources_inner { float:left !important;  display:block; width:100% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100%; background-color:#ffffff;     }
                   
                   .resources_inner_test {  display:block; width:100% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:80%;  padding:4% 0 0 0; background-color:#ffffff;     }

                  .resource_one { float:left; width:100% !important; height:auto; }
                  .resource_two { float:left; width:100% !important; height:auto; }
                  .resource_three { float:right; width:100% !important; height:auto; }

                   
                   .dont_display_iphone { display:none !important; }


                   #container_project { height:auto !important; background-color:#ffffff !important;  }
                   .inner_project { width:100% !important; height:100% !important; padding:0 !important;  }
                   .project_left { display:block !important; width:100% !important; text-align:justify !important; height:auto !important; padding:0 !important; background-color:#ffffff !important; }
                   .project_right { display:block !important; width:100% !important; height:auto !important; padding:0 4% 0 4%; background-color:#F3F4F6 !important; }

                   #container_four { display:block;  text-align:center; width: auto; height:100% !important; margin: 0 auto; padding: 0; background-color:#212D32;  }
                   .four_inner { width:100% !important;  }


                    .one_research { float:left; position:relative; background-color:#60B9BF; width:100% !important; height:110% !important; margin:0 !important; padding:0 3% 15% 3% !important;     }
                    .two_project { float:left; position:relative; background-color:#60BEA3; width:100% !important; height:110% !important; margin:0 !important; padding:0 3% 15% 3% !important;   }
                    .three_reports { float:left; position:relative; background-color:#C3AB51; width:100% !important; height:110% !important; margin:0 !important;  padding:0 3% 15% 3% !important;   }
                    .four_getintouch { float:left !important; position:relative; background-color:#B66683; width:100% !important; height:110% !important; margin:0 !important; padding:0 3% 15% 3% !important;    }


                    #container_feedback { display:block; float:left !important; text-align:center; width: auto; height:1900px !important; margin: 0 auto; padding: 0; background-color:#509A9E; border:solid 1px black;  }
                    .feedback_inner {  display:block; float:left !important; width:90% !important; text-align:justify; margin: 5% 5% 0 5% !important; padding: 0; opacity:1.0; height:auto;  }

                    /* Resarch Team */
                    #container_researchteam { display:block; position:relative !important; top:0 !important; z-index:200; text-align:center; width: 100%; height:auto !important;  margin: 0 auto; padding: 0;   }
                    .inner_researchteam { display:block; width:100% !important; height:2500px !important; margin: 0 auto; text-align:center !important;   background-color:#ffffff;  }

                    .researchteam_left {  display:block !important; float:left; width:100% !important; height:60% !important; text-align:center !important;  opacity:1.0; padding:0;   }
                    .researchteam_right {  display:block !important; float:left !important; width:92% !important; height:50%; text-align:left;  opacity:1.0; z-index:200;  padding:0 3% 0 5%;  }

                    #container_about { display:block; float:left !important; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0; background-color:#ffffff !important;  }
                    .about_inner {  display:block; float:left !important; width:90% !important; text-align:left !important; margin: 0 5% 0 5% !important; padding: 0; opacity:1.0; height:5800px !important; }

                    /* Workshop Page */
                    #container_workshops { display:block; text-align:center; width: auto; height:8000px !important; margin: 0 auto; padding: 0;  }
                    .workshops_inner {  display:block; width:97% !important; text-align:center; margin: 0 0 0 3% !important; text-align:left !important; padding: 0; opacity:1.0; height:100% !important; background-color:#ffffff !important;  }

                    .resource_left { float:left; width:100% !important; height:auto !important;  padding:2% 0 0 0; }
                    .videowidth { width:100% !important; height:auto; border:solid 2px black; }

                    .workshop_left { float:left; width:50% !important; height:auto; }
                    .workshop_right { float:right; width:50% !important; height:auto;   }

                    .imagephone { width:50%; height:auto; }

                    /* Contact */
                    #container_contactpage { display:block; text-align:center; width: auto; height:650px !important; margin: 0 auto; padding: 0;   }
                   .contactpage_inner {  display:block; width:94% !important; text-align:center; margin: 0 3% 0 3% !important; padding: 0; opacity:1.0; height:auto !important;  }

                    #container_contactform { display:block; text-align:center; background-color:#ffffff !important; height:4000px !important;  }
                    .contact_inner { width:100% !important; padding:0 5% 0 5% !important; }

                    .contact_left { display:block !important; width:100% !important; height:auto !important; text-align:left; opacity:1.0; padding:0 0 0 5% !important; background-color:#ffffff; box-shadow: 10px 10px 5px #9A9A9A;  }
                    .contact_right { display:block !important; width:100% !important; height:auto!important; text-align:center !important;  opacity:1.0; margin:0; line-height:2.0; padding:0; }

                    .txtinputcontact { height:90px !important; font-size:38px !important; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
                    .txtselectcontact { height:80px !important; font-size:38px !important; line-height:1.0; vertical-align:top; font-family:Arial; width:92%; }
                    .txtrowscontact { height:180px; font-size:38px !important; line-height:2.0; font-family:Arial; width:90%; }
                  
                    /* Contact page */
                    .h8 { font-family:Calibri Light, Helvetica; font-size: 3.9em !important; font-weight:900; line-height:1.5; color:#000000; text-align:left; }
                    .h9 { font-family:Calibri Light, Helvetica; font-size: 3.1em !important; font-weight:200; line-height:1.5; color:#000000; text-align:left; }

                    /* Contact page - MAPS */
                    #container_maps { display:block; text-align:center; background-color:#FFFFFF; width: auto; height:auto !important; margin: 0 auto; padding: 0;   }
                    .maps_inner { width:100% !important; height:auto !important; margin: 0 auto; text-align:center !important; vertical-align:top !important;  padding: 0; color:#000000; margin:0 !important;  }

                    .iphonemap_size { height:700px !important; width:100% !important; max-width:100%; }


                    /* THE PROJECT */
                    #container_theproject { display:block; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0; background-color:#ffffff !important;  }
                    .theproject_inner {  display:block; width:94% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:auto !important; margin:0 3% 0 3% !important;  }

                    .projectdesc_left { float:left; width:90% !important; height:auto !important; margin:0 5% 0 5% !important;   }


                    .arrowsize { width:22%; height:auto; }
                    .iconsize { width:60%; height:auto; }

                    #container_nsrp { display:block; text-align:center; width: auto; height:5500px !important; margin: 0 auto; padding: 0; background-color:#ffffff;   }
                    .nsrp_inner { display:block; width:100% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; height:100% !important; padding:0 !important; background-color:#ffffff; }
                    
                    .nsrp_left { float:left; width:100% !important; height:auto !important; text-align:center !important; }
                    .nsrp_right { float:right; width:90% !important; height:auto !important; margin:0 !important; text-align:justify; margin:0 5% 0 5% !important; }
                    

                    #container_projectbanner{ display:block; position:relative !important; top:0 !important; z-index:200; text-align:right; width:100%; height:auto;  margin: 0 auto; padding: 0;  opacity:0.8;   }
                    .inner_projectbanner_all { float:left !important; display:block; width:95% !important; height:auto !important; margin: 0 0 0 5% !important;  text-align:left !important;  padding: 0; background-color:#ffffff;   }
                    
                    #container_ceab { display:block; text-align:center; width: auto; height:12000px !important; margin: 0 auto; padding: 0; background-color:#C3AB51;  }
                    .ceab_inner { display:block; width:90% !important; text-align:justify; margin: 0 5% 0 5% !important; padding: 0; opacity:1.0; height:100% !important; padding:8% 0 0 0;  }
                    


                    #container_theproject_detail { display:block; text-align:center; width: auto; height:auto; margin: 0 auto; padding: 0; background-color:#B66683;   }
                    .theproject_detail_inner { display:block; width:90% !important; text-align:center; padding: 0 5% 0 5% !important; opacity:1.0; height:auto !important;  }

                    .theproject_left { float:left; width:100% !important; margin:5% 0 0 0; height:auto !important; }
                    .theproject_right { float:right; width:95% !important; margin:0 !important; padding:0 0 0 5%; text-align:left; height:auto !important; background-color:#B66683; }

                    /* RESEARCH TEAM - GENERAL PAGE */
                    #teamsall { display:none !important; }

                    #container_researchteam_all { display:block; position:relative !important; top:0.5% !important; z-index:1; text-align:center; width: 100%; height:2100px !important;  margin: 0 auto; padding: 0;   }
                    .inner_researchteam_all { display:block; width:94% !important; margin:0 3% 0 3% !important; height:100% !important; margin: 0 auto; text-align:center !important;  padding: 0;  background-color:#ffffff;   }

                    #container_researchersall { display:block; text-align:center; width: auto; height:16800px !important; margin: 0 auto; padding: 0;    }
                    .researcherall_inner {  display:block; width:94% !important; text-align:center; margin: 0 auto; padding: 0; opacity:1.0; margin:5% 3% 0 3% !important; height:100%;   }

                    .researchall_left { float:left; width:100% !important; height:auto !important; border-bottom:solid 5px darkgray; margin:10% 0 0 0 !important; text-align:center; opacity:1.0;  }
                    .researchall_right { float:left !important; width:100% !important; height:auto !important; text-align:left; opacity:1.0;  }

                    /* Footer */
                    #container_footer_top { display:block; text-align:center; width: auto; height:auto !important; margin: 0 auto; padding: 0; background-color:#F3F4F6;    }
                    .footer_top_inner { display:block !important; float:left; width:100% !important;  }

                    .footertop_left { display:block !important; width:94%; height:auto; text-align:left; margin:2% 3% 0 3%;  }
                    .footertop_middle { display:block !important; width:94%; height:auto; text-align:left; margin:1% 3% 0 3% !important;  }
                    .footertop_right { display:block !important; width:94%; height:auto; text-align:left; margin:1% 3% 0 3%;  }

                    .footer_inner { width:100% !important; }
                    .footer_left { float:left; width:100% !important; height:auto; text-align:center !important; margin:2% 0 0 0;  }
                    .footer_middle { float:left; width:100% !important; height:auto; text-align:center; margin:2% 0 0 0;  }
                    .footer_right { float:left !important; width:100% !important; height:auto; text-align:center !important; margin:2% 0 0 0;  }

                    .icon_foriphone { width:10%; height:auto; }


        }