/* Page Structure
================= */

body {
  background: #fff;
}

.container {
  background: url(container-home.jpg) center top no-repeat, url(home-tile.jpg) center top repeat-x;
}

.main-header {
  background: none; /* Prevents the background image from being pointlessly loaded on an element which is `display: none;` */
  height: 0px;
}

.content-container {
  height: 804px;
  padding: 0;
  background: none;
}

footer {
  position: relative;
  height: 0;
  margin: 0;
  background: none;
}

.footer-links {
  padding-top: 0;
}


/* Home Navigation
================== */
.main-nav {
  top: 353px;
  left: 20px;
  width: 690px;
}


.main-nav .home-btn {
  display: none;
}

.main-nav ul li {
  position: absolute;
  display: block;
  width: 108px;  /* Width of image/button */
  height: 59px;  /* Height of image/button */
  float: left;
  text-indent: -9999px;
  background: url(nav-home.png) left top no-repeat; /* An image sprite with all navigation buttons in */
  cursor: pointer;
}

/* Change the background position to show the correct image for each navigation
   button within the sprite */

.main-nav .ps_topic_slug_about-us {background-position: -9px -74px;left: 45px;top: 49px;height: 48px;width: 115px;}
.main-nav .ps_topic_slug_key-information {background-position: -135px -63px;right: 404px;top: 38px;height: 47px;width: 121px;}
.main-nav .ps_topic_slug_news-and-events {background-position: -269px -68px;right: 261px;top: 42px;height: 55px;width: 128px;}
.main-nav .ps_topic_slug_parents {background-position: -423px -63px;right: 107px;top: 39px;height: 45px;width: 126px;}
.main-nav .ps_topic_slug_children {background-position: -550px -6px;right: -19px;top: -19px;width: 124px;height: 52px;}
.main-nav .ps_topic_slug_community {background-position: -644px -54px;right: -108px;top: 29px;width: 121px;height: 68px;}

.main-nav .ps_topic_slug_about-us:focus, .main-nav .ps_topic_slug_about-us:hover {background-position: -9px -208px;}
.main-nav .ps_topic_slug_key-information:focus, .main-nav .ps_topic_slug_key-information:hover {background-position: -135px -197px;}
.main-nav .ps_topic_slug_news-and-events:focus, .main-nav .ps_topic_slug_news-and-events:hover {background-position: -269px -202px;}
.main-nav .ps_topic_slug_parents:focus, .main-nav .ps_topic_slug_parents:hover {background-position: -423px -197px;}
.main-nav .ps_topic_slug_children:focus, .main-nav .ps_topic_slug_children:hover {background-position: -550px -140px;}
.main-nav .ps_topic_slug_community:focus, .main-nav .ps_topic_slug_community:hover {background-position: -644px -188px;}

/* Scrolling Banner */

.scrolling-banner {
  position: absolute;
  width: 930px;
  top: 562px;
  left: 27px;
  padding: 2px 0 2px 0;
  cursor: default;
}

/* Slideshow
============ */

.home-slideshow,
.home-slideshow-mask {
  position: absolute;
  top: 33px;
  left: 413px;
  width: 293px;
  height: 241px;
}

.home-slideshow-mask {
  z-index: 20;
  background: url(mask.png) no-repeat;
}

/* Updates Area
=============== */

.updates-area {
  position: absolute;
  width: 222px;
  height: 193px;
}

.updates-area h2 a {
  transform: rotate(-1deg);
}

.calendar-dates h2 a {
  transform: rotate(2deg);
}

.noticeboard {
  top: 612px;
  left: 8px;
  padding: 10px;
}

.calendar-dates {
  top: 604px;
  left: 725px;
  padding: 10px;
}

/* House Points
=============== */

.house-points {
  position: absolute;
  top: 593px;
  left: 285px;
  width: 420px;
  height: 149px;
  text-align: center;
}

.house-points-list {
  position: relative;
  text-align: center;
}

.house-points li {
  position: absolute;
  line-height: 1.1;
}

.house-1 { 
 left: 0;
}

.house-2 {
  left: 110px;
}

.house-3 {
  right: 120px;
}

.house-4 {
  right: 10px
}
/* Twitter
========== */

.twitter {
  position: absolute;
  top: 744px;
  left: 286px;
  width: 397px;
}

.twitter h2 {
  display: none;
}


/* Motto 
===========*/

.motto {
  bottom: 355px;
  width: 861px;
  left: 40px;
  text-align: right;
}

.motto::before, 
.motto::after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: #09602c; 
  position: absolute;
  top: 25px;
}

.motto::before {
  left: -4px;
}

.motto::after {
  right: -57px;
}


/* Quick Links
================== */

.cp-quicklinks {
  position: absolute;
  bottom: -120px;
  left: 10px;
}

/* Google Translate */

.translate-block {
  bottom: -106px;
  right: 26px;
}