.places{ /*header of 2nd demo*/
		background: #ffffff;
		cursor: hand;
		cursor: pointer;
		font: bold 18px "Open Sans", "Trebuchet MS", Verdana;
		display: block;
		color: #000000;
		padding: 10px 0;
		margin-bottom:2px;
		text-indent: 8px;
		text-decoration: none;
		border-bottom: 1px solid #dedede;
	}
	
	.places p{ /*header of 2nd demo*/
		font: 14px "Open Sans", "Trebuchet MS", Verdana;
		display: block;
		color: #090000;
		padding: 5px 0;
		margin-bottom: 2px;
		text-indent: 8px;
		text-decoration: none;
		
	}
	
	.openplace{
		background-color: #ffffff;
	}
	
	div.theplace{ /*content container of 2nd demo*/
		
		padding:10px;
	}
	
	.technology{ /*header of 3rd demo*/
		cursor: hand;
		cursor: pointer;
		font: bold 14px Verdana;
		margin: 10px 0;
	}
	
	
	.openlanguage{ /*class added to contents of 3rd demo when they are open*/
		color: green;
	}
	
	.closedlanguage{ 
		color: red;
	}
	
	.togglehtml li{
		margin-bottom: 8px;
	}
	
	.myheader{
		cursor: hand;
		cursor: pointer;
	}
	
	.mycontent{
		padding-top: 2px;
		padding-bottom: 9px;
	}
	
	@media screen and (max-width: 800px) {
		
		
		table#demotable{
			border-width: 0;
		}
		
		table#demotable th{
			display: none;
		}
		
		table#demotable td{
			display: block;
			width: auto;
		}
	}