/*
 *  Website by
 *  Elastic Design
 *  www.elasticdesign.com.au
 */


/*
 *   Fonts
 */

@font-face {
    font-family: 'Gill Sans';
    src: url('/fonts/gillsans-webfont.eot');
    src: url('/fonts/gillsans-webfont.svg#avenirmedium') format('svg'),
         url('/fonts/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/gillsans-webfont.woff') format('woff'),
         url('/fonts/gillsans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans Bold';
    src: url('/fonts/gillsans-bold.eot');
    src: url('/fonts/gillsans-bold.svg#avenirmedium') format('svg'),
         url('/fonts/gillsans-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/gillsans-bold.woff') format('woff'),
         url('/fonts/gillsans-bold.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:'Gill Sans', 'Open Sans', sans-serif; color:#25225f;}

body,
textarea {font-family:'Gill Sans', 'Open Sans', Arial, Helvetica, sans-serif; font-weight:400; font-size:18px; line-height:26px;}

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

a.button:link,
a.button:visited {display:inline-block; padding:8px 20px; background:#a1d174; color:#fff; text-decoration:none;}
a.button:hover {background:#8dbe4b;}
a.button small {float:right; margin:0 0 0 20px; color:rgba(255,255,255,.75); font-size:14px; line-height:26px; text-transform:uppercase; vertical-align:middle;}

strong {font-weight:normal; font-family:'Gill Sans Bold', sans-serif;}

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:bold;}
h2 {margin:0 0 1em 0; font-size:24px; line-height:1.4em;}

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

ul {list-style:disc; margin:0 0 1em 20px; float:left;}
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;}

.full-width {width:100%;}

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

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

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

header {position:relative; z-index:5; padding:30px 0 0 0; background:#fff;}

header h1 {float:left; margin:0; font-size:70px; line-height:1em; color:#25225f; font-weight:normal; font-family:'Gill Sans Bold', sans-serif;}

header .logo {float:right;}

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

.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; margin:10px 0 0 0; width:100%; font-size:17px; line-height:1em;}
nav ul {list-style:none; float:left; margin:0; width:100%;}
nav ul li {vertical-align:middle; float:left; position:relative; width:auto; text-align:left;}
nav ul li a:link,
nav ul li a:visited {float:left; padding:20px 11px; color:#25225f; text-decoration:none; text-transform:uppercase;}
nav ul li a:hover,
nav ul li.hover a:link,
nav ul li.hover a:visited {color:#78a64e;}
nav ul li:first-child {}
nav ul li:first-child a:link,
nav ul li:first-child a:visited {padding-left:0;}
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 {color:#78a64e;}
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:12px;}
nav ul li a.bars i {font-size:30px; color:#acd478;}
nav ul li a.bars:hover {background:none;}
nav ul li a.bars:hover i {color:#acd478;}

nav ul ul {position:absolute; top:100%; left:0; min-width:240px; display:none; list-style:none; z-index:101;}
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 li a:link,
nav ul ul li a:visited,
nav ul ul li:first-child a:link,
nav ul ul li:first-child 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 20px; border:0; background:#b0dc86; font-size:15px; text-transform:uppercase; color:#25225f;}
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:#a1d174;}
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%; background:#a1d174; border-left:10px solid #8dbe4b;}
/*
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;}
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 {color:#fff; background:#8dbe4b;}
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 {color:#1897d3;}
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;}

#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%;}

.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 .curve {position:absolute; z-index:4; bottom:0; left:0; margin:0 0 -70.5px 0; width:100%; height:259px; background:url('/images/curve-trans.png') center no-repeat;}

.hero-sub {height:275px;}

.welcome {position:relative; z-index:1; padding:30px 0; font-size:18px; line-height:26px; min-height:450px; border-bottom:10px solid #a9d374;}
.welcome .bg {position:absolute; z-index:1; left:50%; bottom:0; width:687px; height:434px; margin-left:75px; background:url('/images/welcome.jpg') right center no-repeat;}
.welcome h2 {margin:0 0 30px 0; font-size:50px; line-height:1em; font-weight:normal;}
.welcome .text {position:relative; z-index:2; float:left; width:560px;}
.welcome img {position:absolute; left:50%; top:0;}

.important-dates {position:relative; z-index:1; float:left; width:50%; min-height:425px; padding:62px 0 25px 0; background:#a1d174;}
.important-dates .border {position:absolute; top:0; left:0; width:100%; height:29px; background:#fff;}
.important-dates .inner {float:right; width:480px;}
.important-dates .cols {columns:2; -webkit-columns:2; line-height:23px;}
.important-dates h3 {margin:0 0 20px 0; font-size:50px; line-height:1em;}
.important-dates p:last-child {margin:0 0 1em 0;}

.downloads {position:relative; z-index:2; float:right; width:50%; min-height:425px; padding:62px 0 40px 0; background:#dafbbb;}
.downloads .bg {position:absolute; left:0; top:0; width:76px; height:425px; background:url('/images/downloads-bg.png') center no-repeat;}
.downloads .box {padding:0 0 0 142px;}
.downloads h3 {margin:0 0 20px 0; font-size:50px; line-height:1em;}
.downloads a:link,
.downloads a:visited {font-weight:700; text-decoration:none;}
.downloads a:hover {text-decoration:underline;}

.main {position:relative;}

.left-bg {position:absolute; z-index:1; left:0px; top:0px; right:50%; bottom:0px; margin:0 238px 0 0; background:url('/images/left-bg.jpg') bottom right no-repeat #a1d174;}
.middle-bg {position:absolute; z-index:1;}

.main .middle {position:relative; z-index:2; float:right; width:700px; min-height:750px; margin:0 0 0 40px; padding:85px 0 139px 40px; font-size:18px; line-height:26px; color:#25225f;}
.main .middle h1 {float:left; margin:0 0 40px 0; font-size:50px; line-height:1em; font-weight:normal; color:#25225f;}
.main .middle h2 {float:left; clear:left;}
.main .middle h3 {float:left; clear:left; margin:0 0 18px 0; font-size:32px; line-height:1.2em; font-family:'Gill Sans Bold', sans-serif; color:#8dbe4b;}
.main .middle h4 {float:left; clear:left; margin:0 0 1em 0; font-family:'Gill Sans Bold', sans-serif;}
.main .middle p {font-size:18px; line-height:26px;}
.main .middle ul {clear:left;}
.main .middle table {float:left; width:100%; margin:0 0 1em 0;}
.main .middle table th {padding:10px; border:1px solid #d7d7d7; font-family:'Gill Sans Bold', sans-serif;}
.main .middle table td {padding:10px; border:1px solid #d7d7d7;}

.main .left {position:relative; z-index:2; float:right; width:220px; padding:85px 0 0 0;}

ul.subnav {margin:0 0 100px 0; list-style:none; font-size:18px;}
ul.subnav li {float:left; padding:0; width:100%; margin:0 0 30px 0;}
ul.subnav li a:link,
ul.subnav li a:visited {position:relative; float:left; padding:8px 16px 8px 0; text-decoration:none; text-transform:uppercase; color:#25225f;}
ul.subnav li a:hover {}
ul.subnav li a span {opacity:0; position:absolute; z-index:-1; top:50%; left:0; width:261px; height:44px; margin:-22px 0 0 -42px; background:url('/images/nav-hover.png') center no-repeat;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
}
ul.subnav li a:hover span {opacity:1;}
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.on {position:relative;}
ul.subnav li.on a span {opacity:1; position:absolute; z-index:-1; top:50%; left:0; width:261px; height:44px; margin:-22px 0 0 -42px; background:url('/images/nav-active.png') center no-repeat;}
ul.subnav li.subtitle a:link, 
ul.subnav li.subtitle a:visited {font-weight:700;}
ul.subnav li.title {list-style:none;}
ul.subnav li.title a:link,
ul.subnav li.title a:visited {font-size:30px; font-family:'Gill Sans Bold'; text-decoration:none; border:none;}
ul.subnav li.title a:hover {}

.term-dates {float:left; clear:left; padding:400px 0 80px 0;}

footer {position:relative; z-index:2; min-height:196px; padding:30px 0; background:#25225f; color:#fff; font-size:12px; line-height:18px;}
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;}

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

.quicklinks a.link:link,
.quicklinks a.link:visited {position:relative; float:left; width:280px; margin:0 0 0 60px; padding:298px 0 0 0; text-align:center; font-size:40px; line-height:1em; color:#25225f; text-decoration:none; background:url('/images/quicklink.jpg') 0px 0px no-repeat;}
.quicklinks a.link:hover {background-position:-306px 0px;}
.quicklinks a.link:first-child {margin-left:0;}

.quicklinks a.link:link i,
.quicklinks a.link:visited i {position:absolute; left:0; top:0; width:280px; height:238px; text-align:center; color:#a1d174; font-size:120px; line-height:238px;}
.quicklinks a.link:hover i {color:#dafbbb;}

.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-family:'Gill Sans Bold', sans-serif;}
.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;}

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

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

  .panel .inner {width:100%;}

  .left-bg {display:none;}
  .middle-bg {display:none;}
  
  header {padding:30px;}
  header .logo {margin:0 0 0 20px;}
  
  nav {float:none; display:inline-block; text-align:center;}
  
  nav ul {float:none; width:100%; text-align:left;}
  nav ul.more,
  nav ul ul {padding:0;}
  
  nav ul.normal {text-align:center;}
  
  nav ul li {float:none; display:inline-block;}
    
  .main .left {float:right; width:100%; padding:30px 60px; background:#a1d174;}
  .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;}
  
  .quicklinks {padding:90px 30px 30px 30px; text-align:center;}
  .quicklinks .links {display:inline-block;}
  .quicklinks a.link:link,
  .quicklinks a.link:visited {float:none; margin:0 30px 60px 30px; display:inline-block;}
  
  .welcome {padding:30px 30px 60px 30px;}
  .welcome .bg {display:none;}
  .welcome .text {width:100%;}
  .welcome br {display:none;}
  
  .values {padding:60px 30px;}
  .values h2 {float:none; margin:0 0 60px 0;}
  .values h2 br {display:none;}
  .values .value {}
  .values .value-respect {margin-left:0;}
  
  .events {padding:30px; text-align:center;}
  .events .event {float:none; display:inline-block; margin:30px 0 0 0;}
  .events .event:first-child {margin-top:0;}
  
  .important-dates {width:100%; padding:30px;}
  .important-dates .border {display:none;}
  
  .downloads {width:100%; padding:30px;}
  .downloads .bg {display:none;}
  .downloads .box {padding:0;}
  
  .term-dates {padding-top:0;}

}

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

  .show-mobile {display:inline-block;}
  .hide-mobile {display:none;}
  
  header {padding:30px 0 0 0; background:none; text-align:center;}
  header h1 {padding:0 30px;}
  header .logo {float:none; width:auto; margin:0; display:inline-block;}
  header img {margin:0;}
  header .birthyear7 {float:none; display:inline-block; margin:20px 0 0 0; width:100%; text-align:center; color:#ccc;}
  
  .search {display:none;}
  
  nav ul.show-mobile {display:inline-block;}
  
  .main .left {text-align:center;}
  .main .left .term-dates {float:none;}
  
  ul.subnav,
  ul.subnav li,
  ul.subnav li a:link,
  ul.subnav li a:visited {float:none; display:inline-block; width:100%;}
  ul.subnav li a .bg,
  ul.subnav li.on a .bg {width:100%; margin-left:0;}
  
  .body {overflow-x:hidden; min-height:1px; margin-bottom:0; padding-bottom:0;}
  
  .hero {max-height:300px;}
  .hero .curve {display:none !important;}
  
  .quicklinks .divider {display:none;}
  .quicklinks .section {width:50%; margin:0 0 20px 0;}
  
  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;}
  
  
  .values {text-align:center;}
  .values h2 {float:none; margin:0 0 30px 0;}
  .values h2 br {display:none;}
  .values .value {float:none; clear:left; margin:30px 0 0 0;}

}

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

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

  .promos .center {width:211px;}
  
}

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

@media all and (max-width:455px){
  
  .events {padding:30px 0 0 0;}
  .events .event {margin:0 0 30px 0; width:100%;}
  
}

@media all and (max-width:560px){
  
  header .logo {display:inline-block; width:100%; text-align:center;}
  header .phone {float:none; display:inline-block; width:100%; margin:20px 0 0 0; text-align:center;}
  
  header h1 {font-size:36px;}
  
  .promos {width:100%; text-align:center;}
  .promos a:link,
  .promos a:visited {margin:30px 0 0 0;}
  .promos a:first-child {margin:0;}
  
  .our-team img {width:100% !important; height:auto !important; margin:0 0 20px 0;}

}