/*
 *   Fonts
 */

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-LightCn.eot');
	src: url('/fonts/FrutigerLTStd-LightCn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-LightCn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-LightCn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-LightCn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-LightCn.svg#FrutigerLTStd-LightCn') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-BoldCn.eot');
	src: url('/fonts/FrutigerLTStd-BoldCn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-BoldCn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-BoldCn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-BoldCn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-BoldCn.svg#FrutigerLTStd-BoldCn') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-BlackCn.eot');
	src: url('/fonts/FrutigerLTStd-BlackCn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-BlackCn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-BlackCn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-BlackCn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-BlackCn.svg#FrutigerLTStd-BlackCn') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Bold.eot');
	src: url('/fonts/FrutigerLTStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Bold.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Bold.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Bold.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Bold.svg#FrutigerLTStd-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-BlackItalic.eot');
	src: url('/fonts/FrutigerLTStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-BlackItalic.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-BlackItalic.woff') format('woff'),
		url('/fonts/FrutigerLTStd-BlackItalic.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-BlackItalic.svg#FrutigerLTStd-BlackItalic') format('svg');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-LightItalic.eot');
	src: url('/fonts/FrutigerLTStd-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-LightItalic.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-LightItalic.woff') format('woff'),
		url('/fonts/FrutigerLTStd-LightItalic.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-LightItalic.svg#FrutigerLTStd-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Roman.eot');
	src: url('/fonts/FrutigerLTStd-Roman.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Roman.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Roman.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Roman.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Roman.svg#FrutigerLTStd-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Black.eot');
	src: url('/fonts/FrutigerLTStd-Black.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Black.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Black.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Black.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Black.svg#FrutigerLTStd-Black') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Light.eot');
	src: url('/fonts/FrutigerLTStd-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Light.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Light.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Light.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Light.svg#FrutigerLTStd-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-Cn.eot');
	src: url('/fonts/FrutigerLTStd-Cn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Cn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Cn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Cn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Cn.svg#FrutigerLTStd-Cn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-UltraBlack.eot');
	src: url('/fonts/FrutigerLTStd-UltraBlack.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-UltraBlack.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-UltraBlack.woff') format('woff'),
		url('/fonts/FrutigerLTStd-UltraBlack.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-UltraBlack.svg#FrutigerLTStd-UltraBlack') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-ExtraBlackCn.eot');
	src: url('/fonts/FrutigerLTStd-ExtraBlackCn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-ExtraBlackCn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-ExtraBlackCn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-ExtraBlackCn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-ExtraBlackCn.svg#FrutigerLTStd-ExtraBlackCn') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Italic.eot');
	src: url('/fonts/FrutigerLTStd-Italic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Italic.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Italic.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Italic.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Italic.svg#FrutigerLTStd-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-BoldItalic.eot');
	src: url('/fonts/FrutigerLTStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-BoldItalic.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-BoldItalic.woff') format('woff'),
		url('/fonts/FrutigerLTStd-BoldItalic.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-BoldItalic.svg#FrutigerLTStd-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}


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


@font-face {
	font-family: 'Work Sans';
	src: url('/fonts/WorkSans-Light.eot');
	src: url('/fonts/WorkSans-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/WorkSans-Light.woff2') format('woff2'),
		url('/fonts/WorkSans-Light.woff') format('woff'),
		url('/fonts/WorkSans-Light.ttf') format('truetype'),
		url('/fonts/WorkSans-Light.svg#WorkSans-Light') format('svg');
	font-weight: 300;
	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:'Frutiger LT Std', sans-serif; color:#373639;}

body,
textarea {font-family:'Frutiger LT Std', Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px;}

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

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

.main .middle a.button:link,
.main .middle a.button:visited {display:inline-block; padding:10px 0; color:#c77bb4; text-decoration:none;}
.main .middle a.button:hover {font-weight:bold;}
.main .middle a.button small {float:right; margin:0 0 0 20px; color:rgba(0,0,0,.5); font-size:14px; line-height:26px; text-transform:uppercase; vertical-align:middle;}
.main .middle a.button:hover small {}

strong {font-weight:bold;}

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:500;}
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;}

.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;}

