/* CSS3 */

	body {
		margin:0 auto; 
		max-width: 1920px;
		min-width: 320px;
	}	
	
	.imgdiv {
		float:left;
		position: relative;
	}

	h1 {
		padding-top: 15px;
		font-size: 17pt;		
		font-weight: bold;
	}
	
	h2 {		
		font-size: 13pt;
		font-weight: bold;
		text-decoration: underline;
	}
	
	h3 {
		font-size: 12pt;
		font-weight: bold;		
	}

	li {
		line-height: 28px;
	}

	.number {
		letter-spacing: 1px;
	}
	
	.registration_link {
		font-size: 16pt;
		text-align: center;
		padding: 13px;
		width: 160px;
		height: 60px;
		background-color: #337ab7;
		color: white;
		border-radius: 30px;
	}
	
	.langselector {
		color: #000;
		float: right;
		text-align: right;
		position: relative;	
		font-size: 16px;
		z-index:999;
		width:100%;
		padding-right: 50px;
		letter-spacing: normal;
	}
	
	.langselector a {
		color: #000;
	}
  
    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
		margin-bottom: 0;
		border-radius: 0;	
		font-size: 16px;
    }
    
	ul.nav {
		width:100%;
		margin:0 auto;
		padding:0;
		list-style:none;
		text-align:center;		
	}
	
	.nav li { 
		display:inline-block;
		width:25%;
		margin:0;
		padding:0;
	}

	.nav a {
		text-align:center;
		padding:12px 0 13px 0;
		margin:0;
		border-right: 1px solid #000;
		display:block;
	}
	
	.nav a:hover { 
		background-color:#e7e7e7 !important;
	}

	ul.nav li:last-child a {
		border:none;
	}​
	
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {
		height: auto;
	}
    
    /* Set gray background color and 100% height */
    .sidenav {
		padding-top: 20px;
		height: 100%;
    }
	
	.speaker_img {		
		width: 150px;
		height: 200px;
		border-radius: 10px;
		border: 1px double gray;
	}

	.programme_book_img
	{
		border: 1px solid gray;
		width: 90%;		
		min-width: 100px;
		max-width: 300px;
		border-radius: 10px;

		/*
		min-width: 133px;
		max-width: 400px;
		min-height: 188px;
		max-height: 566px;
		*/
	}	

	.display_photo_div {
		border-radius: 10px; 
		text-align: justify;
		position: absolute; /* absolute or fixed */
		padding: 15px;
		top: 100px;
	    left: 0px;
		width: 100%
		height: 100%;
		background-color: #b3e0ff;
		font-weight: bold;
	}

	.display_photo_img {
		border-radius: 5px; 
		border:1px solid gary;
	}
    
    /* Set black background color, white text and some padding */
    footer {
		background-color: #e7e7e7;
		color: #000;
		padding: 15px;
    }
    
	#desktopimage {
		display: block;
	}
		
	#mobileimage {
		display: none;
	}
	
	/* Photogallery */
	div.gallery {
		margin: 5px;
		float: left;
		width: 300px;
		height: 210px;
		text-align: center;
	}
	
	div.gallery_with_desc {
		margin: 5px;
		border: 1px solid #ccc;
		border-radius: 10px;
		float: left;
		width: 300px;
		height: 230px;
		background-color: #eee;
		color: #333;
		transition: background-color 0.4s;
		font-size: 0.9em;
	}

	div.gallery_with_desc:hover {
		border: 1px solid #777;
		color: white;
		background-color: #337ab7;
	}

	div.gallery img {
		padding: 5px;
		border: 1px solid #ccc;
		width: 100%;
		height: auto;
	}
	
	div.gallery img:hover {
		border: 1px solid #777;
	}
	
	div.gallery img.v {
		width: auto;
		height: 200px;
	}
	
	div.gallery_with_desc img {
		padding: 5px;
		width: 100%;
		height: auto;
		border-radius: 10px;
	}

	div.desc {
		padding-left: 10px;
		cursor: default;
	}

	span.title {
		font-weight: bold;
		font-size: 1.2em;
	}
	
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
		#desktopimage {
			display: none;
		}
		
		#mobileimage {
			display: block;
		}
		
		.sidenav {
			height: auto;
			padding: 15px;
		}
      
		.row.content {
			height:auto;
		} 
		
		.navbar {
			margin-left: -15px;
		}
	  
		.nav li { 
			display: inline-block;
			width: 100%;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #000;
		}
		
		.nav a {
			border:none;
		}
		
		.langselector {
			padding-right: 30px;
		}
    }