#outer-container {
    max-width:1200px;
    min-width: 320px;
    margin-left:auto;
    margin-right:auto;
}


@font-face {
font-family: MyriadPro;
src: url(../fonts/MyriadPro-Regular.otf);

}

a {
	text-decoration:none;
	color : #535353;
}
a:hover {
	text-decoration:underline;
}

a.helpful-link{
	color:blue;
}
p{
		color: #535353;
}

h1,h2,h3, h4, li{
		color: #535353;
}

body{
	margin:0px;
	padding:0px;
	font-family: 'MyriadPro', 'Open Sans', Helvetica, Arial, sans-serif;
	height:100%;
	background-color: #e8e8e8;
}

.home-block-container {
	min-width: 290px;
}

@media all and (min-width: 520px)  {
  .home-block-container {
    	width:33.3%;
	float:left;
  }
}

@media all and (max-width: 520px) {
  .home-block-container {
    	text-align: center;
  }
}

.home-promo-container {
	width: 96.5%;
	margin-left:auto;
	margin-right:auto;
}

@media all and (max-width: 520px) {
  .home-promo-container {
	text-align: center;
	margin-bottom: 100px;
	width: 90%;
  }
}


#home-content-container {
        margin-top:1%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
}

div#header-wrap{
	margin-top: -420px;
}
div.header{
	z-index:-9999;
	background-image:url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	min-height:400px;
}


img#main-banner{
	width:100%;

	opacity:0.9;
}
div.main-nav{
	background-color: rgba(253,252,253,0.5);
	margin-top:3%;
	padding-left:10%;
	margin-bottom:5%;
	width:90%;
/*	height:100px; */
	padding-bottom: 1%;
	float:left;
}
div#nav-container {
	width:80%
	
}

/*div#header-wrap{
			 position:absolute;
	 left:0;
	 top:0;
}*/

h1#site-title{
	display:inline;
	font-size:1.5em;
	width:300px;
	float:left;
	color: #535353;
}

@media all and (max-width: 520px) {
    h1#site-title {
        width: 100%;
    }
}

ul#menu{
	display:inline-flex;
	/* list-style-type: none; */
	list-style: none;
	list-style: none;
	display: block;
	width: 120%;
	height: 20px;
	padding-top:20px;
}

@media all and (max-width: 520px) {
    ul#menu {
        width: 100%;
    }
}

ul#menu li {
	float : left;
	line-height:2em;
	margin-right:1em;
	white-space: nowrap
}

ul#menu > li.active{
	border-bottom: 3px solid #ffe800;
}

ul#menu li a {
	color: #535353;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding: 5px 10px;
}

ul#menu li:hover,ul#myenu li a:hover {
	border-bottom: 3px solid #ffe800;
	z-index:100001;
}

ul#menu  li  ul {
	background-color: rgba(253,253,253,0.95);
	position:absolute;
	display:none;
/*	width: 100px; */
z-index: 10000;
list-style-type: none;
width: 100px;
margin-left: 8px;
padding-left: 0px;
/* padding-right: 3px; */
/* padding-bottom: 5px; */
margin-bottom: 0px;
padding-bottom: 0px;
}

ul#menu  li:hover  ul {
	display:block;
margin-top:3px;
}

ul#menu li ul li {
padding: 0px;
padding-bottom: 7px;
margin: 0;
padding-top:0px;
margin-top:0px;
margin-bottom:5px;
height: 20px;
width:100px;

padding-bottom: 17px;
margin-top: -3px;
margin-bottom: 0px;
height: 20px;
width: 100px;



}

ul#menu li ul li:hover {
background-color:#ffe800;
/* width:100px; */
border-bottom: 0px solid #ffe800;	
}


div.secondary-banner{
	height:220px;
	display:block;
	clear:both;
}

@media all and (min-width: 520px) and (max-width: 1200px) {
    div.secondary-banner {
	max-width:100%;
	width:100%;
    }
}

@media all and (max-width: 520px) {
    div.secondary-banner {
	height: 200px;
    }
}


div#ey{
	background-color:white;
	/* max-width:40%; */
	width:45%;
	display:inline;
	float:left;
	padding: 1.5%;
	height:150px;
	padding-bottom:3px;
}

@media all and (max-width: 520px) {
	div#ey{
	    width: 90%;
	    display: inline-block;
	    height: 160px;
	    padding-bottom: 15px;
	    margin-left: auto;
	    margin-right: auto;
	    float:none;
	    padding-bottom: 15px;
	}
}

div#ey-logo{
	display:inline;
	float:left;
	max-width:50%;
}
div#ey-logo > img{
	width:90%;
}

