/* BASIC ELEMENTS */

html
{
	margin: 0;
	padding: 0;
    background-color: #ddd;
}

body
{
    margin: 0 auto;
    max-width: 2560px;
    font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

header, section, footer, aside, nav, article, figure
{
    display: block;
}

/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/
/* Border-box-sizing */
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Clearfix */
.block-group {
  *zoom: 1;
}
.block-group:before, .block-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.block-group:after {
  clear: both;
}

.block-group {
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Nested grid */
.block-group > .block-group {
  clear: none;
  float: left;
  margin: 0 !important;
}

/* Default block */
.block {
  float: left;
  width: 100%;
}

/* End PocketGrid */

/* Icon font */

@font-face {
	font-family: 'icomoon';
	src:url('/styles/fonts/icomoon.eot?zc1xmc');
	src:url('/styles/fonts/icomoon.eot?#iefixzc1xmc') format('embedded-opentype'),
		url('/styles/fonts/icomoon.woff?zc1xmc') format('woff'),
		url('/styles/fonts/icomoon.ttf?zc1xmc') format('truetype'),
		url('/styles/fonts/icomoon.svg?zc1xmc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
	content: "\e600";
}
.icon-quotes-left:before {
	content: "\e601";
}
.icon-bubbles:before {
	content: "\e602";
}
.icon-bubbles2:before {
	content: "\e603";
}
.icon-user:before {
	content: "\e604";
}
.icon-phone:before {
	content: "\e605";
}
.icon-home:before {
	content: "\e606";
}
.icon-connection:before {
	content: "\e607";
}
.icon-film:before {
	content: "\e608";
}
.icon-envelope:before {
	content: "\e609";
}
.icon-cancel-circle:before {
	content: "\e60a";
}
.icon-close:before {
	content: "\e60b";
}
.icon-feed:before {
	content: "\e60c";
}
.icon-file-pdf:before {
	content: "\e60d";
}
.icon-menu:before {
	content: "\e60e";
}
.icon-wordpress:before {
	content: "\e60f";
}
.icon-twitter:before {
	content: "\e610";
}
.icon-facebook:before {
	content: "\e611";
}

/* End Icon font */


/* RESPONSIVE DESIGN ELEMENTS */

/* Responsive image */
img 
{
	max-width: 100%;
	height: auto;
}

@media \0screen 
{
  img { 
  	width: auto; /* for ie 8 */
  }
}

/* Word break */
.break-word 
{
	word-wrap: break-word;
}

/* Responsive video */
.video 
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe,
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* End Responsive design elements */


/* SITE-SPECIFIC CSS */

/* Common to all devices */

h1#pageWrapper
{
    line-height: 1.1em;
    color: #6B2C91;
    font-weight: 300;
    margin: 0 4% 20px 4%;
}

h2
{
    font-size: 2.125em;
    font-weight: lighter;
    color: #1d1d1d;
    line-height: 1.2em;
}

h3
{
    font-size: 1.625em;
    color: #666;
    line-height: 1.3em;
}

h4
{
    font-size: 1.375em;
    color: #999;
    font-weight: bold;
    line-height: 1.3em;
}

.subIntro
{
    font-size: 1.375em;
    font-weight: 300;
    line-height: 1.5em;
    color: #343536;
    margin-bottom: 1.5em;
}

blockquote
{
    font-size: 1.25em;
    font-weight: lighter;
}

p
{
    color: #343536;
    line-height: 1.5em;
}

ul li
{
    color: #343536;
}

a:link
{
    color: #6b2c91;
}
a:visited
{
    color: #af1600;
}
a:hover, a:active
{
    color: #343536;
}

.alignleft, .img_left
{
    float: left;
    margin: 10px 10px 10px 0;
}

.alignright, .img_right
{
    float: right;
    margin: 10px 0 10px 10px;
}

.imgCaption
{
    background-color: rgba(255,255,255,0.7);
    position: relative;
    z-index: 200;
}

.imgCaption p
{
    padding: 15px 10px;
    font-size: 1.2em;
}    

ul
{
    list-style-type: square;
}

ul li
{
    padding-left: 20px;
    line-height: 1.5em;
}

.container
{
    background-color: #fff;
}

.clear
{
    clear: both;
}

header
{
    padding-top: 25px;
}

#siteName
{
    padding: 0;
    margin: 0 0 6px 0;
}

#siteName h1 a
{
	font-weight: lighter;
	text-decoration: none;
	color: #6b2c91;
}

#homeContent
{
    background-color: #fff;
}

#content p
{
    color: #343536;
    line-height: 1.5em;
    margin: 0 0 1.5em 0;
}

footer
{
    background-color: #1d1d1d;
    font-size: 1.2em;
}

footer h2
{
    color: #fff;
    font-size: 1.1em;
    font-weight: 300;
}

footer p
{
    color: #aaa;
    font-size: 1em;
    font-weight: 400;
}

.footerContent
{
    padding: 0 4%;
}

.outlineBox
{
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    padding: 2px 6px;
    background-color: #fff;
}

.dashedBox
{
    margin: 2px 0 10px 0;
    border: 1px dashed #333;
    padding: 2px 6px;
}

.dashedBox h2:first-child
{
    margin-top: 0;
}

.highlightBox
{
	margin: 2px 0 10px 0;
    padding: 2px 6px;
    background-color: #e4e6e7;
}

.notopmargin
{
    margin-top: 0;
}

.last
{
    margin-right: 0 !important;
}

.dottyLine
{
    border-top: 1px dotted #aaa;
}

.citation
{
    font-size: 0.9em;
}

ul.csv li
{
    margin-left: 30px;
}

.titleBlock
{
    font-size: 1.4em;
    line-height: 1.5em;
}

.headLine
{
    font-size: 3em;
    line-height: 1.3em;
}

.reverse
{
  -moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
  direction:rtl;
}


/* Dropdown boxes */

/* Old expandable box for O/H section */

.expandableAnchor
{
    cursor:pointer;
    color: #663399;
}

/* END Old expandable box for O/H section */

.accordion
{
    margin-bottom: 10px;
}

.acc_trigger {
    padding: 0;
    margin: 0;
}

.acc_trigger a {
    text-decoration: none;
    padding: 3px 6px;
    background-color: #eee;
}

.acc_trigger a::before
{
    content: "+/- ";
}

.active {
    background-position: left bottom;
}

p.acc_trigger
{
    margin-bottom: 0 !important;
}
.acc_container {
    margin: 0 0 5px;
    padding: 0;
    overflow: hidden;
    /*clear: both;*/
    background: #f5f5f5;
}
.acc_container .block {
    padding: 20px;
    background: #eee;
}

/* END Dropdown box */

/* Wordpress controls */

a[rel~="nofollow"]
{
    display: none;
}

a[rel~="nofollow"] + img
{
    display: none;
}

h2.noshow
{
    display: none;
}

/* Wordpress classes */

.wordpressList
{
    margin-left: -30px;
}

ul.wordpressList li
{
    list-style-type: none;
    margin-bottom: 1.25em;
}

ul.wordpressList p
{
    line-height: 1.4em;
}

ul.wordpressList p img
{
    display: none;
}

/* END Wordpress controls */

/* Slider controls */

.slider
{
    position: relative;
}

.slider ul li
{
    margin: 0;
    padding: 0;
}

.splashImage
{
    padding: 0 !important;
}

.splashImage img
{
    position: relative;
    z-index: 0;
}

/* END Slider controls */

/* Search results styles */
fieldset { border: none; }
.searchresults { font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
.searchresults-statistics { background-color: #f5f5f5; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: inherit; font-size: 0.9em; margin: 0 0 10px 0; padding: 0.8em 1em 0.8em 1em; width: auto; }
.searchresults a { text-decoration: underline; }
.searchresults-data dl { margin-bottom: 2em; }
.searchresults-data dl dt { margin: 2em 0 0 0; padding: 0; font-weight: normal; }
.searchresults-data dl dd { font-size: 0.9em; margin: 0.25em 0 0 0; padding: 0; }
.searchresults-data .url { color: #747474; padding: 0; margin-top: 0em; }
.searchresults-data .size,
.searchresults-data .moreresults { color: #000000; padding: 0; }
.searchresults-navigation { margin: 1em 0 2.5em 0; padding: 0; width: auto; }
.searchresults-navigation ul { margin: 0; padding: 0; list-style-type: none; }
.searchresults-navigation ul li { display: inline; float: left; margin: 0; padding: 7px; font-size: 0.9em; width: auto; }
.spelling { color: #cc0033; }
.synonyms { color: #cc0033; }
.copyright{ font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
/* END Search results */

/* Seminars */

#ctl00_pageContent_ActiveProgrammes_programmeTitle.title
{
    display: none;
}
   
/* END Seminars */

/* Image boxes for HRPs ( */

.boximage
{
	background-color: #ffffff;
	color: #000000;
	display: block;
	font-size: 0.85em;
	margin: 0.8em 1.4em 0.5em 0;
	padding: 0;
	width: 152px;
	float: left;
	text-align: left;
}
.boximage img
{
	border: 1px solid #666666;
}
.boximage-strapline
{
	font-size: 1em;
	margin: 0;
	padding: 0.5em 0.6em 0.8em 0.8em;
}
.boximage-strapline-hidden .boximage-strapline
{
	display: none;
}
.boximage-width-100px
{
	width: 102px;
}
.boximage-width-125px
{
	width: 127px;
}
.boximage-width-150px
{
	width: 152px;
}
.boximage-width-175px
{
	width: 177px;
}
.boximage-width-200px
{
	width: 202px;
}
.boximage-width-225px
{
	width: 227px;
}
.boximage-width-250px
{
	width: 252px;
}
.boximage-width-275px
{
	width: 277px;
}
.boximage-width-300px
{
	width: 302px;
}
.boximage-width-350px
{
	width: 352px;
}
.boximage-width-400px
{
	width: 402px;
}

/* Class to position boxes within content container */

.box-float-left
{
	float: left;
	margin-right: 1.4em;
	margin-bottom: 0.5em;
}
.box-float-right
{
	float: right;
	margin-left: 1.4em;
	margin-right: 0.3em;
	margin-bottom: 0.5em;
}

/* END Image boxes for HRPs */

/* Square boxes */

.squareLink
{
    height: 0;
    padding-bottom: 20%; /* relative to the elementīs width */
    display: block;
    float: left;
    margin-right: 0.5%;
    font-size: 1.25em;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.squareLink p, .squareLink h2, .squareLink h3
{
    padding: 0px 3px 0 3px;
    text-align: center;
    color: #fff !important;
}

a.squareLink
{
    text-decoration: none;
}

a:link.squareLink p, a:visited.squareLink p 
{
    color: #fff;
}

a:hover.squareLink.colour1, a:active.squareLink.colour1 
{
    background: #00a550;
}

a:hover.squareLink.colour2, a:active.squareLink.colour2 
{
    background: #03abbe;
}

a:hover.squareLink.colour3, a:active.squareLink.colour3 
{
    background: #a37618;
}

a:hover.squareLink.colour4, a:active.squareLink.colour4 
{
    background: #4a9595;
}

a:hover.squareLink.colour5, a:active.squareLink.colour5 
{
    background: #895965;
}

a:hover.squareLink.colour6, a:active.squareLink.colour6 
{
    background: #9e0a1d;
}

a:hover.squareLink.colour7, a:active.squareLink.colour7 
{
    background: #336633;
}

.hide 
{
    display: none;
}

.divswapContainer
{
    min-height: 30em;
}

/* END Square boxes */

/* Square link boxes with pointer */

.squarePointer
{
    position: relative;
    height: 0;
    padding-bottom: 20%; /* relative to the elementīs width */
    display: block;
    float: left;
    margin-right: 0.5%;
    font-size: 1.25em;
    cursor: pointer;
}

.squarePointer p, .squarePointer h2, .squarePointer h3
{
    padding: 0 3px;
    text-align: center;
    color: #fff !important;
}

a:link.squarePointer p, a:visited.squarePointer p 
{
    color: #fff;
}

a:hover.squarePointer:after, .activesquarePointer:after
{   
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #a37618;
    content: "";
    left: 46.5%;
    margin-left: -8px;
    position: absolute;
    top: 100%;
}

a:hover.squarePointer.colour1, a:active.squarePointer.colour1 
{
    background: #a37618;
}

a:hover.squarePointer.colour2, a:active.squarePointer.colour2 
{
    background: #a37618;
}

a:hover.squarePointer.colour3, a:active.squarePointer.colour3 
{
    background: #4a9595;
}

a:hover.squarePointer.colour4, a:active.squarePointer.colour4 
{
    background: #03abbe;
}

a:hover.squarePointer.colour5, a:active.squarePointer.colour5 
{
    background: #895965;
}

a:hover.squarePointer.colour6, a:active.squarePointer.colour6 
{
    background: #9e0a1d;
}

a:hover.squarePointer.colour7, a:active.squarePointer.colour7 
{
    background: #006600;
}

a:hover.squarePointer.colour1:after
{
    border-top: 10px solid #a37618;
}

a:hover.squarePointer.colour3:after
{
    border-top: 10px solid #4a9595;
}  

a:hover.squarePointer.colour4:after
{
    border-top: 10px solid #03abbe;
}  

a:hover.squarePointer.colour5:after
{
    border-top: 10px solid #895865;
}

a:hover.squarePointer.colour6:after
{
    border-top: 10px solid #9e0a1d;
}

a:hover.squarePointer.colour7:after
{
    border-top: 10px solid #006600;
}

a.colour1.activesquarePointer
{
    background-color: #62460f;
}

a.colour3.activesquarePointer
{
    background-color: #336666;
}

a.colour4.activesquarePointer
{
    background-color: #0395a3;
}

a.colour5.activesquarePointer
{
    background-color: #67434c;
}

a.colour6.activesquarePointer
{
    background-color: #7b0716;
}

a.colour7.activesquarePointer
{
    background-color: #006600;
}

a.colour1.activesquarePointer:after
{
    border-top: 10px solid #62460f;
}

a.colour3.activesquarePointer:after
{
    border-top: 10px solid #336666;
}

a.colour4.activesquarePointer:after
{
    border-top: 10px solid #0395a3;
}

a.colour5.activesquarePointer:after
{
    border-top: 10px solid #67434c;
}

a.colour6.activesquarePointer:after
{
    border-top: 10px solid #7b0716;
}

a.colour7.activesquarePointer:after
{
    border-top: 10px solid #006600;
}

a:hover.squarePointer p, a:active.squarePointer, a:active.squarePointer p 
{
    text-decoration: none;
}

div[class*="tab-"], .default-text 	
{
    margin-top: 20px;
}

/* END Square pointer link boxes */

/* Rollovers */

.rolloverEffect
{
    background-color: #000;
}

.rolloverEffect img
{ 
    opacity: 1; 
    margin-bottom: -5px;
} 

.rolloverEffect img:hover 
{ 
    opacity: 0.3;
}

.rollover p 
{
    color: #000;
    font-size: 2em;
    font-weight: lighter;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0;
    letter-spacing: 3px;
    position: relative;
    top: 50px;
}

/* END Rollovers */

/* COLOURS */

.colour1 /* Pale grey */
{
    background-color: #e4e6e7;
}

.colour2 /* Grey */
{
    background-color: #c9c9c9;
}

.colour3 /* Mid grey */
{
    background-color: #a0a0a0;
}

.colour4 /* Dark grey */
{
    background-color: #535353;
}

.colour5 /* Darkest grey */
{
    background-color: #414141;
}

.colour6 /* Almost black */
{
    background-color: #2d2d2d;
}

.colour7 /* Black */
{
    background-color: #000;
}

.colour3 p, .colour4 p
{
    color: #fff;
}

.colour3 h2, .colour3 h3, .colour4 h2, .colour4 h3
{
    color: #fff;
}

.colour3 a, .colour4 a
{
    color: #ddd;
}

/* END Colours */

/* Footer */

.footerConnect
{
    width: 40%;
    text-align: right;
    font-size: 0.85em;
}

.footerConnect span
{
    padding: 0px 6px;
    font-size: 1.4em;
}

.footerConnect a:hover, footerConnect a:active
{
    text-decoration: none;
}

.footerContact
{
    width: 60%;
}

footer a:link, footer a:visited
{
    text-decoration: none;
    color: #aaa;
}
footer a:hover, footer a:active
{
    text-decoration: underline;
    color: #aaa;
}

.disclaimer
{
    font-size: 0.85em;
    padding: 0;
    background-color: #1d1d1d;
}

.disclaimer p
{
    color: #aaa;
    padding: 0 0.8em;
}

.disclaimer span:after
{
    content: "/";
    padding: 0 5px;
}

.divider
{
    border-top: 1px solid #aaa;
    padding: 0 -15px;
    width: 100%;
}

/* END Footer */

/* Device-specific CSS - 320px upwards  */

/* Menu switching */

#menuIcon 
{
    width: 26px;
    font-size: 1.17em;
    margin: 0;
    padding: 0 2px 0 2px;
    color: #383b3c;
    position: absolute;
    top: 3px;
    left: 6px;
}

#menuIcon a 
{
    text-decoration: none;
    color: #666;
}

#mobiMenu 
{
    background-color: #f0f0f0;
}

nav#mobiMenu .block 
{
    width: inherit;
}

#mobiMenu .secondlevel 
{
    background-color: #e5e5e5;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after 
{
    border-color: #aaa;
}

li#mobiSearch
{
    background-color: #e0e0e0;
}

li#mobiSearch:after 
{
    border-bottom: none !important;
}

/* END Menu switching */

/* Set all blocks to 100% for small devices */

.five-pc, .ten-pc, .twenty-pc, .twentyfive-pc, .thirty-pc, .thirtyfive-pc, .thirtythree-pc, .fortyninehalf-pc, .forty-pc, .fifty-pc, .sixty-pc, .sixtyfive-pc, .seventy-pc, .seventyfive-pc, .eighty-pc, .ninety-pc
{
    width: 100%;
}

/* END Set all blocks to 100% for small devices */

#topSearch, #topSearchDropdown
{
    display: none;
}

#siteName 
{
    width: 90%;
    font-size: 0.9em;
    margin-left: 4%;
}

#siteName h1, #siteName h1 a 
{
    margin: 0;
}

.container 
{
    font-size: 0.9em;
}

header 
{
    width: 100%;
    z-index: 10000;
    background-color: #fff;
    min-height: 110px;
    border-bottom: 1px solid #1d1d1d;
}

#homeContent
{
    margin-top: 159px;
    background: url(/images/panelbkg.png) repeat top left;
}

#homeContent .block
{
    margin-bottom: 0.5%;
}

h1#pageWrapper
{
    font-size: 1.85em;
}

h2 
{
    font-weight: lighter;
    font-size: 1.4em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

#logo 
{
    float: left;
    margin: 35px 4% 5px 4%;
    width: 169px;
    padding: 0;
}

#logo img
{
    width: 169px;
    height: 71px;
}

/*img
{ 
    width: 50%;  
    height: 50%;
}*/

img.topBorderImg
{
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
}

/* Slider controls */
    
.themeSlider /* Content page galleries (Theme/Courses/Beacons) */
{
    position: relative;
    margin: 0 0 10px 0;
    border: 1px solid #000;
    background-color: #fff;
}

.themeSlider ul, .themeSlider ul li, .themeSlider img
{
    padding: 0;
    margin: 0;
}

.promoText
{
    padding: 8px;
}

.promoText p, .promoText h2, .promoText h3
{
    color: #fff !important;
}

.promoText h2
{
    margin-bottom: 5px;
}

.centered-btns_nav 
{
    top: 55% !important;
}

ul#featureSlider
{
    padding-left: 0;
}

/* END Slider controls */
           
/* Homepage on small devices */

.splash .block
{
    margin: 0 0.5% 0 0;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Gallery & headlines */

.slider
{
    position: relative;
}

.centered-btns_nav /* Slider arrow vertical position */
{
    top: 45% !important;
}

#featureSlider .caption
{
    font-size: 0.8em;
    padding: 0px;
}

.newsItem
{
    font-size: 0.9em;
    background-color: rgba(0,0,0,0.75);
    position: relative;
    top: 4px;
    z-index: -10;
}

.newsItem h2 
{
    color: #fff;
    padding: 10px 4% 4px 4%;
}

.newsContent
{
    display: none;
}

/* END Gallery & headlines */

#homeContent
{
    background-color: #fff;
    background-image: none;
}

.mainContentPanel a
{
    text-decoration: none;
}

.mainContentPanel p, .mainContentPanel h2, .mainContentPanel h3, .sidePanel p, .sidePanel h2, .sidePanel h3
{
    margin-left: 4%;
    margin-right: 4%;
}

.squareLink
{
    padding-bottom: 15%;
}

.squareLink p
{
    margin-top: 10px;
}

#moreResearch
{
    display: none;
}

.mainContentPanel img
{
    height: 100%;
    width: 100%;
}

#twitterFeed
{
    text-align: center;
}

/* END Homepage on small devices */

/* Content pages on small devices */

h1#pageWrapper
{
    margin-top: 159px;
    padding-top: 20px;
}

#contentWrapper
{
    margin: 0 4% 0 4%;
}

.divswapContainer ul
{
    padding-left: 5%;
}

/* Controls the size of squarePointer buttons depending on how many there are */

.threeButtons .squarePointer
{
    width: 32.8%;
    font-size: 1em;
    padding-top: 10px;
}

.fiveButtons .squarePointer, .sixButtons .squarePointer
{
    width: 32.8%;
    font-size: 0.85em;
    margin-bottom: 25px;
    padding-top: 15px;
}

.fourButtons .squarePointer, .eightButtons .squarePointer
{
    width: 49.5%;
    font-size: 0.85em;
    margin-bottom: 18px;
    padding-top: 15px;
    padding-bottom: 12%;
}

/* END Controls the size of squarePointer buttons depending on how many there are */

.highlightPubs
{
    background-color: #bedede;
    padding: 8px;
}
.highlightPubs h3
{
    color: #000 !important;
}

.themeSlider
{
    display: none;
}

/* Person profiles */

#personProfile h1
{
    font-weight: lighter;
    margin-top: 0;
}

#personProfile img
{
    width: 80px;
}

/* END Person profiles */

/* END Content pages on small devices */


@media (min-width: 360px) /* 360px */
{
    /* Controls the size of squarePointer buttons depending on how many there are */
    
    .squarePointer
    {
        padding: 15px 0 12% 0;
    }

    .fiveButtons .squarePointer, .sixButtons .squarePointer
    {
        font-size: 0.95em;
        margin-bottom: 15px;
        padding-top: 15px;
        padding-bottom: 18%;
    }

    .fourButtons .squarePointer, .eightButtons .squarePointer 
    {
        font-size: 1em;
    }

    /* Controls the size of squarePointer buttons depending on how many there are */
}

@media (min-width: 480px) /* 480px */
{
    .footerFindus
    {
        clear: both;
    }

    /* Homepage adjustments */

    #homeContent
    {
        margin-top: 159px;
    }

    #featureSlider img
    {
        height: auto;
    }

    .squareLink
    {
        padding-bottom: 12%;
    }

    .squareLink p
    {
        margin-top: 14px;
    }

    .centered-btns_nav /* Slider arrow vertical position */
    {
        top: 50% !important;
    }

    /* END Homepage adjustments */

    /* Content page adjustments */

    /* Controls the size of squarePointer buttons depending on how many there are */
    
    .threeButtons .squarePointer
    {
        font-size: 1.2em;
        padding: 12px 0 10% 0;
    }

    .fiveButtons .squarePointer, .sixButtons .squarePointer
    {
        padding-bottom: 13%;
    }

    .fourButtons .squarePointer, .eightButtons .squarePointer 
    {
        padding-bottom: 9%;
    }

    /* END Controls the size of squarePointer buttons depending on how many there are */

    .stafflist /* Theme pages */
    {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }

    /* Person profiles */

    #personProfile img
    {
        width: 100px;
    }

    /* END Content page adjustments */

}

@media (min-width: 600px) /* 600px */
{
    #siteName
    {
        width: 50%;
        margin-top: 43px;
    }

    .footerConnect
    {
        font-size: 1em;
    }

    /* Homepage adjustments */

    #homeContent
    {
        margin-top: 114px;
    }

    #featureSlider .caption
    {
        font-size: 0.95em;
    }

    #moreResearch /* Research rollovers */
    {
        display: block;
    }

    .researchLinks .squareLink
    {
        width: 33%;
        font-size: 1.1em;
        padding-bottom: 9%;
    }

    .researchLinks .squareLink p
    {
        margin-top: 13px;
    }

    .studyLinks .squareLink
    {
        padding-bottom: 9%;
    }

    .studyLinks .squareLink p
    {
        margin-top: 13px;
    }

    /* END Homepage adjustments */

    /* Content page adjustments */

    h1#pageWrapper
    {
        margin-top: 117px;
    }
    
    /* Controls the size of squarePointer buttons depending on how many there are */

    .threeButtons .squarePointer
    {
        padding: 13px 0 8% 0; 
    }

    .fourButtons .squarePointer
    {
        padding-bottom: 7%;
    }

    .fiveButtons .squarePointer, .sixButtons .squarePointer
    {
        padding-bottom: 7.5%;
        font-size: 1em;
    }

    .eightButtons .squarePointer 
    {
        width: 32.8%;
        padding-bottom: 8%;
    }

    /* END Controls the size of squarePointer buttons depending on how many there are */
}

@media (min-width: 640px) /* 640px */
{
    
    #homeContent /* Homepage adjustment */
    {
        margin-top: 117px;
        font-size: 1em;
    }

    .squareLink
    {
        padding-bottom: 10%;
    }

    .squareLink p
    {
        padding-top: 3px;
    }

    .fourButtons .squarePointer
    {
        width: 24.5%;
        padding-bottom: 11%;
    }
}

@media (min-width: 700px) /* 700px */
{
    /* Initiate small search box */

    #topSearchDropdown
    {
        display: block;
        position: relative;
        z-index: 12000;
    }

    #topSearchDropdown .accordion
    {
        width: 70%;
        float: right;
        padding-top: 6px;
    }
    
    #topSearchDropdown .acc_trigger
    {
        position: absolute;
        right: 0;
    }

    #topSearchDropdown .acc_trigger a
    {
        padding: 12px 8px 6px 8px;
    }

    #topSearchDropdown .acc_trigger a:visited
    {
        color: #000;
    }

    #topSearchDropdown .acc_trigger a::before 
    {
        content: none;
    }

    #topSearchDropdown .acc_trigger a, #topSearchDropdown .acc_container
    {
        background-color: #f5f5f5;
    }

    #topSearchDropdown .acc_container
    {
        position: absolute;
        top: 31px;
        right: 0;
        padding: 0;
    }

    #topSearchDropdown .acc_container .block
    {
        padding: 10px 5px;
    }

    #topSearch
    {
        display: none;
    }

    /* END Initiate small search box */
    
    /* Menu adjustments */

    #menu li
    {
        margin-right: 15px;
        padding: 0 4px 3px 4px;
        font-weight: lighter;
        font-size: 1.2em;
    }

    #menu li:hover 
    {
	    padding: 0 4px 3px 4px;
    }

    #menu li .drop
    {
	    padding-right:18px;
        margin-right: 0px;
    }

    #menu li ul li
    {
        font-size: 0.79em;
    }

    /* Submenus */
        
        .submenuLists
        {
            font-size: 1.05em;
        }

        .break
        {
            clear: both;
        }

        /* Study */

        .undergraduatesubmenu
        {
            width: 535px !important;
            left: -10px !important;
        }

        .masterssubmenu
        {
            width: 477px !important;
            left: -10px !important;
        }

        .phdsubmenu
        {
            width: 492px !important;
            right: -10px !important;
        }

        .dlsubmenu
        {
            width: 200px !important;
            right: -11px !important;
        }

        /* END Study */

        /* Research */

        .themessubmenu
        {
            width: 295px !important;
            left: -10px !important;
        }

        .impactsubmenu
        {
            width: 350px !important;
            left: -10px !important;
        }

        .moreresearchsubmenu
        {
            width: 540px !important;
            left: -10px !important;
        }

        /* END Research */

        /* Business */

        .UGplacementsubmenu
        {
            width: 207px !important;
            right: -10px !important;
        }

        /* News */

        .broadcastsubmenu
        {
            width: 190px !important;
            left: -10px !important;
        }

        /* Community resources */

        .schoolssubmenu
        {
            width: 187px !important;
            left: -10px !important;
        }

        /* About us */
    
        .staffsearchsubmenu
        {
            width: 146px !important;
            left: -10px !important;
        }

        .eanddsubmenu
        {
            width: 309px !important;
            right: -11px !important;
        }

        .moreaboutussubmenu
        {
            width: 193px !important;
            right: -23px !important;
        }

        /* END Submenus */

    /* END Menu adjustments */

    /* Footer adjustments */

    .footerContent
    {
        padding-top: 25px;
    }

    .footerContact
    {
        width: 35%;
    }

    .footerFindus
    {
        clear: none;
        width: 35%;
        position: relative;
        left: -15%;
    }

    .footerConnect
    {
        width: 20%;
        position: relative;
        left: 45%;
    }

    .footerConnect img
    {
        width: auto;
        height: auto;
    }

    /* END Footer adjustments */
    
    header
    {
        border-bottom: none;
        margin: 0 4% 20px 4% !important;
        width: 92%;
    }

    #logo 
    {
        margin: 25px 4% 15px 0;
    }

    #siteName
    {
        width: 50%;
        margin: 18px 0 0 0;
    }
        
    img
    {
        height: auto;
        width: auto;
    }

    .thirtyfive-pc
    {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
    }
     
    /* Common column widths */
    
    .five-pc, .ten-pc, .twenty-pc, .twentyfive-pc, .thirty-pc, .thirtyfive-pc, .thirtythree-pc, .forty-pc, .fortyninehalf-pc, .fifty-pc, .sixty-pc, .sixtyfive-pc, .seventy-pc, .seventyfive-pc, .eighty-pc, .ninety-pc
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .five-pc 
    {
        width: 5%;
    }

    .ten-pc
    {
        width: 10%;
    }

    .twenty-pc
    {
        width: 20%;
    }

    .twentyfive-pc
    {
        width: 25%;
    }

    .thirty-pc
    {
        width: 30%;
    }

    .thirtyfive-pc
    {
        width: 35%;
    }

    .thirtythree-pc
    {
        width: 33%;
    }

    .forty-pc
    {
        width: 40%;
    }

    .fortyninehalf-pc
    {
        width: 49.5%;
    }

    .fifty-pc
    {
        width: 50%;
    }

    .sixty-pc
    {
        width: 60%;
    }

    .sixtyfive-pc
    {
        width: 65%;
    }

    .seventy-pc
    {
        width: 70%;
    }

    .seventyfive-pc
    {
        width: 75%;
    }

    .eighty-pc
    {
        width: 80%;
    }

    .ninety-pc
    {
        width: 90%;
    }

    /* END Common column widths */

    /* Homepage adjustments */

    #homeContent
    {
        background: url(/images/panelbkg.png) repeat top left;
        margin: 0 4%;
    }

    .mainContentPanel p, .mainContentPanel h2, .mainContentPanel h3, .sidePanel p, .sidePanel h2, .sidePanel h3
    {
        margin-left: 0;
        margin-right: 0;
    }

    .mainContentPanel
    {
        position: relative;
        margin: 10px 1.2% 10px 1.25%;
        z-index: 100;
        background-color: #fff;
        padding-bottom: 20px;
    }

    .mainContentPanel p, .mainContentPanel h2, .mainContentPanel h3, .mainContentPanel ul li
    {
        padding: 0 10px;
    }

    .mainContentPanel img
    {
        padding: 0;
        margin: 10px 0 0 0;
    }

    .sidePanel
    {
        position: relative;
        width: 36.28%;
        z-index: 100;
        margin-top: -110px;
        background-color: #fff;
        padding: 0 10px 20px 10px;
    }

    .newsItem
    {
        position: absolute;
        width: 59.7%;
        left: 1.5%;
        z-index: 100;
        top: 70%;
        background-color: rgba(0,0,0,0); /* Remove background colour */
    }

    .newsItem span, .newsContent
    {
        background-color: rgba(0,0,0,0.8) /*#2d2d2d*/;
        padding: 10px;
        color: #fff;
        line-height: 2.55em;
    }

    .newsContent p
    {
        color: #fff;
        font-size: 1.2em;
        font-weight: lighter;
    }

    .newsContent img
    {
        height: auto;
        width: auto;
    }
        
    .newsItem h2
    {
        padding: 0;
        font-weight: 900;
    }

    .newsItem a
    {
        color: #ccc;
    }

    #centres .squareLink
    {
        padding-bottom: 12%;
    }

    .studyLinks .squareLink
    {
        padding-bottom: 20%;
    }

    .studyLinks .squareLink p
    {
        margin-top: 10px;
        font-size: 0.85em;
    }

    .researchLinks .squareLink
    {
        padding-bottom: 17%;
    }

    .researchLinks .squareLink p
    {
        padding-top: 0px;
        font-size: 0.85em;
    }
    
    #latestSlider
    {
        min-height: 200px;
    }

    #eventsSlider
    {
        min-height: 220px;
    }

    /* Content page adjustments */

    h1#pageWrapper
    {
        margin-top: 30px;
    }

    #contentWrapper
    {
        background: url(/images/panelbkg.png) repeat top left;
        padding: 10px;
    }

    #content .sixtyfive-pc
    {
        background-color: #fff;
        padding: 1.5%;
        min-height: 48em;
    }

    #content .sixtyfive-pc h2:first-of-type
    {
        margin-top: 10px;
    }

    #content .thirtyfive-pc
    {
        padding-left: 1.5%;
    }

    .twenty-pc.dashedBox
    {
        width: 23.5%;
        margin-right: 2%;
    }

    /* Rotator */

    .themeSlider /* Theme pages */
    {
        display: block;
    }

    .themeSlider .centered-btns_nav /* Slider arrow vertical position */
    {
        top: 58% !important;
    }

    /* END Rotator */

    /* Controls the size of squarePointer buttons */

    .threeButtons .squarePointer
    {
        padding: 15px 0 10%;
    }

    .fiveButtons .squarePointer, .sixButtons .squarePointer
    {
        padding-bottom: 13.5%;
    }

    .fourButtons .squarePointer, .eightButtons .squarePointer 
    {
        width: 49.5%;
        padding-bottom: 9%;
    }

    /* END Controls the size of squarePointer buttons */

    .sixtyfive-pc.tableView /* Controls display of r-h column when min-width tables are displayed */
    {
        width: 100%;
    }

    .thirtyfive-pc.tableView
    {
        width: 100%;
        padding-left: 0 !important;
    }

    .divswapContainer ul
    {
        padding-left: 7%;
    }

    /* END Content page adjustments */
}

@media (min-width: 900px) /* 900px */
{
    h2
    {
        font-size: 1.85em;
        font-weight: lighter;
        color: #1d1d1d;
        line-height: 1.2em;
    }

    h3
    {
        font-size: 1.3em;
    }

    h4
    {
        font-size: 1.25em;
    }

    /* Menu adjustments */

    #menu li
    {
        margin-right: 8px;
        padding: 0 10px 3px 10px;
    }

    #menu li:hover 
    {
	    padding: 0 10px 3px 10px;
    }

    #menu li ul li
    {
        font-size: 0.85em;
    }

        /* Submenus */

        .break
        {
            clear: none;
        }
        
        /* Study */

        .undergraduatesubmenu
        {
            width: 573px !important;
        }

        .masterssubmenu
        {
            width: 489px !important;
        }

        .phdsubmenu
        {
            width: 507px !important;
        }

        .dlsubmenu
        {
            width: 213px !important;
        }

        /* END Study */

        /* Research */

        .themessubmenu
        {
            width: 315px !important;
            left: auto !important;
	        right:-10px;
        }

        .impactsubmenu
        {
            width: 410px !important;
	        left: auto !important;
	        right:-10px;
        }

        .moreresearchsubmenu
        {
            width: 540px !important;
            left: auto !important;
	        right:-10px;
        }

        /* END Research */

        /* Business */

        .UGplacementsubmenu
        {
            width: 220px !important;
            right: -10px !important;
        }

        /* Community life */

        .schoolssubmenu
        {
            width: 199px !important;
        }

        /* About us */
    
        .staffsearchsubmenu
        {
            width: 155px !important;
        }

        .eanddsubmenu
        {
            width: 330px !important;
        }

        .moreaboutussubmenu
        {
            width: 205px !important;
            right: -22px !important;
        }
        
        /* END Submenus */

    /* END Menu adjustments */
    
    /* Homepage adjustments */
    
    .newsItem
    {
        top: 48%;
    }

    .newsItem h2
    {
        font-size: 1.6em;
    }

    .newsContent 
    {
        display: block;
        margin-top: -15px;
    }

    .newsContent p
    {
        margin: 3px 0;
        font-size: 1.1em;
    }

    .studyLinks .squareLink
    {
        padding-bottom: 18%;
        padding-top: 0;
    }

    #moreResearch .squareLink, #centres .squareLink
    {
        padding-bottom: 10.5%;
    }

    #moreResearch .squareLink p, #centres .squareLink p
    {
        padding-top: 1px;
    }

    .sidePanel
    {
        margin-top: -150px;
    }

    #twitterFeed
    {
        width: 99%;
        padding-left: 1px;
    }

    /* Content page adjustments */

    h1#pageWrapper
    {
        font-size: 2.125em;
    }

    /* Controls the size of squarePointer buttons */
    
    .threeButtons .squarePointer
    {
        padding-top: 20px;
    }

    .fourButtons .squarePointer
    {
        padding-bottom: 8%;
    }

    .sixButtons .squarePointer
    {
        padding-bottom: 11.5%;
    }

    .eightButtons .squarePointer 
    {
        width: 32.8%;
        padding-bottom: 8%;
    }

    /* END Controls the size of squarePointer buttons */
    
}

@media (min-width: 980px) /* 980px */
{
   /* Homepage adjustments */

    .newsContent 
    {
        margin-top: -10px;
    }

    .newsContent p
    {
        font-size: 1.2em;
    }

    .studyLinks .squareLink
    {
        padding-bottom: 18%;
    }

    .studyLinks .squareLink p
    {
        margin-top: 15px;
    }

    #centres .squareLink p, #moreResearch .squareLink p
    {
        margin-top: 16px;
    }

    #latestSlider
    {
        min-height: 230px;
    }

    .sidePanel
    {
        margin-top: -165px;
    }

    /* END Homepage adjustments */
    
    /* Content page adjustments */

    .fiveButtons .squarePointer, .sixButtons .squarePointer /* Buttons for content swap */
    {
        padding-bottom: 8.5%;
        padding-top: 20px;
    }
}

@media (min-width: 1024px) /* 1024px */
{
    /* Display full top search */

    /*#topSearchDropdown
    {
        display: none;
    }
    
    #topSearch 
    {
        display: block;
        position: absolute;
        top: 0;
        right: 4%;
        background-color: #f5f5f5;
        float: right;
        padding: 6px;
        font-size: 0.85em;
    }*/

    /* END Display full top search */

    /*#siteName
    {
        margin-top: 34px;
    }*/

    /* Menu adjustments */

    #mainMenu li a
    {
        font-size: 1.15em;
    }
    
    /* END Menu adjustments */

    /* Homepage adjustments */
    
    .sidePanel
    {
        margin-top: -175px;
    }

    .researchLinks .squareLink p
    {
        padding-top: 8px;
        font-size: 0.9em;
    }

    .studyLinks .squareLink
    {
        padding-bottom: 17%;
    }

    .studyLinks .squareLink p
    {
        padding-top: 0px;
        font-size: 0.9em;
    }

    /* END Homepage adjustments */

    /* Content page adjustments */

    /* Controls the size of squarePointer buttons, depending on number */

    .threeButtons .squarePointer
    {
        padding-bottom: 9%;
    }

    .fourButtons .squarePointer
    {
        width: 24.5%;
        padding-bottom: 11%;
    }

    .fiveButtons .squarePointer, .sixButtons .squarePointer 
    {
        padding-bottom: 8%;
    }

    .eightButtons .squarePointer 
    {
        padding-bottom: 7.5%;
    }

    /* END Controls the size of squarePointer buttons */

    /* END Content page adjustments */

}

@media (min-width: 1280px) /* 1280px */
{
    /*#siteName
    {
        margin-top: 33px;
    }*/
       
    /* Homepage adjustments */

    .alignright
    {
        padding-left: 5%;
    }

    .newsItem
    {
        top: 60%;
    }

    .newsItem h2
    {
        font-size: 2em;
    }

    .newsContent p
    {
        font-size: 1.3em;
    }

    .sidePanel
    {
        margin-top: -158px;
    }

    .studyLinks .squareLink p, #centres .squareLink p, #moreResearch .squareLink p
    {
        font-size: 1em;
        margin-top: 23px;
    }

    .studyLinks .squareLink
    {
        padding-bottom: 18%;
    }

    .researchLinks .squareLink
    {
        padding-bottom: 11%;
    }

    #latestSlider
    {
        min-height: 180px;
    }

    #eventsSlider
    {
        min-height: 200px;
    }

    /* END Homepage adjustments */

    /* Content page adjustments */

    /* Controls the size of squarePointer buttons, depending on number */

    .threeButtons .squarePointer
    {
        padding-bottom: 7.5%;
    }

    .fourButtons .squarePointer
    {
        padding-bottom: 6%;
    }

    .fiveButtons .squarePointer
    {
        width: 19.5%;
        padding-top: 15px;
        font-size: 0.95em;
        padding-bottom: 8.5%;
    }

    .sixButtons .squarePointer 
    {
        width: 16.25%;
        font-size: 0.95em;
        padding-bottom: 8.5%;
    }

    .eightButtons .squarePointer 
    {
        width: 24.5%;
        padding-bottom: 5.8%;
    }

    /* END Controls the size of squarePointer buttons, depending on number */

    .sixtyfive-pc.tableView /* Controls display of r-h column when min-width tables are displayed */
    {
        width: 65%;
    }

    .thirtyfive-pc.tableView
    {
        width: 35%;
        padding-left: 1.5% !important;
    }

    /* Person profiles */

    #personProfile img
    {
        width: 100%;
    }

    /* END Content page adjustments */
}

@media (min-width: 1920px) /* 1920px */
{
    /*#siteName
    {
        margin-top: 33px;
    }*/
    
    /* Menu adjustments */
    
    #mainMenu li a 
    {
        font-size: 1.4em;
    }

    /* END Menu adjustments */

    /* Homepage adjustments */

    .newsContent
    {
        width: 65%;
    }

    .newsContent p
    {
        font-size: 1.55em;
    }

    .mainContentPanel p
    {
        font-size: 1.2em;
    }

    .sidePanel
    {
        margin-top: -250px;
    }

    .studyLinks .squareLink p, #centres .squareLink p, #moreResearch .squareLink p
    {
        font-size: 1.2em;
    }

    .studyLinks .squareLink
    {
        padding-bottom: 12.5%;
    }

    #centres .squareLink, #moreResearch .squareLink
    {
        padding-bottom: 7.8%;
    }

    .studyLinks .squareLink p
    {
        margin-top: 20px;
    }

    /* END Homepage adjustments */

    /* Content page adjustments */

    #contentWrapper
    {
        padding: 1.5%;
    }

    h1#pageWrapper
    {
        font-size: 2.8em;
    }

    #content
    {
        font-size: 1.2em;
    }

    /* Controls the size of squarePointer buttons, depending on number */

    .threeButtons .squarePointer
    {
       width: 20%;
       padding-bottom: 5.5%;
    }

    .fourButtons .squarePointer
    {
        padding-bottom: 4.2%;
    }

    .fiveButtons .squarePointer
    {
        padding-bottom: 4.2%;
    }

    .sixButtons .squarePointer 
    {
        padding-bottom: 6.75%;
    }

    .eightButtons .squarePointer 
    {
        width: 19.5%;
        padding-bottom: 4.5%;
    }

    /* END Controls the size of squarePointer buttons, depending on number */

    /* END Content page adjustments */

}
@media (min-width: 2048px) /* 2048px */
{
    /* Search box */

    #topSearch
    {
        right: 8%;
    }
    
    /* Homepage adjustments */

    .sidePanel
    {
        margin-top: -342px;
    }

    .studyLinks .squareLink
    {
        padding-bottom: 12%;
        font-size: 2em;
    }

    #centres .squareLink, #moreResearch .squareLink
    {
        padding-bottom: 8%;
        font-size: 2em;
    }

    /* END Homepage adjustments */

    /* Content page adjustments */

    /* Controls the size of squarePointer buttons, depending on number */

    .fourButtons .squarePointer
    {
        padding-bottom: 3.5%;
    }

    .fiveButtons .squarePointer
    {
        padding-bottom: 3.25%;
    }

    .sixButtons .squarePointer 
    {
        padding-bottom: 6.25%;
    }

    .eightButtons .squarePointer 
    {
        padding-bottom: 3.5%;
    }

    /* END Controls the size of squarePointer buttons, depending on number */

    /* END Content page adjustments */

}