@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/_assets/_fonts/opensans/opensans-bold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-bold.woff) format('woff'); }

/*****************

Communications Office BASECAMP+ CSS

*****************/

#title h1 {
    padding: 380px 0px 21px 23px;
    font-size: 38px;
    line-height: 1.2;
    background: url(gfx/title.png) 5px 114px no-repeat;
    opacity: 1;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    color: #1f4a8c;
    position: static;
	margin-top: 3px;
    text-rendering: optimizeLegibility;
    letter-spacing: -0.01em;
}
#title h1.notopimage {
    max-width: 650px;
}
.titleinner {
    background: url(gfx/banner.jpg) center 0px no-repeat;
    padding-top: 3px;
    padding-bottom: 0px;
}
.titleinner img {
    display: none;
}
.titleinner h1 {
    margin-top: 0px;
}
#content h2 {
    padding-bottom: 7px;
    font-size: 28px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    line-height: 1.3;
    margin-top: 35px;
    text-rendering: optimizeLegibility;
    border-bottom: none;
}
#content h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 35px;
}
#content h3 {
    font-family: "Minion Pro", Minion, Georgia, serif;
    margin-bottom: 14px;
}
#content hr {
    border-top: 1px solid #dddddd;
    clear: both;
    margin-top: 35px;
    margin-bottom: 35px;
}
#content p,
#content ul,
#content ol,
#content table,
#content dl,
#right p,
#right li {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-display: swap;
    font-size: 15px;
    text-rendering: optimizeLegibility;
    font-display: swap;
}
#content th,
#content td,
#right p,
#right li {
    font-size: 13px;
}
#content li {
    margin-bottom: 7px;
}
#content ul {
	margin-left: 14px;
}
#content ol {
    margin-left: 16px;
}
#content dt,
#content dd {
    box-sizing: border-box;
}
#content ul.pagesubnav {
	background: #f5f5f5;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding: 14px 14px 7px 28px;
}
#content ul.pagesubnav li {
	margin-bottom: 7px;
  list-style-position: outside;
	list-style-image: url(/_assets/_gfx/arrow-grey-forward.svg);
}
#content ul.pagesubnav li a {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
.OTAGO652886 #content h3 img {
    max-width: 114px;
    margin-bottom: 35px;
}
.OTAGO652891 #content hr + h2 {
    margin-top: 70px;
    margin-bottom: 35px;
}
.OTAGO652891 #content h3 {
    margin-bottom: 0px;
}
.OTAGO652891 #content .smalltag {
    color: #999999;
    font-style: normal;
    margin-bottom: 21px;
}
#right {
    background: none;
}

/*  FRONTPAGE  */

body.frontpage #title h1.notopimage {
    max-width: 882px;
}
body.frontpage #content {
  max-width: 882px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
body.frontpage #content .news-region {
  border-top: 1px solid #dddddd;
  margin-top: 46px;
  padding-top: 21px;
}
body.frontpage #content .news-region h2 {
  margin-top: 35px;
}
body.frontpage #content .news-region article {
  width: 21.2%;
  float: left;
  border-sizing: border-box;
  margin-right: 5%;
  margin-bottom: 46px;
}
body.frontpage #content .news-region article:nth-of-type(4) {
  margin-right: 0;
}
body.frontpage #content .news-region article .smalltag {
  font-style: normal;
    letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 10px;
  color: #999999;
}
body.frontpage #content .news-region article h3 {
  font-size: 17px;
  line-height: 1.3;
  margin-bottom: 7px;
}
body.frontpage #content .publications-region {
  width: 100%;
  border-top: 1px solid #dddddd;
  padding-top: 46px;
  display: flex;
  flex-wrap: wrap;
}
body.frontpage #content .publications-region h2 {
  width: 100%;
}
body.frontpage #content .publications-region .grid-half {
  width: 47.3%;
  float: left;
  background: #f1f1f1;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 14px;
}
body.frontpage #content .publications-region .grid-half {
  margin-right: 5.4%;
  margin-bottom: 46px;
}
body.frontpage #content .publications-region .grid-half:nth-of-type(2) {
  margin-right: 0;
}
body.frontpage #content .publications-region .grid-half p img {
  padding: 0;
  margin: 0;
  border: none;
  max-width: 50%;
  float: left;
  margin-right: 5%;
}
body.frontpage #content .publications-region .grid-half p {
  font-size: 14px;
}
body.frontpage #content #box4 {
  border-top: 1px solid #dddddd;
  margin-top: 21px;
  padding-top: 46px;
  width: 100%;
}
body.frontpage #right p {
    border-bottom: none;
}