div#ey-copy-1{
	text-align: center;
	max-width:40%;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align:middle;
	float:right;
	color: #535353;

}
div#ey-copy-2{
	background-color: #ffe800;
	padding:10px;
	max-width:40%;
	margin-top:5px;
	text-align:center;
	color: #535353;
	float:right;
}

@media all and (max-width: 520px) {
	div#ey-copy-2{
	    margin-bottom: 3px;
	    display: block;
	}
}

div#find-out-more{
	display:inline;
	width:40%;
	max-width:280px;
	/* margin-left:5%; */
	float:right;
	padding-bottom:10px;
	height:auto;
	opacity:1;
	background-color:white;
}

@media all and (max-width: 520px) {
	div#find-out-more {
	    display: inline-block;
	    width: 100%;
	    float:none;
	}
}

div#luanda-event{
 color: #535353;
background-color: #ffe800;
text-align: center;
padding-left: 10px;
padding-bottom: 10px;

padding-top: 1px;


}



@media all and (max-width: 770px) and (min-width: 716px) {
  div#luanda-event  {
    font-size:90%;
  }
  

}


@media all and (max-width: 715px) and (min-width: 623px) {
  div#luanda-event  {
    font-size:80%;
  }

}

@media all and (max-width: 622px) and (min-width: 520px) {
  div#luanda-event  {
    font-size:70%;
  }
}
div#luanda-event > h1{
	color: #535353;
	margin-left:5px;
	margin-bottom:0px;

}

div#luanda-event > h2{
	color: #ffe800;

}

div#luanda-more{
		padding:3px;
	background-color:#dcdcdc;
	float:right;
	margin-right:15px;
    margin-left:15px;
	padding-left:10%;
	padding-right:10%;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:15px;
    	margin-bottom:5px;
}

div#luanda-more > p{
	margin:0px;
	padding:3px;
    text-align:center;
}


img#pin{
    max-width:40px;   
    margin-right:-30px;
    float:left;
    margin-top:10px;
}
div.uni-image > div.find-button{
	width:40%;
}
div.find-button{
		max-width:112px;
}

div.find-button, div.booking-button{
	padding:3px;
	background-color:#dcdcdc;
	float:left;
}

div.find-button > p{
	 margin:0px;
	 padding:5px;
	 color: #535353;
	 }
	 

	 
div.booking-button{
	margin-bottom:10px;
	
}

div.booking-button > p{
	margin:0px;
	padding:5px;
}

div#home-content-container{
	margin-top: 0px;
}
div#content-container {
	margin-top:-250px;
	margin-top:-18%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
} 
div.content{
	/* background-color: #e8e8e8;*/
/*	clear:both;
	padding:10px;
	padding-left:8%;
	padding-right:8%;
	min-height:550px;
	padding-bottom:100px; 
	margin-top:20px;


/* background-color: #e8e8e8;
clear: both;
padding: 10px;
padding-left: 8%;
padding-right: 8%; */


clear: both;
min-height: 400px;
/* padding-bottom: 50px;
margin-top: 20px;
	*/
}

div.university{
	background-color:white;
	/* min-width:25%;*/
	max-width:100%;
	margin:20px; 
	padding:7px;
	/* float:left; */
	/*height: 350px;*/
}



@media all and (max-width: 1200px) and (min-width: 865px) {
  div#home-content-container {
    margin-top:0px;
  }
}

@media all and (max-width: 864px) and (min-width: 704px) {
  div#home-content-container  {
    margin-top:20px;
  }
}

@media all and (max-width: 703px) and (min-width: 520px) {
  div#home-content-container  {
    margin-top:30px;
  }
}

div.uni-logo{
	border-bottom: 1px solid lightgray;
	margin-top: -7px;
}

div.uni-logo > p > img{
	margin-right:10px;
	float:left;
}

div.uni-logo > p{
	vertical-align:top;
	font-size:1.3em;	
	min-height:100px;
	margin-bottom:0px;
	color: #535353;
}
div.uni-courses{
	border-bottom: 1px solid lightgray;
	min-height:90px;
}

div.uni-courses > ul{
	padding-left:7px;
	min-height:55px;
	margin-bottom:0px;
	
}
div.uni-courses > ul > li{
	color: #535353;
	list-style-type:none;
}

div.uni-image{
	padding-left:7px;
	padding-right:7px;
	height:110px;
	position:relative;
}
div.uni-image > img{
	float: left;
	max-width:50%;
	max-height:90px;
	padding-top:10px;
	padding-left:7px;
	padding-right:7px;
width: 45%;
position: absolute;
bottom: 0;
left: 0;
margin-right: 10px;
display: block;
}

div.uni-image > .find-button{
	/* float:right; */
	/* margin-top: 10px; */
width: 35%;
position: absolute;
bottom: 0;
right: 0;
min-width: 60px;
display: block;
}

