/*
Home Page  --------------------------------------------------------------------------------
*/
body{
		margin:0 auto;
		background-color: #d4effd;
}
.top {
	width: 100%;
	margin:auto;
	padding: 0;
	border: 0;
	font-family: 'lucida grande', tahoma, verdana, helvetica, arial, san-serif;
	font-size: 100%;
	background-image: url("images/navTexture.png");
	background-repeat: repeat-x;
	background-color: #d4effd;
}

.clear {
	clear:both;
}
span{
	font-weight: bolder;
}
.header{
	max-width: 675px;
	padding-top: 20px;
	margin: auto;
	text-align: center;
	
}
.logo{
	float: left; 
	padding-right: 5px;
	padding-top: 10px; 
}
.headerRight{
	float: right;
	padding-top:10px;
	padding-bottom: 15px;
}
.nav {
	float: left;
	padding-bottom: 18px;
}
.nav ul li{
	font-weight: bold;
	float: left;
	padding-right:11px;
	text-decoration: none;
	list-style: none;
	font-size: 100%;
}
.nav ul li a:link{
	color: #005691;
	text-decoration: none;
}
.nav ul li a:visited{
	color: #005691;
	text-decoration: none;
}
.nav ul li a:hover{
	color: #0abef2;
}
.nav ul li a.active{
	color: #0abef2;
}
.belowNav img{
	padding-left: 20px;
	padding-bottom: 30px;
}
.container{
	max-width: 700px;
	margin: auto;
	width: 100%;
	text-align: center;	
}
.container ul{
	text-align: left
}
.container h1, .container2 h1{
	font-size: 22px;
	font-weight: bolder;
	padding-bottom: 10px;

}
.containerContent{
	width: 100%;
	padding-top: 15px;
}
.contentLeft{
	width: 58%;
	padding-bottom: 40px;
	float: left;
	text-align: left;
}
h2{
	font-size: 17px;
	font-weight: bolder;
	text-align: left;
}
h3{
	font-size: 23px;
	font-weight: bolder;
	padding-bottom: 10px;
	padding-top: 35px;
	text-align: left;
}
p{
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	line-height:20px;
}
.contentRight {
	float: right;
	width: 38%;
	text-align: left;
	padding-bottom: 40px;

}
.bottom{
	background-color: white;
	padding-top: 15px;
	padding-bottom: 85px;

}
.footer{
	margin: 0 auto;
	width: 100%;
	max-width: 700px;
	height: 100%;
}
.footerLeft{
	float: left;
	width: 65%;
	vertical-align: middle;
	margin-bottom: 15px;
}
h4{
	font-size: 12px;
	font-weight: lighter;
	border: 0;
	font-family: 'lucida grande', tahoma, verdana, helvetica, arial, san-serif;
}
.footerRight{
	float: right;
	vertical-align: middle;

}
.footerRight h4 a:link{
	color: #005691;
	text-decoration: none;
}
.footerRight h4 a:visited{
	color: #005691;
	text-decoration: none;
}
.footerRight h4 a:hover{
	color: #0abef2;
}

 /*                                         End of general styles and home page styles                                     */ 
               
               
               /*                                         About Page                                     */ 

.quickLinksAbout{
	margin-top: 30px;
	margin-right: 30px;
	float: left;
	height: 600px;
}
.quickLinksAbout{
	text-align: left;
	margin-right: 20px;
	width: 22%;
	padding-right: 10px;
	background-color: #acdef8;
}
.quickLinksAbout h5 a:link{
	color: #005691;
	text-decoration: none;
	margin: 0;
	font-size: 14px;
	padding-top: 10px;
	text-align: left;
	padding-left: 10px;
}
.quickLinksAbout h5 a:visited{
	color: #005691;
	text-decoration: none;
}
.quickLinksAbout h5 a:hover{
	color: #0abef2;;
}
.quickLinksAbout h5 a.active{
	color: #0abef2;
}