/*-----------------------------------------------

Breakpoint media query: 701-1160px */

@media only screen and (min-width: 701px) and (max-width: 1160px) {
  #contentwrapper,
  .topnavinner,
  .titleinner,
  footer.wrapper,
  div.footer_wrapper {
    width: 100%;
    box-sizing: border-box;
  }
  #contentwrapper,
	.topnavinner,
  footer.wrapper,
  div.footer_wrapper { max-width: 1114px;	}
	ul#breadcrumbs {
		width: 100%;
		max-width: 70%;
		overflow: hidden;
		margin-left: 0;
		padding-left: 232px;
		box-sizing: border-box;
	}
  #contentwrapper {
    margin: 0;
    padding: 0;
    width: 98%;
  }
	#globalsearch {
		max-width: 232px;
		width: 100%;
	}
	div#nav_holder {
		max-width: 100%;
		width: 100%;
	}
	.titleinner {
		max-width: 100%;
		padding-left: 232px;
    box-sizing: border-box;
	}
	div#nav_wrapper { left: 23px; }
	#content {
		width: 78.1%;
    padding: 12px 0px 46px 252px;
		box-sizing: border-box;
	}
	#right {
		box-sizing: border-box;
    width: 100%;
		max-width: 17.6%;
    padding-left: 0;
		margin-left: 4.3%;
	}
	body.frontpage #content,
  #content.otgx { max-width: 100%; }
  body.frontpage #title h1.notopimage {
    max-width: 94%;
  }
  body.frontpage #content.otgx {
    max-width: 100%;
  }
  #right {
    hyphens: auto;
  }
}

@media only screen and (max-width: 950px) {
  body.frontpage #content .publications-region .grid-half p img {
    float: none;
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
	.topnavinner {
    max-width: 98%;
  }
  #globalsearch form input.searchinput {
    width: 80%;
  }
  #wrapper {
    width: 100%;
  }
  #title h1 {
    padding-right: 0;
  }
  body.frontpage #title h1 {
    padding-right: 0;
  }
  #right {
    border-bottom: none;
  }
  #features .events {
    width: 418px;
    margin-left: 232px;
    border-left: none;
  }
  #features .events article {
    margin-top: 14px;
  }
  #features .events article:first-child {
    margin-top: 14px;
  }
  #right {
    border-top: none;
  }
  #right .relatedinfo,
  #right .rightwidget {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 14px;
  }
  #right .relatedinfo ul li {
    width: auto;
    float: none;
  }
  #right form,
  #right fieldset,
  #right .search {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
  }
  div#nav_holder {
  	max-width: 100%;
  	width: 100%;
	}
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
    div#nav_holder { left: 0; }
}



/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .titleinner {
    background: url(gfx/banner.jpg) 0 0px no-repeat;
  }
  #features {
    width: 650px;
  }
}

@media only screen and (max-width: 768px) {
	.titleinner {
    background: url(gfx/banner.jpg) -80px 0px no-repeat;
  }
  #title h1 {
    padding-right: 0;
  }
  body.frontpage #title h1 {
    padding-right: 0;
  }
  #right {
      border-bottom: none;
  }
  #features .events {
    width: 418px;
    margin-left: 232px;
    border-left: none;
  }
  #features .events article {
    margin-top: 14px;
  }
  #features .events article:first-child {
    margin-top: 14px;
  }
  body.frontpage #content {
    max-width: 97%;
  }
}

/* Mobile styles*/

@media only screen and (max-width: 700px) {
  nav#global_nav {
  	width: 75%;
  }
  body.frontpage .titleinner,
  .titleinner {
    background: url(gfx/banner.jpg) 0px 0px no-repeat;
    background-size: 700px;
    width: 100%;
  }
  #title h1,
  body.frontpage #title h1 {
    padding: 250px 4% 14px 4%;
    background: url(gfx/title.png) 14px 57px no-repeat;
    background-size: 240px;
    font-size: 34px;
  }
  #features .events {
    width: 97%;
    margin-left: 0px;
    padding: 0;
  }
  #features .events article {
    width: 47.5%;
    margin-right: 5%;
  }
  #features .events article:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 550px) {
  body.frontpage #content .news-region article {
    width: 47%;
  }
  body.frontpage #content .news-region article:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 450px) {
  body.frontpage .titleinner,
  .titleinner {
    background: url(gfx/banner.jpg) -120px 0px no-repeat;
    background-size: 700px;
  }
  #title h1,
  body.frontpage #title h1 {
      background: url(gfx/title.png) 14px 67px no-repeat;
      background-size: 200px;
  }
}