@media (min-width: 1200px) {
	.inner {
		width: 1200px;
	}
	#body {
		width: 1200px;
	}
	#footer {
		width: 1200px;
	}
}

html, body {
        margin: 0;
        padding: 0;
        height: 100%;
        font-family: HeliaCore-Book, Arial, Helvetica, sans-serif;
        font-size: 16px;
        background-color: #339fad;
        line-height: 1.4;
}
h1 {
        font-family: HeliaCore-Light, Arial, Helvetica, sans-serif;
        font-size: 32px;
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 30px;
        line-height: 1;
        color: #339fad;
}
h2 {
        font-family: HeliaCore-Medium, Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 15px;
        line-height: 1;
}
a {
        color: #0080c8;
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}
.b{
    font-family: HeliaCore-Medium, Arial, Helvetica, sans-serif;
}
.content ul li {
        list-style: none;
}
.forgotpass {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content ul li::before, .content form .formContent ul li::before, .content form #privacyTerms ul li::before {
        color: #339fad;
        content: "\2022";
        font-size: inherit;
        padding-right: 4px;
        position: relative;
        margin-left: -10px;
}
.inner {
        #width: 1200px;
        margin: 0 auto;
        position: relative;
}
#container {
        width: 100%;
        position: relative;
}
#body {
        #width: 1200px;
        margin: 0 auto;
        margin-bottom: 20px;
        background-color: #fff;
}
#body .content {
        padding: 50px 40px 30px;
}
#body .inner {
        background-color: #fff;
}
#header {
        padding: 0;
}
#footer {
        #width: 1200px;
        margin: 0 auto;
        background-color: #000;
        color: #fff;
        font-family: HeliaCore-Medium, Arial, Helvetica, sans-serif;
        font-size: 18px;
}
#footer .content {
        padding: 10px 40px;
}
#footer p {
        margin: 0;
}
#footer .string {
        font-family: HeliaCore-Light, Arial, Helvetica, sans-serif;
        color: #464646;
        padding: 0 5px;
}
.nav {
        padding-left: 130px;
}
.nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#mainNav > li {
        float: left;
        margin: 0;
        position: relative;
        border-right: 1px solid #18525d;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -o-transition: background .3s;
        -ms-transition: background .3s;
        transition: background .3s;
}
#mainNav > li > span, #mainNav > li > a {
        display: block;
        color: #fff;
        outline: 0;
        text-decoration: none;
        font-size: 18px;
        line-height: 1;
        padding: 22px 20px;
        font-family: HeliaCore-Book, Arial, Helvetica, sans-serif;
}
#mainNav > li:hover {
        background-color: #000;
        cursor: pointer;
}

#mainNav ul {
        position: absolute;
        background-color: #231f20;
        padding: 30px;
        width: 240px;
        top: 60px;
        left: 0;
}
#mainNav li.active ul {
        display: block;
}
#mainNav ul a {
        color: #fff;
        background: rgba(0, 0, 0, 0) url(../images/angle-right.png) no-repeat;
        padding: 4px 20px;
        display: inline-block;
}
#mainNav ul a:hover {
        background-color: #000;
        text-decoration: none;
}
input[type="submit"] {
        display: block;
        padding: 5px 30px;
	background-color: #297382;
        border: 1px solid #297382;
        border-radius: 3px;
        color: #FFF;
        font-family: HeliaCore-Medium, Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        font-style: normal;
        margin: 40px 0 10px;
        cursor: pointer;
        color: #fff;
}

button, a.btn {
        padding: 5px 30px;
	background-color: #297382;
        border: 1px solid #297382;
        border-radius: 3px;
        color: #FFF;
        font-family: HeliaCore-Medium, Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        font-style: normal;
        margin: 20px 0;
        cursor: pointer;
        color: #fff;
}

form label{
        font-weight: normal;
}
.checkbox label {
        font-family: HeliaCore-Medium, Arial, Helvetica, sans-serif;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
        background-color: #231f20;
}
.dropdown-menu {
        border-radius: 0;
        box-shadow: none;
        border: 0 none;
        font-size: 16px;
}

label {
	width: 75px;
	align: left;
}


#headerLogo {
	display: block;
	position: absolute;
	z-index: 13;
	width: 74px;
	height: 80px;
	top: 0;
	background: url("https://www.aut.ac.nz/__data/assets/file/0007/651742/AUT-logo-tab-maori-web-version-only.svg") no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
}

#topHeader {
	background-color: #18525d;
	height: 25px;
}

#mainHeader {
	background: #297382;
	height: 35px;
}

@media screen and (min-width: 580px) {
	#mainNav > li {
		width: initial;
	}
	.forgotpass {
		display: contents;
	}
}

@media screen and (min-width: 480px) {
	#headerLogo {
		width: 144px;
		height: 102px;
	}
	#topHeader {
		height: 42px;
	}
	#mainHeader {
		height: 60px;
	}
}

@media screen and (min-width: 1020px) {
	.container-main {
		max-width: 1230px;
	}
}

@media screen and (min-width: 810px) {
	#headerLogo {
		width: 124px;
		height: 135px;
	}
}