body {
		   font-family: Arial, Helvetica, sans-serif;
		   width: 95%;
		   margin: 2em;
		}

		header {
			border-bottom-style:solid;
			border-bottom-width:2px;
			border-bottom-color:#C66951;
			font-size:1.5em;
			color:#534949;
			}

		footer {
			margin-top:10px;
			border-top-style:solid;
			border-top-width:2px;
			border-top-color:#C66951;
			font-size:.75em;
			font-weight:bold;
			text-align:center;
			padding:.15em;
			}


		h4 {
			color:#186AA2;
			font-size:1.15em;
			}

		h5 {
			color:#186AA2;
			font-size:1em;
			}

		p {
			font-size: .9em;
		   	line-height:125%;
		}

			.axis path,
			.axis line {
				fill: none;
				stroke: gray;
				shape-rendering: crispEdges;
				color: gray;
			}

			.axis text {
				font-family: sans-serif;
				font-size: 12px;
				color: gray;
			}

			.bStatAxis path,
			.bStatAxis line {
				fill: none;
				stroke: gray;
				shape-rendering: crispEdges;
				color: gray;
			}

			.bStatAxis text {
				font-family: sans-serif;
				font-size: 12px;
				color: gray;
			}

			.sliderAxis path,
			.sliderAxis line {
    			fill: none;
    			stroke: white;
			}

			#slider{
				margin-top:1em;
				}

			#canvas{
				margin-top:1em;
				}

			.center {
    			margin: auto;
    			width: 60%;
    			padding: 10px;
			}

			div.tooltip {
  				position: absolute;
  				text-align: center;
  				width: 60px;
 		    	height: 28px;
  				padding: 2px;
  				font: 12px sans-serif;
  				background: lightgray;
  				border: 0px;
  				border-radius: 8px;
  				pointer-events: none;
			}

			ul {line-height: 1.75;}
			ol {line-height: 1.75;}
			ol.alpha {list-style-type: upper-alpha;}

			li.correct {color: red;}