header {position:relative; z-index:4; background:url('/images/header-bg-sub.png') top center no-repeat #fff; box-shadow:0px 0px 5px 3px rgba(0,0,0,.3);}
header .logo {display:inline-block; vertical-align:top; width:202px; height:163px; background:url('/images/logo-sub.png') center no-repeat; margin:3px 0 20px 0;}
header h1 {display:none;}

.home-page header {box-shadow:none; background-image:url('/images/header-bg.png');}
.home-page header .logo {margin-top:15px; width:625px; height:200px; background-image:url('/images/logo-text.png');}
.home-page header h1 {display:inline-block; vertical-align:top; float:none; margin:50px 0 0 0; font-family:'Work Sans', sans-serif; font-size:84px; line-height:1em; color:#186e49; text-align:center;}
.home-page header h1 a:link,
.home-page header h1 a:visited {color:#186e49;}

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; width:100%; font-family:'Avenir Book', sans-serif; font-size:17.5px; line-height:1em; font-weight:500;}
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; margin:0 1px 0 0; padding:20px; color:#186e49; font-weight:bold; text-decoration:none;}
nav ul li a:hover,
nav ul li.hover a:link,
nav ul li.hover a:visited {color:#c474b0;}
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 {color:#c474b0;}
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:#c474b0;}
nav ul li a.bars:hover {background:none;}
nav ul li a.bars:hover i {color:rgba(0, 158, 192,.85);}

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 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:rgba(255,255,255,.85); font-weight:normal; font-size:17.5px; text-transform:none; color:#186e49;}
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:#186e49; color:#fff;}
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:#186e49;}
/*
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 ul li a:link,
nav .more ul ul li a:visited {background:#438d6a;}
nav .more ul li a:hover {color:#1897d3;}
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%; /* background-attachment:fixed !important;*/}

.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 .cover {position:absolute; z-index:2; bottom:0; width:100%; height:82px; background:url('/images/hero-cover.gif') center no-repeat;}
.hero .cover .left {position:absolute; z-index:2; left:0; right:50%; top:0; bottom:0; height:82px; margin-right:191px; background:#fff;}
.hero .cover .right {position:absolute; z-index:2; left:50%; right:0; top:0; bottom:0; height:82px; margin-left:191px; background:#fff;}
.hero .logo {position:absolute; z-index:3; left:50%; top:50%; width:1036px; height:429px; margin-left:-518px; margin-top:-215px; background:url('/images/hero-logo.png') center no-repeat;}


.hero-sub {height:275px;}

.values {height:173px; padding:70px 0; background:url('/images/values.gif') 50% top no-repeat #ea2637; font-size:34px; line-height:1em; letter-spacing:-1px; text-align:center; color:#fff;}

.welcome {position:relative; z-index:3; padding:85px 0 70px 0; background:url('/images/welcome.gif') right top no-repeat #fff; font-size:20px; line-height:26px;}
.welcome h2 {margin:0 0 40px 0; font-weight:800; font-size:58px; line-height:1em;}

.vision {padding:100px 0 80px; background:url('/images/vision.jpg') top center no-repeat; background-size:cover; color:#fff; font-size:22px; line-height:30px;}
.vision h2 {margin:0 0 30px 0; font-size:58px; line-height:1em; font-weight:800;}
.vision .value {display:inline-block; width:290px; margin:0 12px; text-align:center; vertical-align:top; font-size:35px; line-height:1.4em;}
.vision .value .image {display:inline-block; width:100%; height:250px; margin:0 0 40px 0; background:bottom center no-repeat;}
.vision .value-respect .image {background-image:url('/images/values-respect.png');}
.vision .value-fun .image {background-image:url('/images/values-fun.png');}
.vision .value-belonging .image {background-image:url('/images/values-belonging.png');}

.news {padding:50px 0; padding-bottom:calc(50px - 1em);  background:url('/images/news.png') right top no-repeat #186e49;}
.news iframe {float:left;}
.news .events {float:left; width:100%; color:#fff; font-size:28px; line-height:1.4em;}
.news .events .cols {
  -webkit-columns:2;
     -moz-columns:2;
          columns:2;
  -webkit-column-gap:0px;
     -moz-column-gap:0px;
          column-gap:0px;
}
.news .events h2 {font-size:58px; line-height:1em; font-weight:800; margin-bottom: 0.5em;}
.news .events p {float:none; display:inline-block; font-size: 22px;}
.news .events strong {font-weight:800;}

.quicklinks {position:relative; z-index:3; padding:100px 0; background:url('/images/quicklinks.gif') top left no-repeat #fff; text-align:center;}

.quicklinks a.link:link,
.quicklinks a.link:visited {display:inline-block; width:218px; height:218px; margin:0 0 0 24px; background-color:#ccc; border-radius:50%; font-size:24px; color:#fff; text-decoration:none;}
.quicklinks a.link:hover {padding-top:10px; background:#d8d8d8; color:#939290;}
.quicklinks a.link:first-child {margin-left:0;}
.quicklinks a.link .middle {width:218px; height:218px; display:table-cell; vertical-align:middle; padding:0 20px; text-align:center;}
.quicklinks a.link .more {display:none; margin:15px 0 0 0; padding:8px 12px; border-radius:3px; border-bottom:2px solid #767676; background:#939290; color:#fff; font-size:14px; line-height:1em;}
.quicklinks a.link:hover .more {display:inline-block;}

.quicklinks a.link-termdates {background:url('/images/quicklink-termdates.jpg') center no-repeat;}
.quicklinks a.link-events {background:url('/images/quicklink-events.png') center no-repeat;}
.quicklinks a.link-facebook:link,
.quicklinks a.link-facebook:visited {background:url('/images/quicklink-facebook.png') center no-repeat;}
.quicklinks a.link-facebook .middle {display:none;}
.quicklinks a.link-facebook:hover {background:#d8d8d8;}
.quicklinks a.link-facebook:hover .middle {display:table-cell;}
.quicklinks a.link-newsletter {background:url('/images/quicklink-newsletter.jpg') center no-repeat;}
.quicklinks a.link-howtoenrol {background:url('/images/quicklink-howtoenrol.png') center no-repeat;}

.main {position:relative;}

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

.main .middle {position:relative; z-index:2; float:right; width:600px; min-height:750px; margin:0 0 0 20px; padding:40px 0 139px 20px; font-size:18px; line-height:26px; color:#363636;}
.main .middle h1 {float:left; margin:0 0 40px 0; font-size:38px; line-height:1em; color:#363636; font-weight:800;}
.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; color:#438d6a;}
.main .middle h4 {float:left; clear:left; margin:0 0 1em 0;}
.main .middle p {font-size:18px; line-height:25px;}
.main .middle ul {clear:left;}
.main .middle a:link,
.main .middle a:visited {color:#c474b1;}
.main .middle a:hover {text-decoration:none;}
.main .middle table {float:left; width:100%; margin:0 0 1em 0;}
.main .middle table th {padding:10px; border:1px solid #d7d7d7;}
.main .middle table td {padding:10px; border:1px solid #d7d7d7;}

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

ul.subnav {margin:0 0 100px 0; list-style:none; font-size:18px; font-weight:500;}
ul.subnav li {float:left; padding:0; width:100%;}
ul.subnav li a:link,
ul.subnav li a:visited {float:left; width:100%; padding:16px; text-decoration:none; color:#fff;}
ul.subnav li a:hover {text-decoration:underline;}
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 {background:#d6515d;}
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 {padding-top:0; font-size:30px; font-weight:600; text-decoration:none; border:none;}
ul.subnav li.title a:hover {}

footer {position:relative; z-index:2; min-height:196px; padding:30px 0; background:#939290; 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;}

.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:600;}
.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:0;}
  header .logo {margin:0 0 0 20px;}
  header .phone {margin:0 20px 0 0;}
  
  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;}
  
  nav ul li {float:none; display:inline-block;}
    
  .main .left {float:right; width:100%; padding:30px; background:#c474b0;}
  .main .middle {float:right; width:100%; min-height:1px; margin:0; padding:30px;}
  
  .hero-image {background-attachment:scroll !important;}

  ul.subnav {margin:0 0 20px 0; min-height:1px;}
  
  footer {padding:30px;}
  
  .quicklinks {padding:90px 30px 30px 30px; text-align:center;}
  .quicklinks .leaves {margin-top:-144px;}
  .quicklinks .links {display:inline-block;}
  .quicklinks a.link:link,
  .quicklinks a.link:visited {float:none; clear:none; margin:0 30px; margin-bottom:60px; display:inline-block;}
  
  .welcome {padding:60px 30px;}
  .welcome br {display:none;}
  
  .vision {padding:60px 30px;}
  
  .news {height:auto; padding:60px 30px; text-align:center; background-color:#13583a;}
  .news iframe {float:none; display:inline-block; margin:0 30px 45px 30px; max-width:100%;}
  .news .events {float:none; display:inline-block; margin:0 30px; max-width:100%;}
  .news .events .cols {float:left;}
  
  .values {padding:60px 30px; text-align:center;}
  .values h2 {float:none; margin:0 0 60px 0;}
  .values h2 br {display:none;}
  .values .value {}
  .values .value-respect {margin-left:0;}
  

}

@media all and (max-width:1024px){
  
  .home-page header {background-image:none;}
  
  .vision {text-align:center;}
  
}

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

  .show-mobile {display:inline-block;}
  .hide-mobile {display:none;}
  
  header {padding:30px 0 0 0; text-align:center;}
  header .logo {float:none; width:100%; 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;}
  
  .home-page header h1 {font-size:64px; line-height:1em;}
  
  .home-page header .logo {display:block; width:auto; height:0; padding-bottom:30%; margin:0 20px 20px 20px; background-size:contain; background-position:top;}
  
  .search {display:none;}
  
  nav ul.show-mobile {display:inline-block;}
  
  .main .middle h1 {font-size:48px;}
  
  .body {overflow-x:hidden; min-height:1px; margin-bottom:0; padding-bottom:0;}
  
  .hero {max-height:300px;}
  
  .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;}
  
  .news iframe {margin:0 0 45px 0;}
  .news .events {margin:0;}
  .news .events .cols {
    -webkit-columns:1;
       -moz-columns:1;
            columns:1;
  }
  
  .values {text-align:center;}
  .values h2 {float:none; margin:0 0 30px 0; text-align:left;}
  .values h2 br {display:none;}
  .values .value {display:inline-block; float:none; clear:left; margin:30px 30px 0 30px;}

}

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

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

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

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

  .home-page header h1 {margin:30px 0 15px 0;}
  
  .vision .value {max-width:100%; margin:0 0 30px 0; font-size:24px; line-height:1.4em;}
  .vision .value .image {height:0; margin:0 0 15px 0; padding-bottom:40%; background-size:contain;}
  
}

@media all and (max-width:509px){
  
  .quicklinks .links {width:100%;}
  .quicklinks .links a:visited,
  .quicklinks .links a:link {margin-left:0; margin-right:0;}
  
}

@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;}
  
  .welcome h2,
  .values h2 {font-size:60px;}

}