div.footer{
/*	height:40px; */
	background-color:white;
	text-align:center;
   bottom:0;
   width:100%;
margin-left: auto;
margin-right: auto;
margin-top:10px;
}
.ey_block-disclaimer {
	padding:10px;
}
.footer-disclaimer {
        font-size: .7em;
}

@media (max-width: 1100px) and (min-width: 460px) {
  div.footer{
    margin-top:420px;
  }
}

@media (max-width: 1100px) and (min-width: 320px) {    
	div#sidebar{
	    margin-top:20px;   
	}
    
    div#quick-links{
        min-width:100%;   
    }
}

@media all and (max-width: 460px) {
  div.footer{
    margin-top: 620px;
  }
}

div.university-info{
	min-width:240px;
	max-width:60%;
	float:left;
	background-color:white;
	/* margin-top: -50px; */
	padding:15px;
	margin-top:0px;
	z-index: 9999;
	min-height:450px;
}

div.content-info{
	min-width: 240px;
	max-width:60%;
	float:left;
	background-color:white;
	/* margin-top: -50px; */
	padding:15px;
	margin-top:0px;
	z-index: 9999;
	min-height:550px;
}	

img.content-logo{
	width:180px;
	padding-left:5px;
	padding-top:5px;
	float:left;
	margin-right:20px;
margin-top: -20px;
margin-bottom: 61px;
}

div.content-header > h2
div.university > img.uni-logo{
	width:90px;
} 

img.uni-photo{
	width:180px;
}



img.uni-photo{
float:right;
}

div.uni-header > h2{
	clear:both;
}

div.uni-header > h2{
	padding-top:10px;
}

div.course-info > a, h4 a{
	color:blue;
}



div.sidebar-block {
	float:right;
	max-width:33%;
	min-width:320px;
}

div#sidebar{
/*	float:left;
	margin-left:4%; 
	max-width:30%; */
	background-color:white;
	/* margin-top:-50px; */
	z-index:9999;
}

div#sidebar-top{
	background-color:#ffe800;
	padding:5px;
}

div#sidebar-top > h1, h2{
	margin:0px;
}

div#sidebar-main{
	padding:15px;
    background-color:white;

}

div#sidebar-main > ul{
    padding-left:15px;  
    font-size:90%;
}

div#quick-links{
/*	float:left;
	margin-left:4%;

	max-width:30%;
	min-width:30%; */
	margin-top:20px;
	background-color:white;
}

div#quick-links > h4, p , .course-info h4 {
	padding-left:10px;
	padding-right:10px;
}

div#quick-links > p > a{
	color:blue;
}

p.footer-disclaimer{
	color: #535353;
}

span#togglehideme{
	color: #535353;
	padding-left:7px;
	cursor:pointer;
}

div.content-header, div.uni-header{
	padding-top:10px;

}

.uni-logo {
	max-width:100%;
}
div.content-header > h2{

margin-top: 10px;
margin-right: 10px;
/* margin-bottom: 50px; */
margin-bottom:30px;

}

div.course-info > h2 {
	/* font-size:5; */
	margin-top: 20px;
	margin-right: 10px;
	/* margin-bottom: 50px; */
	margin-bottom:20px;
	text-decoration:underline

}

div.course-info > h3:first-of-type{
	clear:both;
/*	padding-top:20px; */
	padding-left:5px;
}

@media all and (max-width: 1100px) and (min-width: 861px) {

  div.sidebar-block{
	min-width:50%;
	float:left;
	clear:both;
	}

}

@media (max-width: 1100px) and (min-width: 320px) {
  div.content-info, div.university-info{
    max-width:100%;
	margin-bottom:20px;
  }	
  div.sidebar-block{
	min-width:100%;
	float:left;
	clear:both;
	}
	
	div#quick-links{
		min-width:100%;
		clear:both;
	}
    
    div#ey-copy-2{
        max-width: 60%;
        margin-top: -10px;   
    }

div#ey {
	height:170px;
}
    
    div.home-promo-container div#luanda-event h1{
        font-size:18px;   
    }
    div.home-promo-container div#luanda-event img#pin{
        max-width:25px;   
    }
}

div.ey_block-disclaimer > div.vx_text > p:first-of-type{
	color:blue;
}

div.ey_block-disclaimer > div.vx_text > p > a{
	color:blue;
}


div#accordion{
    font-family: "MyriadPro", "Open Sans", sans-serif;
    font-size:   1em;
    margin-top:20px;
    margin-bottom:20px;
}

div#accordion a{
    color:blue;   
}
div#accordion > h3{
    font-family: "MyriadPro", "Open Sans", sans-serif;
    font-size:   1em;
    font-weight: bold;
}