/* Navigation STYLES 
@media only screen and (min-width: 1024px) {
nav.primary li {
    width: 14.286% ;
}
}*/
@media only screen and (max-width: 1024px) {
#rollover img {display:none;}
.newsSection {width:100% !important;}
.width {width:49%;}
.margin {margin-right: 2% !important;}
}
@media only screen and (max-width: 1166px) {
embed, object {width:390px;}
}
@media only screen and (max-width: 1301px) {
embed, object {width:390px;}
}


@media only screen and (max-width: 768px) {
blockquote {width:100%;}
.tableWidth {width:100%;}
.StaffProfileLink { float: left; margin-right:0 !important; width:100% !important; margin-bottom: 20px;  min-height:490px;}
.introMPA {width:100%}
} 
blockquote {width:60%;}
.tableWidth {width:60%;}
.noBorder { border:none; border-style:none;}
/* ------------------Staff page style------------------*/
#allStaffProfiles {}
#allStaffProfiles ul { padding:0;}
#allStaffProfiles li { list-style:none;display:inline;}
.StaffProfileLink {border: 1px solid; float: left; margin-right: 2%; width: 31%; margin-bottom:20px;}
.innerStaff img {width:90%;}
.clearBoth { clear:both; }
.StaffProfileLink {
    width: 47%;
    min-height: 160px !important;
    border: 1px solid #ADADAD;
}
.innerStaff {
    float: right;
    font-size: 0.9em;
    width: 62% !important;
    line-height: 1.5em;
    margin: 10px 0 0 0;
    /*border: 1px solid #336;*/
}
.innerStaff > strong {
    display: none !important;
}
.content .StaffProfileLink img {
    width: 30% !important;
    float:left;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;

}
.innerStaff .titlelink {
    font-size: 1.1em;
}
/* ------------------Staff page style END------------------*/

@media only screen and (max-width: 650px) {
.inlineImg, .imageTextLink img, .column img, blockquote img, .highlight1 img, .highlight2 img, .LandingBox img{
	display:block ;
}
}
/* ------------------Landing Page Main style------------------*/
.content section img {
    margin:0px;
}

h2.block {margin:0 ;}
h1.overlay {
    background: none repeat scroll 0 0 #7270a2;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 22px;
    position: absolute;
    text-transform: uppercase;
}
h1.overlay a, h1.overlay a:hover {
    background: none repeat scroll 0 0 #7270a2;
    border: medium none !important;
    color: #FFFFFF !important;
    display: block;
    font-size: 18px;
    font-weight: normal;
    left: 0;
    padding: 12px 20px 8px;
    position: absolute;
    text-transform: uppercase;
    top: -5px;
}
.up {margin-top:0px;}
.sbcaption {
    clear: both;
    float: left;
    padding: 10px 0 0;
}
.extraNav div {margin-top:20px;}

/* ------------------Landing Page Boxes style------------------*/
.LandingBox {
    background: none repeat scroll 0 0 #E7EAF1 !important;
    margin-bottom:20px;
    padding-bottom: 0;
    position: relative;
}
/* ------------------Flexslider style------------------*/
.newsSection {
    float: left;
    margin-right: 2%;
    position: relative;
    width: 66%;
}
div.newsSection img {
    width: 120%;
}
#slideshow {
    float: left;
    max-width: 1245px;
    width: 100%;
}
.flexslider {
    background: none repeat scroll 0 0 #FFFFFF;
    margin:0 !important;
    padding: 0 0 20px 0 !important;
    position: relative;
}
/* ------------------Flexslider style Ends------------------*/
input {
    margin-top: 5px;
}

.newsList {
    width: 58%;
}
.wide .newsList img,
.wide .newsList p {
    display: none;
}
.eventsList .archiveImage {
    width:150px;
}
.wide .eventsList .archiveImage,
.wide .eventsList p {
    display: none;
}
@media only screen and (max-width: 768px) {
.introMPA {width:100%}
} 


/* NEW MPA */
/* ------------------MPA Landing Page------------------*/
.introMPASection {
	overflow: hidden;
	margin-bottom: 1em;
	width: 100%;
}
.introMPA {
	float:left;
	margin-right: 2%;
	width: 66%;	
}
.mpaLandingBoxes {
	width: 100%;
	overflow: hidden;
}
.mpaLandingBoxes .LandingBox2{
	width: 48%;	
	float: left;
	margin-right: 2%;
}
.introMPASection .LandingBox{
    background: #FFF !important; /* !important */
}
.introMPASection .LandingBox .overlay {
    margin: 0;
    position: relative;
}
.introMPASection .LandingBox .keyInfo{
	background: #E7EAF1;
	padding-bottom: 10px;
}
.introMPASection .LandingBox .keyInfo h1{
	background: #7270A2;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 12px;
    text-transform: uppercase;
	margin:0;	
}
.introMPASection .button{
	background-color: #726FA4;	
	padding: 10px 45px 10px 15px;
}
.introMPASection .button a{
	color: #FFF;
	border: none;
}
.introMPASection .button a:hover{
	border: none;
}
.LandingBox2.last {
	margin-right: 0;
}
.LandingBox2 {
    background: #E7EAF1;
    margin-bottom: 20px;
    padding-bottom: 0;
}
.LandingBox2 h1{
	background: #7270A2;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 12px;
    text-transform: uppercase;
	margin:0;	
}
.LandingBox2 h1 a[href]{
	color: #FFFFFF;
	border: none;
}
.LandingBox2 h1 a[href]:hover{
	border: none;
}
.LandingBox2 p {
    padding: 0 10px;
}
.LandingBox .brochure {
	padding: 0 25px;	
}
.LandingBox .brochure img {
	border: 10px solid #FFF;
	margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
     .introMPA {width:100%}
	 .mpaLandingBoxes .LandingBox2 {
		margin-right: 2%; 
	 }
} 
@media screen and (max-width: 480px) {
	.mpaLandingBoxes .LandingBox2 {
		width: 100%;
		margin-right: 0;
	}
	
}


/* Research centre members tab */
.content .member img{
            float: left;
            margin: 0 20px 20px 0;
        }
        @media screen and (min-width: 300px) {
            .content .member img{
                float: none;
                margin: 0;
                clear: both;
            } 
        }
        @media screen and (min-width: 500px) {
            .content .member img{
                float: left;
            	margin: 0 20px 20px 0;
            } 
        }