/* Reset
------------------------------------------------------------ */
* { margin: 0;  }
html { overflow-y: scroll; }
body { background:  #fff; font-size: 19px; 

} 


html, body {
	height: 100%;
	
	color: #404040;
	font-family:   'Ubuntu', sans-serif; font-weight: 400;
	
	
	
}


strong {
    font-family:  'Ubuntu', sans-serif;

    font-weight: 700;
	
}
	
em {
    font-family:  'Ubuntu', sans-serif;
 font-weight: 400;;
}
	

body {
  display: table;
  width: 100%;
	
}

.fontsize60 {font-size: 75%;}

table {
	font-size: 18px;
	font-family:  'Ubuntu', sans-serif; font-weight: 400;
	
}
th, td {

	font-size: 18px;
	
	font-family:  'Ubuntu', sans-serif; font-weight: 400;
	padding: 5px;
	}

figure {
 
  margin: auto;
	float: left;
}

figcaption {
  color: #404040;
font-size: 12px;
	
	font-family:  'Ubuntu', sans-serif; font-weight: 500;  padding: 0px;
  text-align: left;
}


.main ul, .main ol {
	padding: 0px 0px 0px 40px;
	
	
	line-height: 29px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.main li { line-height: 29px; }

li::marker {
    font-size: .8rem;
}


h1 {
font-family:  'Ubuntu', sans-serif; font-weight: 700 !important;
	color: #6e91c6;

	margin-top: 5px !important;
	margin-bottom: 10px;
	font-size: 36px;
 
}	



h2 {
	margin-bottom: 8px;
	color: #6e91c6;
	padding-top: 5px;
	font-size: 28px;
	font-family:  'Ubuntu', sans-serif; font-weight: 700 !important;

	}
	
	h3 {
	margin-bottom: 15px;
	color: #6e91c6;
	padding-top: 15px;
		
	font-size: 24px;
font-family:  'Ubuntu', sans-serif; font-weight: 700 !important;
	
}

h3.clear {
    clear: both;
}

h4 {
	margin-bottom: 6px;
	color: #6e91c6;
	padding-top: 0px;
	font-size: 22px; line-height: 140%; font-family: 'Ubuntu', sans-serif; font-weight: 700;
	
	}
	
	h5 {
	margin-bottom: 6px;
	color: #404040;
	padding-top: 0px;
	font-size: 18px; line-height: 140%; font-family:  'Ubuntu', sans-serif;font-weight: 700;
	
	}
	
	h6 {
	font-family:  'Ubuntu', sans-serif; font-weight: 500 !important;
	color: #404040;
	margin-top: 5px !important;
	margin-bottom: 5px;
	font-size: 34px;
	
	}



.smaller{font-size:70%;}

a, img { outline: none; border:none; color: #333333; font-weight: bold; text-transform: none;}
p {
	margin: 0 0 12px;
	line-height: 170%;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-size: 19px;
	font-family:  'Ubuntu', sans-serif; font-weight: 400;
}

.hyphenate {
  /* Careful, this breaks the word wherever it is without a hyphen */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* Adds a hyphen where the word breaks */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}


.main ul li{
 font-size:19px !important;
}







aside { font-size: 0.9em;}



article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	margin-top: 0px;
	}
	
hr {
  
  width: 70%;
	color: #36447e;
	
	
    height: 2px;
     
	
	 margin-left:auto;
	 	 margin-right:auto;
		 
		 opacity: 0.2;
  border-top: 1px solid #36447e;
  border-bottom: 1px solid #fff;


}

hr.style-one {
border: 0;
height: 2px;
background: #36447e;

}


	
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #6e91c6;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	font-family:  'Ubuntu', sans-serif;font-weight: 400;
}
a:visited {
	color: #6e91c6;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #89db89 !important;
	
		-webkit-transition: color 0.45s ease-out;
  -moz-transition:color 0.35s ease-out;
  -o-transition: color 0.35s ease-out;
  transition: color 0.35s ease-out;
}

	
/* Structure */
#wrapper {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 0;
	} 

	#main2 {
	width: 90%;
	margin-right: 0%;
	float: left;
	background-color: none;
	padding-left: 5%;
		padding-right: 5%;
	padding-top: 8px;
		
	
		}	
		
		
		#main1 {
	width: 90%;
	margin-right: 0%;
	float: left;
	background-color: none;
	padding-left: 5%;
		padding-right: 5%;
	padding-top: 28px;
	background-size:100%;
		
		background-repeat: no-repeat;
		background-position:bottom;
	
		}	
		

	
	
		
