a, .poshbtn a:hover, .poshmenu a:hover {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.page-content {
  margin: 0 auto;
  width:100%;
  background-color:#eaeaea;
  padding:.5rem 0;
}
.page-content-main, .content-header {
	margin:0 auto;
  max-width: 91rem;
  padding:0 1rem;
}
.poshbtn, .poshtriple, .poshmenu {
  margin: .5rem 0;
  overflow: hidden;
  border: 0;
 background-repeat:no-repeat;
}
.poshbtn {
background-position:center top;
}
.poshmenu, .poshtriple {
background-position:center center;
}
.intro-quote {
  margin:.5rem;
  color: #333;
  line-height: 1.25;
  border: 0;
}
.poshmenu ul {
	background-color:rgba(255,255,255,.85);
}
div.colourful ul {
	background-color:rgba(53,53,53,.6);
}
div.colourful.poshtriple ul {
	background-color:transparent;
}
.poshbtn {
	position:relative;
	height:8rem;
}
.poshbtn a {
	position:absolute;
	height:8rem;
    top:0;
}
.poshbtn a span {
	position:absolute;
	bottom:0;
}
.poshbtn, .poshbtn h4, .poshmenu, .poshtriple {
  transition-duration: .2s;
  background-color: #fff;
}
.poshbtn:hover, .poshbtn:hover h4 {
  background-color: #8fb3ee;
}
.poshbtn h4, .poshmenu h4 {
  margin: 0;
 padding: .8rem;
 border-top: 1px #eaeaea solid;
  font-size: 1.3rem;
  line-height: 1.2;
  width: 100%;
  transition: all .2s;
}
.poshbtn h4 { 	
}
.poshbtn a {
  padding: 0;
  color: #003662;
  display:block;
  width: 100%;
}
.poshtriple span, .poshbtn span {
  text-decoration:none;
  line-height: 1.25;
}
.poshbtn span {
  display:block;
  padding:.8rem;
  color:#fff;
  text-shadow:0 0 3px #000;
}
.poshmenu {
  position:relative;
}
.poshmenu > a {
	display:block;
	  transition: all .2s;
}
.poshmenu ul {
  margin:0;
  padding:0;
  width:100%;
  display:block;
}
.poshmenu h4 a {
	width:100%;
}
.poshmenu h4:hover a {
	background-color: #8fb3ee;
}
div.poshmenu.colourful h4:hover a {
	}

.poshmenu h4:hover a {
	 color: #000;
}
.poshmenu li {
  margin:1px 0 0 0;
}
.poshmenu li a {
  display:block;
  padding:.8rem .8rem .55rem .8rem;
  margin-top:.25rem;
  border-top:1px solid #ddd;
  transition: all .2s;
   color: #003662;
  font-weight:800;
}
div.poshmenu.colourful li a {
	text-shadow:0 0 3px #000;
}
div.poshmenu.colourful li a:hover {
	text-shadow:none;
}
.poshmenu li:last-of-type a {
	padding-bottom:.8rem;
}
.poshmenu li:first-of-type a {
	margin-top:0;
}
div.poshmenu li a:hover {
  background-color: #8fb3ee;
  color:#000;
}
div.poshtriple li:hover a {
	background-color: #8fb3ee;
	}
div.poshtriple.colourful li:hover a {
	background-color: #3d64a3;
	}
.poshtriple li, .poshmenu li {
  list-style:none;width:100%;
  overflow:hidden;
}
.poshmenu li {
	  transition: all .2s;
}
.poshtriple a {
  display: inline-block;
  width:100%;
  padding:1rem;
  font-size: 1.3rem;
  font-weight:800;
  border-top:1px solid #ddd;
  text-decoration:none;
  color: #003662;
  transition: background-color .3s, color .3s;
}
.poshtriple a span {
  font-weight: normal;
  font-size: 1rem;
  display: block;
  margin-top: 1rem;
 }
 .poshtriple ul {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}
div.poshtriple a {
	color: #003662;
}
.poshtriple a:hover span {
  text-decoration: none;
 /* color: #000; */
 }
 .poshtriple li {
	 margin-top: 4px;
 }
.poshtriple li:first-of-type {
	margin-top: 0;
}
h4, .poshmenu h4 a {
  color: #003662;
  font-weight: 800;
}
h4 a:hover, div.poshbtn.colourful:hover {
  color: #000;
}
div.index_page li > ul {
	margin-top: 0;
}
div.index_page li {
	margin-bottom: 0;
}
div.colourful, div.colourful h4 {
  transition-duration: .2s;
  background-color: #003662;
}
div.poshmenu.colourful h4 {
  background-color: transparent;
}
.poshbtn a {
  transition-duration: .2s;
}
/*.poshtriple span {
  transition:top .2s;
}*/
.poshbtn a span {
	width:100%;
	background-color:rgba(53,53,53,.6);
}
div.colourful h4, div.colourful a, div.colourful h4 a {
  color:#fff;
}
.colourful a:visited {
	color:#eee;
	}
div.poshbtn:hover h4, div.poshbtn h4 a {
	color:#000;
}
.intro-quote {
	font-size: 1.4rem;
    padding-bottom:1.6rem;
}
.col_list ul,.col-list ul {
	margin:0 -.5rem;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.col_list li,.col-list li {
	position:relative;
	display:block;
    width:100%;
	border-top:#fff solid 1px;
	margin:0 1rem 0 0;
	padding:0 0 .8rem 0;
	font-size:115%;
	transition:background .2s;
}
.col_list li a, .col-list li a {
	padding-top:.8rem;
	text-decoration-color:#aae;
}
.col_list li:hover, .col-list li:hover {
	background-color:#fff;
	background-image:linear-gradient(0deg,#eee,#fff);
}
.col_list li a::before, col-list li a::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.textpanel {
	line-height:1.3;
	background-color:#fff;
	padding:1rem;
	vertical-align:top;
	margin: 0 1rem 1rem 0;
}
.indexlist ul {
	padding:0;margin:0;
}
.indexlist {
	margin-bottom:0;
}
.indexlist ul li {
	list-style: none;
    border-top: #fff solid 1px;
    margin: 0;
    padding: 1rem 0;
	transition:background-color .2s;
	line-height:1.25;
}
.indexlist ul li:hover {
/*	background-color:#fff; */
}
#node-3604 div.item-list ul{padding-inline-start:0}
#node-3604 div.item-list li{width:16rem;display:inline-block}

@media (min-width:47rem) {
  .p2x1, .p2x2 {
  width: 43rem;
  }
  .page-content {padding-top:0;
  }
  .page-content-main, .poshmenu-container {
	display: flex;
  justify-content: center;
  align-items: center;
    flex-wrap:wrap;
  }
  .poshbtn, .poshmenu, .poshtriple {
	position:relative;
	display:inline-block;
	margin: .5rem;
  }
  .poshbtn h4 {
    position: absolute;
  }
  .poshbtn a:not(:hover) span {
  background-color:rgba(53,53,53,.6);
}
  .poshmenu ul {
	position:absolute;
	bottom:0;
	left:0;
  }
  .poshbtn a {
  height: 100%;
}
  .poshmenu > a {
	width:100%;
    }
.poshbtn a {
	z-index:2;
	display: inline-block;
}
 .poshbtn a span {
  top: -14rem;
  visibility: hidden;
  transition-duration: 0.2s;
}
.poshbtn:hover a span {
  visibility: visible;
  top: 0;
}
.poshtriple a {
    height:6rem;
  }
.poshtriple li {
	 padding:0;margin:0;
 }
.poshtriple a span {
  position:relative;
  top:0;
}

.intro-quote {
  font-size: 1.9rem;
  overflow: hidden;
  padding: 0 2rem 1rem 0;
}
.p1x1, .p1x2 {
  width: 21rem;
}
.p1x1, .p2x1 {
  height: 19rem;
}
.p1x1 h4, .p2x1 h4 {
  top: 13rem; height:6rem;
}
.poshbtn a span {
  height:calc(100% - 6rem);
}
div.poshmenu h4 {
	top:0;height:6rem;
}
div.poshmenu h4 a {
	display:block;top:0;left:0;
	height:6.8rem;
	position:absolute;padding:.8rem;
}
.col_list ,.col-list{display:flex;
flex-wrap:wrap;
}
.col_list li,.col-list li {
	display:block;
    vertical-align:top;
    width:20rem;
    height:5rem;
	padding:.75rem .75rem .75rem 2px;
}
.indexlist {
    width: 29rem;
    vertical-align: top;
	    margin-right: .8rem;
    float: left;
}
}