td  {padding:4px; border-width:2px; border-color:pink;vertical-align: top;}
			a:link {color: white;}
			a:visited {color: white;}
			a:hover{color: gold;}
			a:active {color: gold;}
			body{font-family: Cambria; background-color: lightblue;}
			hr {color: white;}
			.header{background-color: lightblue;font-size: 70px;text-align: center;}
			#logo1{height:80%; width:20%;}
			#logo2{height:80%; width:20%;}
			.menu{background-color: steelblue;color: white;font-size: 14px;padding: 20px;text-align: center;}
			.wall{background-color: lightblue;padding:20px;width:100%;}
			#boardSurround{ background-color:gray;padding: 10px;width: 100%;}
			#board{background-color:#3D3D3D;color: white;padding: 20px;	min-height: 700px; width: 100%; position:relative;}
			#bulletin1{ display: none; background-color: lightblue; width: 10%;text-align: center;border-width:2px;}
			#bulletin2{ display: none; background-color: lightblue;width: 10%;text-align:center;border-width:2px;}
			.bulletin{padding:2px;background-color:white;margin: 20px;width: 70%; max-width:100px; min-height:150px; background-image: url("paper.png");}
			.shapeOutline{padding:30px;}
			#lessonTitle{color: lightblue;font-size: 70px;}
			.test{font-size: 30px;}
			#answer{width: 100px;}
			#finalScore{color: hotpink;}
			#Welcome {font-size: 150px;color: hotpink;}
			#welcomeSubtext{font-size: 50px;color:lightblue;}
			#welomeWrapper{padding: 50px;}
			#middleWall{width:80%;}
			.dropdown {position: relative;display: inline-block;}
			.dropdown2 {position: relative;display: inline-block;}
			.dropdown-content { display: none;position: absolute;background-color: grey; min-width:160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
				  border-radius: 25px;padding: 12px 16px;z-index: 1}
			.dropdown-content2 {display: none;position: absolute;background-color: grey;min-width: 400px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			  					border-radius: 25px;padding: 12px 16px; z-index: 2;}

			.dropdown:hover .dropdown-content 	{display: block;}
			.dropdown:hover  .dropdown-content2 {display: block;}
			.dropDownDiv{float:left; width:50%;}
			* { margin: 100; padding: 0; box-sizing: border-box; }
			#chatForm {background: #000; padding: 3px; position: relative; bottom: 0; width: 100%; }
			#chatForm input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
			#chatForm button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
			#messages { list-style-type: none; margin: 0; padding: 0; }
			#messages li { padding: 5px 10px; }
			#messages li:nth-child(odd) { background: #eee; }
			.chatBox {width: 100%;height: 400px;background: lightblue;overflow-y: scroll;position: relative;color: #3D3D3D;}
			#chatTitle{display:none;}
			.scoresTitle{font-size:25px; color: lightblue;}
			#chatBox1{display:none;}
			.scores{font-size:15px; color:lightyellow;}
			.scoreContainter{padding: 20px;}
			#chatTitle{height: 15%; width: 100%; background-color:steelblue;font-size: 40px; color: white; text-align: center;}
			.scoreDiv {float: left; width: 30%; height:300px; margin: 20px; overflow-y: scroll;}
			.registrationTB{height: 50px;width: 400px;}
			#registrationForm{font-size:30px;color:lightblue;margin:50px;}
			#registerBtn{}
			#Intro{color:hotpink; font-size:50px;}
			.studentWelcome{color:lightgreen; font-size:30px;}
			#scoreWrapper{display:none;}
			#notLoggedIn{display:block; color: hotpink; font-size:40px;}
			.chalkCanvas{width:40%;height:90%; }
			.cbPartition{border-width:5px;}
			.info{position:absolute; color: lightblue; font-size:30px; top:10px; right:10px;}
			.info:hover .info-content{display:block;}
			.info-content { display: none;position: fixed; font-size:18px;  padding:20px; top: 1%; left: 30%; min-width:575px; min-height:746px;
							   z-index: 2;}
			
			#display{position:absolute; top:200px; left:150px;min-width:100px; min-height:100px;}
			#output{min-width: 300px;}
			#bmNumberSymbols{position:absolute; display:block; top:10px; left:10px; zoom: 2; -moz-transform: scale(2); }
			#challengeMobile{display:none;}
			/*#desktopWrapper{display:inline-block; }
			#mobileWrapper{display:none; width:320px;heigth:480px;}*/
			.notes{position:absolute; color: lightblue; font-size:30px; top:200px; right:10px;}
			.notes:hover .notes-content{display:block;}
			.notes-content { display: none;position: fixed; font-size:18px;  padding:20px; top: 1%; left: 30%; min-width:575px; min-height:746px;
							   z-index: 2;}
			.notes2{position:absolute; color: lightblue; font-size:30px; top:400px; right:10px;}
			.notes2:hover .notes-content2{display:block;}
			.notes-content2 { display: none;position: fixed; font-size:18px;  padding:20px; top: 1%; left: 30%; min-width:575px; min-height:746px;
							   z-index: 2;}
			.notes3{position:absolute; color: lightblue; font-size:30px; top:10px; left:10px;}
			.notes3:hover .notes-content3{display:block;}
			.notes-content3 { display: none;position: fixed; font-size:18px;  padding:20px; top: 1%; left: 30%; min-width:575px; min-height:746px;
							   z-index: 2;}
			.notes4{position:absolute; color: lightblue; font-size:30px; top:10px; left:10px;}
			.notes4:hover .notes-content3{display:block;}
			.notes-content4 { display: none;position: fixed; font-size:18px;  padding:20px; top: 1%; left: 30%; min-width:575px; min-height:746px;
							   z-index: 2;}
			#scrollingCanvas { height: 200px; width: 300px; }