/* Nav */
header nav {
	float: right;
	margin-top: 40px; 
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}

#skipTo {
	display: none;
	}
	#skipTo li {
		background: #b1fffc;
		}

/* Banner */			
#banner {
	
	position:relative;
	margin-bottom: -10px;
	width: 100%;
	height: auto;
	margin-top: 41px;
	background-color: none;


	
	}

	#banner img {
		width: 100%;
		
		max-width: 3840px;
		
		}


.page-row {
	display: table-row;
	height: 1px;
}

.page-row-expanded {
	height: 100%;
}

#nav {
	position: relative;
	width: 250px;
	height: 115px;
	z-index: 1;
	float: right;
}

#top {
	position: absolute;
	width: 100%;
	height: 41px;
	background-color: #6e91c6;
	
	margin-top: 0px;
	
	
	padding-left: 3%;
	
	z-index: 91 !important;
	
	

	
}

#foots {
	
	height: 100px;
	width: 100%;
	z-index: 50;
	
		background-color:   #6e91c6;
	

	
	
}


.lightyelobox {
	width: 100%;
	padding-top:0px;
	margin-right: auto;
	margin-left: auto;
	background-color:  #6e91c6
        ;
	

	
	font-family:  'Ubuntu', sans-serif;
  margin: 0 auto;
  text-align: center;
  color: white;
  font-weight: 600;

	
	
}


#footsnested {
	width: 100%;
	height: 60px;
	z-index: 50;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}


#foots img {
		width: 100%;
		}




#tablefoot {
	
	width: 300px ;
	margin-top: 10px;
	float: left;
	margin-left: 15px;
}
	


	
#tablefoot2 {
	
	width: 150px ;
	float:right;
	margin-top: 5px;
	margin-right: 25px;
}
	

.speakerpic{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 6px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 2px;
	float: left;
	
	
}





.bulletdivs {
	margin: 3px;
	padding: 3px;
	float: left;
	width: 38%;
		background: #e5f5fd;
	
}





.roundedleft{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	float: left;
	


 -webkit-animation: 1s show;
    -moz-animation: 1s show;
    -ms-animation: 1s show;
    animation: 1s show;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;



	
}


.roundedleft2{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 35px;
	float: left;
	


 -webkit-animation: 1s show;
    -moz-animation: 1s show;
    -ms-animation: 1s show;
    animation: 1s show;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;



	
}
.roundedrght2{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: right;
	
	 -webkit-animation: 1s show;
    -moz-animation: 1s show;
    -ms-animation: 1s show;
    animation: 1s show;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}


.roundedrght{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: right;
	
	 -webkit-animation: 1s show;
    -moz-animation: 1s show;
    -ms-animation: 1s show;
    animation: 1s show;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}

.rounded{
	width:98%;
	
	background-color: #eee;
	
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 14px;
	padding-bottom: 16px;
	margin-left: auto;
	margin-right: auto;

	
	
	 -webkit-animation: 1s show;
    -moz-animation: 1s show;
    -ms-animation: 1s show;
    animation: 1s show;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}





.roundedrghtaligntext{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 18px;
	float: right;
	
	
	-webkit-animation: 1s show;
    -moz-animation: 1s show;
    -ms-animation: 1s show;
    animation: 1s show;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	
}



.frontpic{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	
}





