body {
	width: 90%;
	max-width: 960px;
	margin: auto;
	color: #222;
	background-color: #f9f9f9;
	font-family: Lato, serif;
}
#accessibilityTips ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}
#nav {
	text-align: center;
	font-family: Oxygen, serif;
}
nav p a {
	color: #36c;
} 
nav p a:hover {
	color: #090;
}
nav p a:focus {
	color: #f00;
}
ul li a {
	color: #36c;
} 
ul li a:hover {
	color: #090;
}
ul li a:focus {
	color: #f00;
}
#ex1hyperlink p a {
	padding-bottom: 4px;
}
#ex1hyperlink a {
	color: #06c;
}
#ex1hyperlink a:hover {
	color: #0c0;
}
#ex1hyperlink a:focus {
	color: #f30;
}
#example2 .leftColoum {
	float: left;
	width: 49.5%;
	color: #000;
	background-color: #fff;
	
}
#example2 .rightColoum {
	float: right;
	width: 49.5%;
	color: #222;
	background-color: #f9f9f9;
}
#ex2bottom span {
	color: #f00;
}
#example3 ul {
	list-style-type: none;
}
#ex5table {
	width: 80%;
	border: solid #020202;
	text-align: left;
}
h1  {
	font-size: 3em;
	text-align: center;
	font-family: Roboto, serif;
}
h2  {
	font-size: 2.5em;
	text-align: center;
	font-family: Roboto, serif;
}
h3 {
	font-size: 1.6em;
	font-family: Roboto, serif;
}
h4 {
	font-size: 1.4em;
}
p {
	font-size: 1.1em;
}
#canvas {
	border: solid black 1px;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}
#dataTable {
	border: solid black 1px;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}
#default {
	display: none;
}
@media only screen {
	#example3 ul li img {
		width: 49%;
		padding-right: 3px;
		padding-bottom: 2px;
		padding-top: 2px;
	}
	#example3 ul li span {
		width: 49%;
		float: right;
		padding-top: 3%;
	}
}