.aboutImages img{
	padding-top: 30px;
	float: left;
	padding-left: 5px;
	padding-right: 25px;
	padding-bottom: 10px;
}
.twoColContainer{
	width: 70%;
	text-align: left;
	float: left;
	padding-bottom: 50px;
}
.twoColContainer ul{
	text-align: left;
}
.twoColContainer ul li{
	font-size: 16px;
	font-weight: normal;
}
.twoColContainer a:link{
	color: #005691;
	text-decoration: none;
}
.twoColContainer a:visited{
	color: #005691;
	text-decoration: none;
}
.twoColContainer a:hover{
	color: #0abef2;
}
.sponsors{
	background-color: white;
	
}
.sponsors img{
	padding-left: 30px;
	align-content: center;

}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #a2dbf9;
  color: #000102;
	line-height: 1.6;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 .accordion:hover {
  background-color: #61b3de;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
   /*                                         contact Page                                     */ 

.containerContent ul li{
	font-size: 16px;
	font-weight: normal;
	list-style-type:circle;
}
.containerContent ul li a:link{
	color: #005691;
	text-decoration: none;
}
.containerContent ul li a:visited{
	color: #005691;
	text-decoration: none;
}
.containerContent ul li a:hover{
	color: #0abef2;
}
.contentListContainer{
	width: 100%;
}
.contentRightListRightCol{
	float: left;
}
.contentRightListRightCol ul{
	margin-top: 0px;
	list-style: inside;
	padding-left:0;
}
.contentRightListRightCol ul li{
	font-size: 15px;
	width:80%;
}
.contentRightListLeftCol{
	float: right;
}
.contentRightListLeftCol ul{
	margin-top: 0px;
	padding-left:0;
}
.contentRightListLeftCol ul li{
	font-size: 15px;
	width: 80%;
}
.leftColLeft{
	float: left;
	padding-right: 10px;
}
.leftColRight p{
	float: left;
	padding-right: 10px;
}
iframe{
	padding-bottom: 20px;	
}

               /*                                         Speakers Page                                     */ 

.speakerSchedule{
	width:90%;
	background-color: #136cad;
	margin: 8px;
	padding: 8px;
	margin-bottom: 15px;
    border-radius: 15px;
}
.speakerSchedule h2{
		text-align: center;
	-webkit-align-content: center;
    align-content: center;
}
.speakerSchedule a:link{
	color: white;
	text-decoration: none;
}
.speakerSchedule a:visited{
	color:  white;
	text-decoration: none;
}
.speakerSchedule a:hover{
	color: #d4effd;
	background-color: #186aa6;
}
.speakerSchedule a:active{
	color:#d4effd;
}
.keynoteFeature{
	float: left;
	background-color: #bae2f6;
	margin: 10px 10px;
	-webkit-align-content: left;
    align-content: Left;
	max-width: 562px;
}
.speakerContainer, .speakerContainerWide{
	float: left;
	background-color: #bae2f6;
	margin: 8px 10px;
	
	-webkit-align-content: center;
    align-content: center;
    max-width: 25%;
    min-height: 160px;
}
.speakerContainerWide{
	float: left;
	background-color: #bae2f6;
	margin: 8px 10px;
	
	-webkit-align-content: center;
    align-content: center;
    max-width: 50%;
    min-height: 160px;
}
.speakerContainer img{
	margin: 0px 10px;
}
.speakerContainerWide img{
		margin: 0px 10px;
}
.contentMiddle{
	max-width: 25%;
	padding-right: 20px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.keynoteFeature img{
	float: left;
	padding-top: 20px;
	padding: 10px;
	margin-top: 15px;
	-webkit-align-content: center;
	align-items: center
	
	
}
.keynoteFeature h2 {
	text-align: left;
	align-content: left;
	padding-left: 15px;
	padding-right: 15px;
	max-width: 42%;
	float: left;
}
.keynoteFeature p {
	text-align: left;
	align-content: left;
	padding-left: 15px;
	padding-right: 15px;
	max-width: 42%;
	float: left;
}
.speakerContainer h2, .speakerContainerWide h2{
	text-align: center;
	-webkit-align-content: center;
    align-content: center;
	padding-left: 10px;
	padding-right: 10px;
}
.speakerContainer p, .speakerContainerWide p{
	text-align: center;
	-webkit-align-content: center;
    align-content: center;
	padding-left: 10px;
	padding-right: 10px;
}
.speakerContainer a:link, .keynoteFeature a:link, .speakerContainerWide a:link{
	color: #005691;
	text-decoration: none;
}
.speakerContainer a:visited, .keynoteFeature a:visited, .speakerContainerWide a:visited{
	color: #005691;
	text-decoration: none;
}
.speakerContainer a:hover, .keynoteFeature a:hover, .speakerContainerWide a:hover{
	color: #0abef2;
}
.speakerContainer a:active, .keynoteFeature a:active, .speakerContainerWide a:active{
	color: #0abef2;
}
.speakersNav{
	width: 90%;
	padding-bottom: 60px;
}
.speakersNavLeft{
	float: left;
	padding-left: 20px;
}

.speakersNavLeft a:link, .speakersNavRight a:link{
	color: #005691;
	text-decoration: none;
}
.speakersNavLeft a:visited, .speakersNavRight a:visited{
	color: #005691;
	text-decoration: none;
}
.speakersNavLeft a:hover, .speakersNavRight a:hover{
	color: #0abef2;
}
.speakersNavLeft a:active, .speakersNavRight a:active{
	color: #0abef2;
}
.speakersNavRight{
	float: right;
}
.speakerCol{
	float: left; 
	width: 15%;
	padding-top: 0;
	margin-top: 0;
}
.speakerCol{
	float: left;
}
.left{
	width: 25%;
	padding-right: 40px;
}
.right{
	width: 65%;
	padding-bottom: 30px;
	
}
.speakersContent{
	padding-left: 20px;
	padding-right: 50px;
	padding-bottom: 60px;
	
}
.speakersContent:after {
    content: "";
    display: table;
    clear: both;
}
.emptySpeakers{
	min-height: 300px;
	text-align: center;
}


               /*                                         Gallery Page                                     */ 

.galleryDis{
	text-align: center;
	padding-top: 20px;
	width: 100%;
	margin: 0 auto;
}

.gallerySlider{
	padding-top: 15px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
}


			 /*                                         News Page                                     */ 
.newsContent{
	margin-top: 30px;

}
span .newsCentre{
	text-align: center;
}

.newsItemContainer2{
	margin-top: 35px;
}

/*  Schedule Page												*/
.horNav{
	float: left;
	padding-bottom: 15px;
	background-color: #acdef8;
	min-width: 675px;
}
.horNav ul li{
	margin-left: 24%;
	font-weight: bold;
	float: left;
	padding-right: 15px;
	text-decoration: none;
	list-style: none;
}
.horNav ul li a:link{
	color: #005691;
	text-decoration: none;
}
.horNav ul li a:visited{
	color: #005691;
	text-decoration: none;
}
.horNav ul li a:hover{
	color: #0abef2;
}
.horNav ul li a.active{
	color: #0abef2;
}
.scheduleContent{
	padding-bottom: 30px;
}
.scheduleContent h3{
	padding-top: 5px;
}

.scheduleContent img{
	float: left;
	padding-bottom: 30px;
}