body {
	background-color: #e0e0e0;
}

#wrapper {
	height:620px;
	overflow-y: auto;
}

#contents {
	height:600px;
	overflow-y: auto;
}


#txtside {
	background-color:white;
}

#wordlists {
	height:380px;
}

#sentside {
	height: 600px;
	overflow-y:auto;
}

#sents {
	background-color:white;
}

.illus {
	display:none;
}

ol li{margin-bottom:10px;}

.drop {
	height:40px;
    	border: 3px solid #e0e0e0;
    	border-radius: 1em;
	width:120px;
}

#drop1 {
	
    	border: 3px solid #00bfff;
}

#drop2 {
	
    	border: 3px solid yellow;
}

.drag {	
    height: 25px;
    padding-left:3px;
    width: 105px;
    cursor:move;
}

.aqua {
	border: 2px solid #00bfff;
}

.yellow {
	border: 2px solid yellow;
}

.orange {
	border: 2px solid orange;
}

.violet {
	border: 2px solid violet;
}

.green {
	border: 2px solid #00ff80;
}

.org {
	color:orange;
}

#addimage {
	position:absolute;
	left:170px;
	top:350px;
	z-index:3;
	display:none;
}

#alterimage {
	position:absolute;
	left:170px;
	top:385px;
	z-index:3;
	display:none;
}

#cutimage {
	position:absolute;
	left:170px;
	top:420px;
	z-index:3;
	display:none;
}

#miximage {
	position:absolute;
	left:170px;
	top:425px;
	z-index:3;
	display:none;
}

#putimage {
	position:absolute;
	left:170px;
	top:460px;
	z-index:3;
	display:none;
}

#slicevimage {
	position:absolute;
	left:170px;
	top:470px;
	z-index:3;
	display:none;
}

#spreadimage {
	position:absolute;
	left:170px;
	top:490px;
	z-index:3;
	display:none;
}

#canimage {
	position:absolute;
	left:310px;
	top:200px;
	z-index:3;
	display:none;
}

#cupimage {
	position:absolute;
	left:330px;
	top:220px;
	z-index:3;
	display:none;
}

#halfimage {
	position:absolute;
	left:330px;
	top:250px;
	z-index:3;
	display:none;
}

#quarterimage {
	position:absolute;
	left:320px;
	top:280px;
	z-index:3;
	display:none;
}

#pieceimage {
	position:absolute;
	left:330px;
	top:300px;
	z-index:3;
	display:none;
}

#sliceimage {
	position:absolute;
	left:320px;
	top:330px;
	z-index:3;
	display:none;
}

#tablespoonimage {
	position:absolute;
	left:330px;
	top:360px;
	z-index:3;
	display:none;
}

#teaspoonimage {
	position:absolute;
	left:320px;
	top:390px;
	z-index:3;
	display:none;
}

#breadimage {
	position:absolute;
	left:330px;
	top:420px;
	z-index:3;
	display:none;
}

#cheeseimage {
	position:absolute;
	left:330px;
	top:440px;
	z-index:3;
	display:none;
}

#chickenimage {
	position:absolute;
	left:330px;
	top:460px;
	z-index:3;
	display:none;
}

#hamimage {
	position:absolute;
	left:330px;
	top:480px;
	z-index:3;
	display:none;
}

#ketchupimage {
	position:absolute;
	left:480px;
	top:200px;
	z-index:3;
	display:none;
}

#knifeimage {
	position:absolute;
	left:480px;
	top:220px;
	z-index:3;
	display:none;
}

#lettuceimage {
	position:absolute;
	left:480px;
	top:240px;
	z-index:3;
	display:none;
}

#mayoimage {
	position:absolute;
	left:480px;
	top:300px;
	z-index:3;
	display:none;
}

#mixtureimage {
	position:absolute;
	left:480px;
	top:320px;
	z-index:3;
	display:none;
}

#mustardimage {
	position:absolute;
	left:480px;
	top:350px;
	z-index:3;
	display:none;
}

#plateimage {
	position:absolute;
	left:480px;
	top:390px;
	z-index:3;
	display:none;
}

#spoonimage {
	position:absolute;
	left:480px;
	top:400px;
	z-index:3;
	display:none;
}

#tomatoimage {
	position:absolute;
	left:480px;
	top:430px;
	z-index:3;
	display:none;
}

#tunaimage {
	position:absolute;
	left:480px;
	top:480px;
	z-index:3;
	display:none;
}

#andimage {
	position:absolute;
	left:630px;
	top:220px;
	z-index:3;
	display:none;
}

#anotherimage {
	position:absolute;
	left:630px;
	top:260px;
	z-index:3;
	display:none;
}

#ontopimage {
	position:absolute;
	left:630px;
	top:350px;
	z-index:3;
	display:none;
}

#print-me {
	width:600px;
	margin-left:0;
	margin-right:auto;
	margin-bottom:250px;
	margin-top:70px;
}

#resetdia {
	position:absolute;
	top:100px;
	left:200px;
	background-color:lightyellow;
	padding: 10px;
	z-index:4;
	border: 1px solid red;
	display:none;
}

#instructs {
	position:absolute;
	top:70px;
	left:40px;
	max-height:470px;
	font-size:0.90em;
	background-color:lightyellow;
	padding: 10px;
	z-index:4;
	border: 1px solid red;
	display:none;
}

.blue {
	color: #00bfff;
}

.yello {
	color: gold;
}

.purple {
	color: violet;
}

.orng {
	color: orange;
}

.grn {
	color: #00ff80;
}

.grnX {
	color:white;
	background-color: green;
	border: 2px solid black;
}

.red {
	color: red;
}

.redR {
	color:white;
	background-color: crimson;
	border: 2px solid black;
}

@media only screen and (max-width: 820px) {
  #txtside {
	background-color:white;
	min-height:920px;
  }
  #sentside {
	margin-top:20px;
	}
}