/*
 *   Fonts
 */
 
 
@font-face {
    font-family: 'Futura Medium';
    src: url('/fonts/futura-webfont.eot');
    src: url('/fonts/futura-webfont.svg#futuramedium') format('svg'),
         url('/fonts/futura-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futura-webfont.woff2') format('woff2'),
         url('/fonts/futura-webfont.woff') format('woff'),
         url('/fonts/futura-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/*/*
 *   Reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:700;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}abbr,acronym{border:0;}

button::-moz-focus-inner {border:0; padding:0;} /* Remove button padding in Firefox */ 

/*
 *   Styles
 */
 
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
 
html {min-height:100%; height:100%;}

body {min-height:100%; height:100%; font-family:'Futura Medium', sans-serif; color:#373639;}

body,
textarea {font-family:'Avenir Book', Arial, Helvetica, sans-serif; font-weight:400; font-size:18px;}

a:link,
a:visited {color:#163e72; text-decoration:underline;}
a:hover {text-decoration:none;}

strong {font-weight:normal; font-weight:700;}

a.button:link,
a.button:visited {display:inline-block; padding:10px 15px; border:3px solid #00a24c; color:#00a24c; text-decoration:none !important;}
a.button:hover {background:#00a24c; color:#fff !important;}
a.button small {float:right; margin:0 0 0 20px; color:rgba(0,0,0,.5); font-size:14px; text-transform:uppercase; vertical-align:middle;}
a.button:hover small {color:rgba(255,255,255,.75);}

a.btn:link,
a.btn:visited {display:inline-block; padding:10px 15px; border:3px solid #00a24c; color:#00a24c; text-decoration:none !important;}
a.btn:hover {background:#00a24c; color:#fff !important;}
a.btn small {float:right; margin:0 0 0 20px; color:rgba(0,0,0,.5); font-size:14px; text-transform:uppercase; vertical-align:middle;}
a.btn:hover small {color:rgba(255,255,255,.75);}

small,
.small {font-size:80%; text-transform:uppercase; color:#ccc;}

h1 {margin:0 0 20px 0; font-size:36px; line-height:1.4em; font-weight:300;}
h2 {margin:0 0 1em 0; font-size:24px; line-height:1.4em; font-weight:700;}

p {margin:0 0 1em 0; width:100%;}
p:last-child {margin-bottom:0;}



ul {list-style:disc; margin:0 0 1em 20px;}
ul li {width:100%;}

hr {margin:5px 0 10px 0; padding:0; background:transparent; color:transparent; height:0px; border:0; border-bottom:1px solid #d9d9d9;}

.outer {float:left; width:100%; height:100%;}

.panel {float:left; width:100%;}
.panel .inner {width:960px; margin:0 auto;}

.body {min-height:100%; margin-bottom:-196px; padding-bottom:196px;}

.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}

header {position:relative; z-index:3; height:300px; padding:30px 0; text-align:center;}
header .logo {position: relative; z-index: 5;}

header a:link,
header a:visited {text-decoration:none;}
header img {vertical-align:middle; margin:0 20px 0 0;}

.home-page header .logo {position: relative; top: 45px; left: 215px;}
.home-page header .logo img {width: 228px;}

.search {float:right; width:225px; margin:30px 0 0 0; background:#f1f1f1; border-radius:5px;}
.search i {margin:10px 0 10px 10px; font-size:14px; line-height:1em; color:#959595;}
.search input {padding:10px; background:#f1f1f1; border:0; border-radius:5px; outline:none; font-size:14px; line-height:1em; color:#959595;}

nav {float:left; clear:left; width:100%; background:#1278b9; border-bottom:1px solid #1278b9; font-size:18px; line-height:1em;}
body.home-page nav {border-bottom:20px solid #00a24c;}
nav ul {list-style:none; float:left; margin:0; width:100%;}
nav ul li {vertical-align:middle; float:left; position:relative; z-index:500; width:auto; text-align:left;}
nav ul li a:link,
nav ul li a:visited {float:left; padding:20px 12px; color:#fff; text-decoration:none; letter-spacing: -0.2px;}
nav ul li a:hover,
nav ul li.hover a:link,
nav ul li.hover a:visited {background:#00aeeb; color:#fff;}
nav ul li:first-child {border-left:0;}
nav ul li:first-child a:link,
nav ul li:first-child a:visited {}
nav ul li a:link div {display:inline;}
nav ul li a:link i,
nav ul li a:visited i {float:right; color:rgba(255,255,255,.5);}
nav ul li a.hover:link,
nav ul li a.hover:visited {color:#fff;}
nav ul li a:hover i {color:#fff;}
nav ul li.on a:link,
nav ul li.on a:visited {background:#00aeeb; color:#fff;}
nav ul li i {vertical-align:bottom; font-size:14px; margin-right:8px;}

nav ul li.bars {float:right;}
nav ul li a.bars:link,
nav ul li a.bars:visited {padding:14px;}
nav ul li a.bars i {font-size:30px; color:#00aeeb;}
nav ul li a.bars:hover {background:none;}
nav ul li a.bars:hover i {color:#00aeeb;}

nav ul ul {position:absolute; top:100%; left:0; min-width:240px; display:none; list-style:none; z-index:101;}
nav ul ul.two-columns {width: 480px !important; min-width: 480px !important;}
nav ul li.first ul {margin-left:0;}
nav ul li.selected ul {background:#fff; border-color:#e6e6e6;}
nav ul ul li {float:left; width:100%; height:auto; margin:0; border:0;}
nav ul ul.two-columns li {width: 50% !important;}
nav ul ul li a:link,
nav ul ul li a:visited,
nav ul li.hover ul li a:link,
nav ul li.hover ul li a:visited {float:left; width:100%; margin:0px; padding:15px 24px; border:0; background:rgba(18, 120, 185, 0.8); font-size:18px; text-transform:none; color:#fff;}
nav ul ul li a:hover {}
nav ul li.on ul li a:hover,
nav ul li.hover ul li a:hover,
nav ul li ul li.hover a:link,
nav ul li ul li.hover a:visited {background:#00aeeb;}
nav ul li ul li.hover a i {color:#fff;}
nav ul ul li i {vertical-align:0px; font-size:11px; text-align:center; margin-right:8px; color:#777;}

nav ul ul ul {left:100%; top:0;}

nav ul li.on ul ul li a:link,
nav ul li.on ul ul li a:visited,
nav ul li.hover ul ul li a:link,
nav ul li.hover ul ul li a:visited {background:rgba(0, 158, 192, .85);}
nav ul li.on ul ul li a:hover,
nav ul li.hover ul ul li a:hover {background:rgba(0, 158, 192, 1);}

nav ul.normal {position:relative; z-index:101;}

nav .more {position:fixed; z-index:102; top:0; left:0; max-width:80%; height:100%; overflow-y:auto; overflow-x:hidden; margin:0 0 0 100%; box-shadow:0px 0px 5px 5px rgba(0,0,0,.1); background:#1278b9;}
/*
nav .more {transition:margin-left .5s; -webkit-transform:translateZ(0);}
*/
nav .more .close {position:absolute; z-index:103; right:0px; top:0px; padding:10px; font-size:24px; font-weight:700; line-height:1em; text-decoration:none; color:#fff;}
nav ul.show-mobile {display:none;}
nav .more ul {position:relative; z-index:101;}
nav .more ul li {width:100%; border-top:1px solid rgba(0,0,0,.1);}
nav .more ul li a:link,
nav .more ul li a:visited {width:100%; padding:20px; border:0; font-weight:700; color:#fff;}
nav .more ul li a:hover {}
nav .more ul ul {position:relative; top:0; left:0; box-shadow:none; display:block; }
nav .more ul ul.first {}
nav .more ul ul.first li {border-top:0;}
nav .more ul ul.first li a:link,
nav .more ul ul.first li a:visited {padding-left:40px; font-weight:normal; color:#fff;}
nav .more ul ul.first li a:hover {}
nav .more ul ul.second {border-top:0;}
nav .more ul ul.second li a:link,
nav .more ul ul.second li a:visited {padding-left:60px; font-weight:normal; color:#fff;}
nav .more ul ul.second li a:hover {color:#1897d3;}
nav .more ul li.on a:link,
nav .more ul li.on a:visited {border:0;}

.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* Responsive iFrame */
.responsive-iframe-container {
  position: relative;
  padding-bottom: 100%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


#response {float:left; width:100%; height:46px; margin:-10px 0 15px 0;}
#response .inner {width:950px; margin:0 auto; padding:5px 20px; border:1px solid #efed98; border-radius:3px; color:#7d7f56; background-image:url('images/highlight.gif');}
#response img {}
#response cite {color:#666;}
#response p {padding:0 0 0 20px; float:none; line-height:36px; font-size:14px; font-weight:bold; margin:0;}

.hero {position:relative; z-index:2; height:490px;}
.hero-image {height:100%;}

.home-page .hero-image {background-size: cover !important; height: 300px; top: 0; left: 0; position: absolute; width: 100%;}

.hero .prev,
.hero .next {position:absolute; z-index:3; left:50%; top:0; width:28px; height:100%; margin-left:-475px; background:url('/images/hero-arrows.png') left center no-repeat;}
.hero .next {left:auto; right:50%; margin-left:0; margin-right:-475px; background-position:right center;}

.hero-sub {height:398px; border-bottom:20px solid #00a24c;}

.welcome {position:relative; z-index:3; padding:100px 0; color:#1278b9; font-size:18px; line-height:32px;}
.welcome .text {float:left; width:480px;}
.welcome .skoolbag {float:right;}
.welcome h2 {margin:0 0 30px 0; font-size:58px; line-height:1em; color:#1278b9;}
/*.welcome a:link,*/
/*.welcome a:visited {color:#fff;}*/

.skoolbag {float:right;}
.skoolbag iframe {border:1px solid #d1d1d1; max-width: 100%;}

.clouds {position:absolute; top:0; left:50%; margin:-75px 0 0 96px; width:429px; height:235px; background:url('/images/clouds.png');}
.clouds div {margin:60px 0 0 60px; width:145px; color:#009ec0; font-size:16px; line-height:19px;}

.values {padding:100px 0; background:#163e72; color:#dee1e7; font-size:28px; line-height:1em; font-weight:700;}
.values h2 {float:left; margin:0; font-size:78px; line-height:1em;}

.values .value {float:left; margin:0 0 0 85px; padding:115px 0 0 0; text-align:center; background:url('/images/values.png') center no-repeat;}
.values .value-respect {background-position:50% 4px;}
.values .value-responsibility {background-position:50% -146px;}
.values .value-fairness {background-position:50% -270px;}

.events {padding:60px 0; background:#f1f1f1;}
.events .event {float:left; width:395px; margin:0 70px 0 0; padding:30px 36px; background:#fff; border-radius:3px;}
.events .event img {width:100%; height:auto; margin:0 0 24px 0;}
.events .event h2 {margin:0 0 15px 0; color:#163e72; font-size:38px; line-height:41px;}
.events .event .date {margin:0 0 15px 0; color:#939290;}
.events .event .snip {font-family:'Avenir Medium', sans-serif; color:#163e72;}
.events .event h2 a:link,
.events .event h2 a:visited {text-decoration:none;}

.main {position:relative;}

.left-bg {position:absolute; z-index:1; left:0px; top:0px; right:50%; bottom:0px; margin:0 172px 0 0; background:#1278b9;}
.left-bg .white {position:absolute; z-index:1; right:0; width:124px; height:100%; background:#fff;}
.left-bg .image {position:relative; z-index:2; width:100%; height:100%; background:url('/images/left.png') top right no-repeat;}
.middle-bg {position:absolute; z-index:1;}


.rel-top--10 {position: relative; top: -10px;}

.main .middle {position:relative; z-index:2; float:right; width:580px; min-height:750px; margin:0 0 0 155px; padding:85px 0 139px 0; font-size:18px; line-height:25px; color:#1278b9;}
.main .middle h1 {margin:0 0 40px 0; font-size:58px; line-height:1em; color:#1278b9;}
.main .middle h2 {font-size: 150%;}
.main .middle h3 {margin:0 0 24px 0; font-size: 150%; line-height:1.2em; color:#00a24c;}
.main .middle h4 {margin:0 0 1em 0; font-size: 150%;}
.main .middle p {font-size:18px; line-height:25px;}
.main .middle ul li {padding-bottom:10px; list-style: none; padding-left: 20px; background:url('images/green-bullet.jpg') no-repeat 0 8px; }
.main .middle a:link,
.main .middle a:visited {color:#00a24c; text-decoration:none;}
.main .middle a:hover {text-decoration:underline;}
.main .middle table { width:100%; margin:0 0 1em 0;}
.main .middle table th {padding:10px 10px 10px 0; font-weight:700;}
.main .middle table td {padding:10px;}
.main .middle img {max-width: 100%;}

.main .middle a.link:link,
.main .middle a.link:visited {display:inline-block; width:100%; padding:10px; border:2px solid #00a24c; text-align:center; color:#00a24c;}
.main .middle a.link:hover {text-decoration:none; background:#91f3aa;}
.main .middle a.link small {display:block; font-size:11px; color:rgba(0,0,0,.4); text-transform:none;}

.main .left {position:relative; z-index:2; float:right; width:225px; padding:160px 0 0 0; margin-bottom: 100px;}

ul.subnav {margin:0 0 100px 0; list-style:none; font-size:20px; line-height:30px;}
ul.subnav li {float:left; padding:0; width:100%;}
ul.subnav li a:link,
ul.subnav li a:visited {float:left; padding:16px 16px 16px 0; text-decoration:none; color:#fff;}
ul.subnav li a:hover {color:#91f3aa;}
ul.subnav li:last-child a {}
ul.subnav li.suboff a:link, 
ul.subnav li.suboff a:visited,
ul.subnav li.subon a:link,
ul.subnav li.subon a:visited {padding:8px 8px 8px 24px; font-size:14px;}
ul.subnav li.second a:link,
ul.subnav li.second a:visited {padding:8px 8px 8px 30px; font-size:14px;}
ul.subnav li.on a:link,
ul.subnav li.on a:visited,
ul.subnav li.subon a {color:#91f3aa;}
ul.subnav li.subtitle a:link, 
ul.subnav li.subtitle a:visited {}
ul.subnav li.title {list-style:none;}
ul.subnav li.title a:link,
ul.subnav li.title a:visited {padding-top:0; font-size:30px; font-weight:700; text-decoration:none; border:none;}
ul.subnav li.title a:hover {}

footer {position:relative; z-index:2; min-height:196px; padding:30px 0; background:#454545; color:#fff; font-size:12px;}
footer .inner {width:860px; margin:0 auto;}

footer .left {float:left; width:50%; padding:12px 0 0 0;}
footer .left img {margin:0 0 10px 0;}

footer .right {float:right; width:50%; text-align:right;}

footer p {margin:0 0 1em 0;}
footer a:link,
footer a:visited {color:#fff; text-decoration:none;}
footer a:hover {text-decoration:underline;}
footer .pipe {margin:0 10px; color:rgba(255,255,255,.5);}

footer img {vertical-align:top;}
footer .sa_gov_au_logo {margin:12px 30px 0 0;}

.home-page .quicklinks {background:#fff;}
.home-page .quicklinks .leaves {float:left; width:543px; height:125px; margin-left:-170px; background-image:url('/images/home-leaves.png');}

.sitemap {float:left; clear:left;}
.sitemap a:link,
.sitemap a:visited {float:left; clear:left; width:auto; min-width:150px; background:url('/images/page-tree.gif') 0px 8px repeat-y; line-height:1.4em;}
.sitemap a span {display:block; float:left; padding:0 5px; width:100%; height:100%; line-height:2em; background:#fff;}
.sitemap a.root {font-weight:700;}
.sitemap a:hover span {text-decoration:underline;}

.search-results .search-result {float:left; clear:left; width:100%; margin:0 0 5px 0; padding:15px; background:#f1f1f1;}
.search-results a:link,
.search-results a:visited {text-decoration:none;}
.main .middle .search-results a:hover {text-decoration:underline;}
.search-results .highlight {padding:0 3px; background:#5ac3d6; color:#fff;}

.news-list {float:left; width:100%; margin:0 0 10px 0; padding:20px; background:#f1f1f1; border-radius:3px;}
.news-list img {float:left; width:100px; height:auto; margin:0 20px 0 0;}
.news-list .text {float:left; width:500px;}
.main .middle .news-list h2 {margin:0 0 15px 0; color:#00498a; font-size:38px; line-height:41px;}
.news-list .date {clear:left; margin:0 0 15px 0; color:#939290;}
.news-list .snip {font-family:'Avenir Medium', sans-serif; color:#163e72;}
.main .middle .news-list h2 a:link,
.main .middle .news-list h2 a:visited {text-decoration:none; color:#00498a;}

h4.newsletter-term {font-size: 24px;}

.quote {padding:60px 0 40px 0; background:#00a24c; color:#fff; font-size:28px; line-height:48px;}

.dedicated {position:relative; z-index:4; padding:40px 0 30px 0; background:#1278b9; color:#fff; font-size:18px; line-height:32px;}
.dedicated .text {float:left; width:700px;}
.dedicated h3 {margin:0 0 1em 0; font-size:24px; line-height:32px;}
.dedicated img {float:left; margin:-72px 100px -65px 0;}
.dedicated p {margin-bottom: 0.2em !important;}

.quicklinks {position:relative; z-index:3; padding:75px 0; background:#fff;}

.quicklinks a:link,
.quicklinks a:visited {float:left; width:226px; height:226px; margin:0 0 0 141px; background:url('/images/quicklinks.jpg') #ccc; font-size:33px; color:#fff; text-decoration:none;
-webkit-transition: margin-top .2s, -webkit-transform .2s;
        transition: margin-top .2s, transform .2s;
}
.quicklinks a:hover {margin-top:-10px;}
.quicklinks a:first-child {margin-left:0;}
.quicklinks a .middle {width:226px; height:226px; display:table-cell; vertical-align:middle; padding:0 20px; text-align:center;}
.quicklinks a:hover .more {display:inline-block;}

.quicklinks a.services {background-position:-1px 0px;}
.quicklinks a.handbook {background-position:-316px 0px;}
.quicklinks a.curriculum {background-position:-622px 0px;}

.show-mobile {display:none;}
.hide-mobile {}

@media all and (min-width: 1400px) {
  .hero {height:500px !important;}
}

@media all and (max-width:1020px){

  .panel .inner {width:100%;}

  .left-bg {display:none;}
  .middle-bg {display:none;}
  
  header {padding:0;}
  header .logo {margin:0 0 0 20px;}
  header .phone {margin:0 20px 0 0;}
  .home-page header .logo {top: 80px;}
  
  nav {float:none; display:inline-block; text-align:center;}
  
  nav ul {float:none; width:100%; text-align:center;}
  nav ul.more,
  nav ul ul {padding:0;}

  .main .left {margin-bottom: 0 !important;}
  
  nav ul li {float:none; display:inline-block;}
    
  .main .left {float:right; width:100%; padding:30px; background:#1278b9;}
  .main .middle {float:right; width:100%; min-height:1px; margin:0; padding:30px;}

  ul.subnav {margin:0 0 20px 0; min-height:1px;}
  
  footer {padding:30px;}
  
  .welcome {padding:30px;}
  
  .quote {padding:30px;}
  
  .dedicated {padding:30px;}
  .dedicated .text {width:100%;}
  .dedicated img {display:none;}
  
  .quicklinks {padding:30px 30px 0 30px; text-align:center;}
  .quicklinks a:link,
  .quicklinks a:visited {float:none; clear:none; margin:0 30px; margin-bottom:30px; display:inline-block;}
  .quicklinks a:hover {margin-top:0;}

}

@media all and (max-width:900px){

  .welcome .text {width:100%; margin:0 0 30px 0;}
  .welcome .skoolbag {width:100%; text-align:center;}

}

@media all and (max-width:768px){

  .show-mobile {display:inline-block;}
  .hide-mobile {display:none;}
  
  header {padding:15px 0 0 0; text-align:center;}
  header .logo {float:none; width:auto; margin:0; display:inline-block;}
  header img {margin:0;}
  
  .search {display:none;}
  
  nav ul.show-mobile {display:inline-block;}
  
  .body {overflow-x:hidden; min-height:1px; margin-bottom:0; padding-bottom:0;}
  
  .hero {max-height:300px;}
  
  .main .middle img {max-width:100%; height:auto !important;}
  
  footer {height:auto; min-height:81px;}
  footer .left,
  footer .right {display:inline-block; float:none; width:100%; text-align:center;}
  footer .right {margin-top:30px;}
  
  .welcome .text {text-align:center;}
  
  .quote {text-align:center;}
  .quote .text-right {text-align:center;}
  
  .dedicated {text-align:center;}

}

@media all and (max-width: 685px) {
  .home-page header .logo {top: 0; left: 0;}
  .home-page header {height: 250px !important;}
  .home-page .header-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.35);}
}

@media all and (min-width: 1499px) {
  .home-page .hero-specific {background-size: cover !important;}
}

@media all and (max-width:630px){
  .hero {max-height:300px;}
}

@media all and (max-width:495px){
  .hero {max-height:250px;}

}

@media all and (max-width: 430px) {
  nav .home-page-link { display: none !important; }
}
/* Calendar */
@media (max-width: 600px) {
  .calendar-full {
    display: none;
  }
  .responsive-iframe-container { padding-bottom: 150%; }
}
@media (min-width: 600px) {
  .calendar-agenda {
    display: none;
  }
}