body{ margin: 0 auto; font-family:"Verdana", Geneva, sans-serif;	line-height:1.75; }

.wrapper{
	display: grid;
	grid-gap:.2em;
	grid-template-columns:1fr;
}

.wrapper > div{
	background:#eee;
	padding:0em;
}

.wrapper > div:nth-child(odd){
	background: #ddd;
}

.right{float:right;}

table{margin-left:auto; margin-right:auto; border-collapse: collapse; }

td:hover{background-color: yellow;}
td{cursor: hand;}
td, th{ text-align: right; padding:.2em 0.2em .2em 0.2em;}

td:first-child, th, caption{ font-weight: bold;}

a{color:white;}

form {
	background: none repeat scroll 0 0 #ECF1EF;
	border: 2px solid black;
	margin-left: auto;
	margin-right: auto;
	margin-top:0em;
	padding: 0em;
}


select{background-color:#FAEBD7; }

span.data{ color:blue;}
span.answer{ color:brown;}
img{ width:50%;}

.titlebar{background-color:#800000; color:white; cursor:pointer;}
.glow{background-color:lightgreen;}

#slope, #cfs, #manning{background-color: #FAEBD7;}
#slope:focus, #cfs:focus, #manning:focus{background-color: yellow;}