/* Normalising */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
a{background:transparent}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}


/* Tag defaults */


/* Body */

.wrapper{
width: 1200px;
margin: auto;
}

html {
    font-size:62.5%
}
body{
color:#101010;
font-family: HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
font-size: 15px;
font-size: 1.5rem;
}

h1{ font-size:35px;font-size:3.5rem;margin:35px 0 20px 0;}
h2{ font-size:35px;font-size:3.5rem;font-weight:normal;margin-top:35px;}
h3{ font-size:18px;font-size:1.8rem;font-weight:normal;}

h1,h2,h3{
color:#0065a9;
}


p{
    line-height:1.3em;
}

a,a:visited{
color:#065484 ;
}

.form {
	padding-bottom: 30px;
	}


/* generic classes */

.clear{
clear:both;
height:0px;
}

.hidden {
    /* method used for accessible hiding */
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/* Header */

header{
transition: top .4s ease-in-out;
-webkit-transition: top .4s ease-in-out;
-ms-transition: top .4s ease-in-out;
-moz-transition: top .4s ease-in-out;
-o-transition: top .4s ease-in-out;
background: #fff;
position: relative;
z-index: 3;
width: 1200px;
margin: 0 auto;
}
.brand-wrapper {
    height:81px;
}
#parentsitelink{
text-align:right;
padding: 40px 30px 0 0;
float:right;
}
#parentsitelink a{
text-decoration:none;
color:#003399;
}

#monash-brandheader{
float:left;
height: 81px;
padding: 40px 0 0 0;
}

#monash-brandheader a{
width: 423px;
height: 50px;
display: block;
background-image: url(../images/template/monash-logo.png);
background-repeat:no-repeat;
margin: 0;
padding: 0;
}

.svg #monash-brandheader a {
    background-image: url(../images/template/logo-monash-1-line.svg);
    background-size: 100% 100%;
}

@media screen and (max-width:1165px) {
	
#monash-brandheader{
margin-left: 47px;
}

}

@media screen and (max-width:768px) {
	
#parentsitelink{
display:none;
}

#monash-brandheader{
width:100%;
margin:0;
height:130px;
padding: 0;
}

#monash-brandheader a {
width:199px;
background-image: url(../images/template/logotablet.jpg);
background-size:100% 100%;
background-position:0px 0px;
padding-left:0px;
margin-top:45px;
height:61px;
}
.svg #monash-brandheader a {
background-image: url(../images/template/monash-logo.svg);
margin-left: 20px;
}

}

	

/* table spacing/styling */

table {
    width: 100%;
	padding: 0 0 10px;
    font-weight: bold;
}
table p {
	    padding: 1em;
}
td {
	width: 20%;
	background-color:#fff;
	border: 1px solid #cdcdcd;
    padding: 5px;
}
th {
	background-color:#F5F6F6;
	border: 1px solid #cdcdcd;
    padding: 5px;
	}



/* Primary Navigation */

.nav-bar{
margin-top:50px;
background: #065484;
position: relative;
z-index: 3;
height: 50px;
overflow: hidden;
width: 100%;
}

.mobile-nav-button{
display:none;
}



/* Section Content container with height adjustments */


.content-container{
position:relative;
}

section .content{
position:relative;
padding:10px 50px 10px 50px;
width:1200px;
margin:auto;
}

section .content.long{
	height: 580px;
}


@media screen and (max-width:768px) {
   section .content{
	width:auto;
	padding: 10px 20px 10px 20px;
	}
}

@media screen and (max-width:740px) {
	section .content.long{
	height: 750px;
	}
	}
	
@media screen and (max-width:690px) {
	section .content.long{
	height: 780px;
	}
	}

@media screen and (max-width:600px) {
	section .content.long{
	height: 950px;
	}
	}
	
@media screen and (max-width:460px) {
	section .content.long{
	height: 1050px;
	}
	}
	
@media screen and (max-width:438px) {
	section .content.long{
	height: 1200px;
	}
	}
	
	
@media screen and (max-width:340px) {
	section .content.long{
	height: 1400px;
	}
	}
	
@media screen and (max-width:305px) {
	section .content.long{
	height: 1800px;
	}
	}


section .content div, section .content p{
}