.bullets {
	margin-top: 8px;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	font-size: 19px;
	line-height: 120%;
	margin-bottom:10px;
	padding-left: 12px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

.bulletswhite {
	margin-top: 8px;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	font-size: 17px;
	color: #fff;
	line-height: 140%;
	margin-bottom:10px;
	padding-left: 12px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

.centeringdiv{
	
	text-align: center;
}

.myButton {
	
	background-color: #6e91c6 ;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff !important;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 16px;
	text-decoration: none !important;
	text-align: center;
	
	
}
.myButton:hover {
	background-color: #89db89 !important;
	color: #404040 !important;
}



.myButton:visited {
	
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 16px;
	text-decoration: none !important;
	color: #ffffff !important;

	
}

.myButton:active {
	position:relative;
	top:1px;
}







.speakertext {
	width: 80%;
	float: left;
	font-weight: 400;
	padding-left: 8px;
}

.speakerrule {
width: 97%; height: 2px; background-color: #9a421e; float: left; margin-bottom: 10px;

}


#accombox{
	display: block;
	float: left;
	padding: 10px;
	background: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #000;
	margin-bottom: 10px;
	margin-right: 5px;
	width: 97%;
}


#accomdiv {
	margin-right: 60px;
	
	margin-bottom: 20px;
	float: left;
	height: 350px;
	
	width: 330px;
	padding: 10px;
	background: #d1d4e7;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	
}


#accomdiv p{
	
	font-size: 16px !important;
	line-height: 140% !important;
	
	
}





 
.accompic {
	margin-bottom: 5px;
	
	
}
 

.stars{
	
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: right;
	width: 166px;
	
}







.visible-mobile {
  display: none !important;
	
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	
	padding-right: 0px;
	
	width: 142px;
	
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
   }

   .fade:hover {
      opacity: 0.5;
     
	   
}


.fade2 {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	
	padding-right: 0px;
	
	width: 120px;
	
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
   }

   .fade2:hover {
      opacity: 0.5;
     
	   
}
	   
.speaker-caption {width: 142px;
	
	height: 230px;
float: left;
	margin-right: 6%;
	
	margin-left: 0%;
	
	margin-top: 18px;
	
	
}


.teacher-caption {width: 120px;
	
	height: 220px;
float: left;
	margin-right: 5%;
	
	margin-left: 0%;
	
	margin-top: 18px;
	
	
}


.speaker-caption-right {width: 142px;
float: left;
	margin-right: 0;
	
	margin-left: 0%;
	
	margin-top: 15px;
	
	
	
}



#Flowrightdiv {
	float: right;
	height: auto;
	width: 360px;
	max-width: 30%;
	background: #6e91c6;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: -16px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding: 6px;
	
}



#Flowbottomdiv {
	
	height: auto;
	width: 98%;
	
	float: right;
	background: #a6052d;
	
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	padding: 6px;
	margin-bottom: 15px;
	
	
}





#Flowrightdivcontact {
	float: right;
	height: auto;
	width: 55%;
	background: #d1d4e7;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding: 16px;
		
}

#Flowbottomdivcontact {
	
	height: auto;
	width: 98%;
	
	float: right;
	background: #d1d4e7;
	
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	padding: 6px;
	
	text-align:center;
}


.bigdivgraph {
	background-color: #e1f1e3;
	padding-left: 0%;
	width: 100%;
	height: 6px;
}


.bigdiv {
	background-color: #d1d4e7;
	padding: 5%;
	width: 90%;
	
	clear: both;
	overflow: hidden;
}

.bigdiv2 {
	
	padding: 5%;
	width: 90%;
	clear: both;
 
	
background-color: #6e91c6;

	background-image: url(../images/bg.png);
	
	background-attachment: fixed;
	background-size: inherit;
	background-repeat: no-repeat;
	z-index: -100;
}
	



.bigdivwhite {
	background-color: none;
	padding: 5%;
	width: 90%;
}

.bigdivwhite2 {
	background-color: #fff;
	padding: 5%;
	width: 90%;
	
	margin-left: auto;
	margin-right: auto;
}


.Halfdiv {
	color: #fff;
	background-color: #404040;
	float: right;
	width: 45%;
	margin-left: 44px;
	padding: 34px 14px 36px 14px;
	
}


.Halfdivwhite2 {
	
	
	float: right;
	width: 40%;
	
	margin-left: 1%;
	
	
}


.H1div {
	color: #fff;
	background-color: #404040;
	float: left;
	
	padding-left: 10px;
	margin-right: auto;
}


.hotelbox {
	width: 100%;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-color: #fff;
	
	margin-bottom: 0px;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;}
		




/* Media Queries */
	


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


	


	
	.space-top{
		margin-top: 20px;
	
	}	
	.roundedrght{
	
width: 40%;
  height: auto;
	
}
.roundedrght2{
	max-width: 203;
	
	height: auto;
}

.roundedleft{
width: 80%;
  height: auto;
	
}



}@media screen and (max-width: 800px) {
	
#banner {
	
	position:relative;
	margin-bottom: -10px;
	width: 100%;
	height: auto;
	margin-top: 35px;
	background-color: none;}
	

	
	
#top {
	position: fixed;
	width: 100%;
	height: 35px;
	z-index: 50;
	background-color: none;
	
	margin-left: 0px;
	margin-top: 0px;
/* 	-webkit-box-shadow: 0px -1px 5px 1px #000;  Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
/*   -moz-box-shadow:    0px -1px 5px 1px #000;  /* Firefox 3.5 - 3.6 */
/*   box-shadow:        0px -1px 5px 1px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	
}
	
	
	
	
	html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
		
		
		
}
	
	.bigdiv2 {
	
	padding: 7%;
	width: 86%;
	
background-color: #3b3b3b;

	background-image: url(../images/bg.png);
	
	background-attachment: scroll;
	background-size: inherit;
	background-repeat: no-repeat;
	z-index: -100;
		overflow: hidden;
	float: left;
}
	

	
#banner1 {
	float: left;
	margin-bottom: 0px;
	width: 100%;
	margin-top: 0px;
	background-color: none;
	
	}

	#banner1 img {
		width: 100%;
		}
	

header nav, #main2, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
	
#nav {
	position: relative;
	width: 250px;
	height: 5px;
	z-index: 1;
	float: right;
}


#main2 {
	width: 96%;
	margin-right: 0%;
	float: left;
	
	padding-left: 2%;
	padding-top: 8px;
	padding-right: 2%;
		}	
		
		
	
		

	
	.speaker{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 12px;
	margin-bottom: 5px;
	margin-right: 15px;
		max-width: 90%;
	max-height: auto;
}

	
	.speakerfront{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-right: 15px;
	
}





	
#foots img {
		width: 100%;
		}		
		
		
	

	.sigleft{

		max-width: 33%;
	max-height: auto;
	

	}	

	.roundedrght{
	
width: 33%;
  height: auto;
	
}


	

}

@media screen and (max-width: 480px) {	
	
.visible-mobile {
    display: inline !important;
  }

  .hidden-mobile {
    display: none !important;
  }

	
	
#top {
	position: absolute;
	width: 100%;
	height: 35px;
	z-index: 50;
	background-color: none;
	
	margin-left: 0px;
	margin-top: 0px;
/* 	-webkit-box-shadow: 0px -1px 5px 1px #000;  Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
/*   -moz-box-shadow:    0px -1px 5px 1px #000;  /* Firefox 3.5 - 3.6 */
/*   box-shadow:        0px -1px 5px 1px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	
}	
	
	
	h1 {
font-family:  'Ubuntu', sans-serif; font-weight: 700 !important;
	color: #6e91c6;
	margin-top: -20px !important;
	margin-bottom: 10px;
	font-size: 32px;
 
}	
	
	p {
	
	font-size: 17px;
line-height:140%;
}

	
	img{
width: 100%;
	Height: auto;}

.roundedrght{
	
width: 100%;
  height: auto;
	
	}

	.roundedrght2{
	
width: 100%;
  height: auto;
	margin-left: 0px;
}
	.Halfdivwhite2 {
	
	
	
	width: 100%;
	
	margin-left: 0;
	
	
}


	
.Halfdiv {
	color: #fff;
	background-color: #404040;
	float: right;
	width: 98%;
	padding: 3px;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.roundedrghtaligntext{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 6px;
	margin-left: 6px;
	float: right;
	max-width: 95%;
	
}

.figurecentre {
 
   display:block!important;
        margin-left: 0px!important;
	margin-right: 0px!important;}
	
	table {
	font-size: 11px;
	font-family:  'Ubuntu', sans-serif; font-weight: 400;
	
}
th, td {

	font-size: 11px;
	
	font-family:  'Ubuntu', sans-serif; font-weight: 400;
	padding: 1px;
	}
	
	

}