section.white{ background-color:#ffffff; }
section.grey,section.gray{background:#e2e5e4;}
section.black{background:#000000;color:#ffffff;}
section.bone{background:#f5f5f5;}

.alert{
/*margin-left:60px;*/
}

.alert img{
float:left;
margin-right:1em;
}

.alert p{
padding-top:.5em;
padding-bottom:0px;
margin:0;
}

.blurb{
color:#0065a9;
font-size:18px;
font-size:1.8rem;
line-height: 25px;
}

/*Buttons*/

/* default ui button state is green, with lighter green hover */

.ui-button {
display: inline-block;
padding: 1.2em 1.4285em;
height: 1.2em;
background: #96ca4f;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.42857em;
margin: .71429em 0;
color: #242424;
font-weight: bold;
margin-right: 1.071em;
text-shadow: none;
}

.ui-button-small {
        display: inline-block;
        zoom: 1;
        padding: 1em 1.2em;
        height: 1em;
        background-color: #96ca4f;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1em;
        margin: 0.5em 0;
        color: #242424;
        font-weight: bold;
        text-decoration: none;
        text-shadow: none;
}

a.ui-button, 
a:visited.ui-button,
.ui-button a, 
.ui-button a:visited,
.ui-button-small a, 
.ui-button-small a:visited,
a.ui-button-small , 
a:visited.ui-button-small {
color:#efefef;
text-decoration: none;
}
a:hover.ui-button,
.ui-button a:hover,
.ui-button-small a:hover,
a:hover.ui-button-small {
background-color: #bae44f;
text-decoration: underline;
}

/* grey ui-button, grey background, blue text, no hover state */

.ui-button.grey,
.ui-button.gray{
background-color:#d1d2d4;
margin:0;
color:#065484;
}

a.ui-button.grey, a:visited.ui-button.grey, .ui-button.grey a, .ui-button.grey a:visited, .ui-button-small.grey a, .ui-button-small.grey a:visited, a.ui-button-small.grey , a:visited.ui-button-small.grey ,
a.ui-button.gray, a:visited.ui-button.gray, .ui-button.gray a, .ui-button.gray a:visited, .ui-button-small.gray a, .ui-button-small.gray a:visited, a.ui-button-small.gray , a:visited.ui-button-small.gray 
{
color:#065484;
}
a:hover.ui-button.grey, .ui-button.grey a:hover, .ui-button-small.grey a:hover, a:hover.ui-button-small.grey ,
a:hover.ui-button.gray, .ui-button.gray a:hover, .ui-button-small.gray a:hover, a:hover.ui-button-small.gray 
{
background-color:#d1d2d4;
}

/* blue ui-button, blue backgroound, white text, no hover */

.ui-button.blue {
margin: 0;
background-color: #0080b0;
color: #fff;
text-decoration: none;
}

a.ui-button.blue, a:visited.ui-button.blue, .ui-button.blue a, .ui-button.blue a:visited, .ui-button-small.blue a, .ui-button-small.blue a:visited, a.ui-button-small.blue , a:visited.ui-button-small.blue {
color:#ffffff;
}
a:hover.ui-button.blue, .ui-button.blue a:hover, .ui-button-small.blue a:hover, a:hover.ui-button-small.blue {
background-color:#0080b0;
text-decoration:none;
}

.ui-button.lightblue {
margin: 0;
background-color: #4ebbdc;
color: #fff;
text-decoration: none;
}

a.ui-button.lightblue, a:visited.ui-button.lightblue, .ui-button.lightblue a, .ui-button.lightblue a:visited, .ui-button-small.lightblue a, .ui-button-small.lightblue a:visited, a.ui-button-small.lightblue , a:visited.ui-button-small.lightblue {
color:#ffffff;
}
a:hover.ui-button.lightblue, .ui-button.lightblue a:hover, .ui-button-small.lightblue a:hover, a:hover.ui-button-small.lightblue {
background-color: #4ebbdc;
text-decoration:none;
}


/* Hero Image */

section.heroimage{
height:250px;
display:block;
background-position:99.9% 0px;
background-repeat: no-repeat;
background-color: #006CAD;
background-image:url(../images/brochure-banner.gif);
}

.triangle{
	background-image:url(../images/triangle.png);
	height: 26px;
	width: 50px;
	margin: -12px 0 0 -4px;
	padding: 0;
	background-repeat:no-repeat;
	}

section.heroimage .content{
width:1200px;
overflow:hidden;
}

section.heroimage .content .title {
font-size:50px;
font-weight:bold;
margin-top: 50px;
color:#fff;
width: 60%;
line-height:1;
text-shadow: 1px 1px #065484;
}

section.heroimage .content .small {
font-size: 30px;
font-weight: 300;
margin-top: 35px;
}

section.heroimage .content .textbox{
width:390px;
margin:10px 30px 10px 0px;
float:left;
font-size:23px;
font-size:2.3rem;
color:#D1D3D4;
}
section.heroimage .content .textbox strong {
    font-size:30px;
    font-size:3rem;
}
section.heroimage .content .textbox.fullsize{
width:630px;
}

section.heroimage .content .textbox p{
padding: 0;
margin:0;
}

@media screen and (max-width:1250px) {
	
	
	section.heroimage .content .title {
		width: 50%;
		}
}

@media screen and (max-width:1015px) {
	
	
	section.heroimage .content .title {
		width: 30%;
		margin-top: 25px;
		}
}

@media screen and (max-width:768px) {
	
	
	section.heroimage .content .title {
		font-size:40px;
		font-weight:bold;
		color:#fff;
		width: 90%;
		margin:10px 0 20px 0;
		}
}


@media screen and (max-width:640px) {


section.heroimage .content .title {
	color:#fff;
	}
	
}

.heroimage .ui-button {
    float:left;
	margin: 30px 0 20px 0;
}


/* page title */

.pagetitle{
background-position: 550px bottom, 690px bottom;
background-repeat:no-repeat,no-repeat;
background-image: url(../images/template/thick_light_blue_slash.png), url(../images/template/thin_grey_right_chevron.png) ;
}

.pagetitle-faqs {
background-image: none;
}

.pagetitle .blurb{
width:465px;
}

.pagetitle .supportingtext{
width:465px;
}

.full-width-text-container {
	width:67%;
}

.full-width-text-container .leftdecoration{
height:84px;
width:84px;
position:absolute;
left:-45px;
top:90px;
background: url(../images/template/thin_grey_right_chevron.png);
background-repeat:no-repeat
}


/*Area of Interest tiles*/


#tile {
    background-color: #026CAD;
	height: 120px;
	width: 120px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px;
}

#tile label {
	color: #fff;
	font-size: 1.1em;
	display:inline-block;
	height:120px;
	width: 120px;
	}
	
#tile:hover {
    background-color: #FACE02;
}

#tile:hover label {
	color: #000;
	}
	
.tile-wrapper {
	max-width: 760px;
	}
	


/*Area of Interest checkboxes*/


input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    margin:85px 0 0 0;
    vertical-align:middle;
    background:url(../images/checkboxes.png) left top no-repeat;
    cursor:pointer;
	float:right;
}
input[type="checkbox"]:checked + label span {
    background:url(../images/checkboxes.png) -28px top no-repeat;
}

/* Footer */

.l-footer{background:#242424;padding-bottom:3em;position:relative;z-index:2}
.l-footer a{color:#fff}
.l-footer p{color:#fff;font-size:12px;font-size:1.2rem;margin:.83333em 0;padding:0;line-height:1.2em}
.footer-top { box-shadow: 0 2px 3px #1a1a1a; -webkit-box-shadow: 0 2px 3px #1a1a1a; -ms-box-shadow: 0 2px 3px #1a1a1a; -moz-box-shadow: 0 2px 3px #1a1a1a; -o-box-shadow: 0 2px 3px #1a1a1a; background: #343333; overflow: hidden; height: 50px; }
.footer-top .ui-button{float:left}
.footer-top #back-to-top{display:none}
.footer-top #back-to-destinationmonash{display:none}
.footer-top-social{float:right;width:420px;*zoom:1}
.footer-top-social:after,.footer-top-social:before{content:" ";display:table}
.footer-top-social:after{clear:both}
.footer-top-social p{float:left;font-size:14px;font-size:1.4rem;color:#fff;font-weight:700;height:50px;line-height:50px;padding:0 10px 0 0;margin:0}
.footer-top-social-inner{width:auto;float:right;height:50px;*zoom:1}
.footer-top-social-inner:after,.footer-top-social-inner:before{content:" ";display:table}
.footer-top-social-inner:after{clear:both}
.footer-top-social-inner ul{*zoom:1;padding:0;margin:12px 0;height:26px;width:auto;float:right}
.footer-top-social-inner ul:after,.footer-top-social-inner ul:before{content:" ";display:table}
.footer-top-social-inner ul:after{clear:both}
.footer-top-social-inner ul li{float:left;margin-left:10px;height:26px;width:26px;list-style-type:none}
.footer-top-social-icon{width:100%;height:100%;display:block;text-indent:-9999px}
.footer-top-social-icon.google-plus{background-image:url(../images/template/google-plus.svg)}
.footer-top-social-icon.facebook{background-image:url(../images/template/facebook.svg)}
.footer-top-social-icon.twitter{background-image:url(../images/template/twitter.svg)}
.footer-top-social-icon.flickr{background-image:url(../images/template/flickr.svg)}
.footer-top-social-icon.youtube{background-image:url(../images/template/youtube.svg)}
.footer-top-social-icon.linkedin{background-image:url(../images/template/linkedin.svg)}
.footer-top-social-icon.weibo{background-image:url(../images/template/weibo.svg)}
.no-svg .footer-top-social-icon{background-image:url(../images/template/socialspritedesktop.png)}
.no-svg .footer-top-social-icon.google-plus{background-position:-52px 0}
.no-svg .footer-top-social-icon.facebook{background-position:0 0}
.no-svg .footer-top-social-icon.twitter{background-position:-26px 0}
.no-svg .footer-top-social-icon.flickr{background-position:-104px 0}
.no-svg .footer-top-social-icon.youtube{background-position:-130px 0}
.no-svg .footer-top-social-icon.linkedin{background-position:-78px 0}
.no-svg .footer-top-social-icon.weibo{background-position:-156px 0}
.l-footer > .wrapper {overflow:hidden;}
.footer-column{float:right;margin-top:50px}
.footer-title{font-size:20px;font-size:2rem;line-height:1em;margin:.5em 0;color:#c4c4c4}
.footer-list{padding:0;margin:25px 0 50px}
.footer-list li{list-style-type:none}
.footer-list li a{font-size:14px;font-size:1.4rem;line-height:1.42857em;margin:.71429em 0;color:#fff;display:block}
.footer-bottom{clear:both;margin:0 0 20px}
.footer-bottom p{font-size:12px;font-size:1.2rem;margin:.83333em 0;line-height:1em;color:#fff}
.footer-group-of-eight{width:200px;padding-left:80px}
.footer-group-of-eight a{margin-top:10px;display:block;width:157px;height:57px;background-image:url(../images/template/groupofeight.png);}
.svg .footer-group-of-eight a{background-image:url(../images/template/go8standard-white.svg);background-size:100% 100%;}
.footer-group-of-eight img{float:left;display:none;}


#page {
    overflow: hidden;
    transition: margin .6s ease-in-out;
    -webkit-transition: margin .6s ease-in-out;
    -ms-transition: margin .6s ease-in-out;
    -moz-transition: margin .6s ease-in-out;
    -o-transition: margin .6s ease-in-out;
}

#page.nav-open {
    margin: 0 70% 0 -70%;
}

.mobile-nav {
    display: none;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 4;
    width: 70%;
    height: 100%;
    background: #065484;
}

.mobile-nav ul {
    padding: 0;
    margin: 0;
}

.mobile-nav ul li {
    list-style-type: none;
}

.mobile-nav ul li a {
    display: block;
    padding: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.11111em;
    margin: .55556em 0;
    margin: 0;
    color: #fff;
    border-bottom: 1px solid #054c78;
    text-decoration: none;
}

.mobile-nav.is-open {
    display: block;
}

.mobile-nav-button a {
    display: block;
    margin-top: 0;
}




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
/** Mobile / Responsive **/

.hide-in-desktop-view {
    display:none;
}


@media screen and (max-width:768px) {
	
	
 
section .full-width-image-diamond,
    section .full-width-image-arrow {
        display: none;
    }
	section.heroimage {
		background-image:none !important;
		height:auto;
		background-color: #006cad;
		color:#242424;
		}
	.sectionnav-content-container section .content{
		padding-left:20px;
		width:auto;
		}
	section.heroimage .content{
		width:auto;
		height:auto;
		}
	section.heroimage .content .textbox{
		width:auto;
		margin:0px;
		float:none;
		color:#fff;
		}
	section.heroimage .content .textbox.fullsize{
		width:auto;
		}
    
  header:after,
    header:before
    {
        content: " ";
        display: table;
    }

#microsite-title a{
		font-size:26px; 
		}


#microsite-title-text{
min-width:275px;
}
#microsite-title{
padding-right:0px;
}
#microsite-title a{
max-width:350px;
}

.nav-bar{
display:none;
width:100%;
height: auto;
position:absolute;
margin-top:0px;
top:220px;
right:0px;
}

.primary-nav ul{
padding:10px 30px 30px 30px;
}

.primary-nav ul li:first-child {
border-top: 1px solid #d1d3d4;
}

.primary-nav ul li {
float: none;
display: list-item;
list-style-type: none;
border-right: 1px solid #d1d3d4;
border-left: 1px solid #d1d3d4;
border-bottom: 1px solid #d1d3d4;
background-color:#245c96;
}

.primary-nav ul li a {
height: auto;
width: auto;
}

.addthis {
display:none;
}

.wrapper{
width: auto;
}

.ui-button{
margin:0px;
}

.hide-in-mobile-view {
display: none;
}

.hide-in-desktop-view {
    display:block;
}
.hide-in-desktop-view.ui-button {
    display:inline-block;
}
.pagetitle .blurb{
width:auto;
}
.pagetitle {
background-image:none;
}

.floatingcontent{
width:auto;
}

.full-width-text-container .leftdecoration{
display:none;
background-image:none;
}

.full-width-text-container{
width:auto;
}

.textimage{height:auto;margin-bottom:0px;}
.textimage .decoration{ display:none; background-image:none;}
.textimage .text{top:0px;width:auto;}
.textimage.image-left .text{ left:0px; }
.textimage.image-right .text{left: 0px; }
.textimage.image-right .image, .textimage.image-left .image{display:none;background-image:none;}

.textcolumns {background-image:none;}
.textcolumns ul{margin:20px;}
.textcolumns li{height:auto;width:auto;padding-right: 0px; margin-bottom: 5px; float:none;}
.textcolumns .leftdecoration{ display:none;}

.sectionnav {position:relative;float:none;width:100%;margin-top:0px;}
.sectionnav .leftdecoration{ display:none;background-image:none;}

.download {background-image:none;}
.download .material {width:auto;}

.download.material-left .material ,.download.material-right .material { float: none; margin-right: 0px;margin-left:0px;}
.download.material-right .text, .download.material-left .text{float:none;width:auto;}

.externalpage iframe{
width:100%;
}


.footer-top{height:auto} .footer-top .ui-button.blue,.footer-top .ui-button.lightblue,.footer-top .ui-button.grey, .footer-top .ui-button.gray{float:none;width:100%} .footer-top .footer-top-social{width:93.75%;padding:10px 20px;float:none;height:auto;position:relative}.footer-top .footer-top-social p{float:none;width:100%;padding:6px 0 8px;height:auto;line-height:1.1em;position:absolute;top:10px}.footer-top .footer-top-social .footer-top-social-inner{margin:0;width:100%;padding-bottom:13px;height:auto}.footer-top .footer-top-social .footer-top-social-inner ul{float:left;width:100%;margin:30px 0 10px}.footer-top .footer-top-social .footer-top-social-inner li{margin:0 4px 0 0;float:left;width:38px;height:38px}.no-svg .footer-top-social-icon{background-image:url(../../img/graphics/socialspritedesktop.png);background-size:700% 200%}.no-svg .footer-top-social-icon.google-plus{background-position:-76px 0}.no-svg .footer-top-social-icon.facebook{background-position:0 0}.no-svg .footer-top-social-icon.twitter{background-position:-38px 0}.no-svg .footer-top-social-icon.flickr{background-position:-114px 0}.no-svg .footer-top-social-icon.youtube{background-position:-152px 0}.no-svg .footer-top-social-icon.linkedin{background-position:-190px 0}.no-svg .footer-top-social-icon.weibo{background-position:-228px 0}.footer-column{float:none;margin-top:20px;padding: 0px 20px;}.footer-column.grid-w5{width:auto}/*.footer-group-of-eight{padding:0}*/.footer-top #back-to-top,.footer-top #back-to-destinationmonash{display:block}.form-input{width:100%}


}


@media screen and (max-width:640px) {


  .mobile-overlay {
    display:block;
    position: absolute;
    width: 20px;
    height: 100%;
    opacity: 0.8;
    top: 0;
    background: #ffffff;
    z-index: 1;
  }

  .mobile-overlay-left {
    left:0;
  }

  .mobile-overlay-right {
    right:0;
  }
	

}


/* small screens */
@media screen and (max-width:400px){
  .download .material .downloadlist li {
    line-height:1.2em;
	}
#microsite-title a{
		font-size:22px; 
		}
}