html, body {
margin: 			0px;
padding: 			0px;
height: 			100%;
border: 			none;
background-color: 	#fff;
}

A:link    			{color: #003366;}
A:visited 			{color: #003366;}
A:hover   			{color: #40668c;}

.logo {
display: 			inline-block;
float: 				left;
margin:				4px 20px 4px 0px;
}

.ad {
margin: 			10px 0px;
}

H1.title {
display: 			inline-block;
width:				580px;
white-space:		nowrap;
overflow:			hidden;
float: 				left;
FONT-FAMILY:		varela round, arial rounded MT bold, arial, helvetica, san serif;
FONT-SIZE:			20px;
FONT-WEIGHT:		normal;
MARGIN:				14px 0px 0px 20px;
COLOR:				#FFF;
}

TABLE#connectBoard {
margin:             10px 0px 0px 0px;
border-spacing:     0px;
border-collapse:    collapse;
}

TABLE#connectBoard TD {
border:             4px solid #66b3ff;
width:              110px;
min-width: 			110px;
height:             110px;
padding: 			0px;
text-align:         center;
vertical-align:     middle;
font-family:		arial, helvetica, san serif;
font-size:			20px;
font-weight:		bold;
color:				#999;
background: 		no-repeat  50% 50%;
background-size: 	contain;
}

.clickable {
cursor: 			pointer;
}

TABLE#connectBoard TD.head {
border:             0px;
height:             30px;
}

TABLE#connectBoard TD.side {
border:             0px;
width:              30px;
min-width: 			30px;
}

P.gridMenu {
font-family:		arial, helvetica, san serif;
font-size:			16px;
font-weight:		bold;
color:				#66b3ff;
letter-spacing: 	3px;
margin: 			20px 0px;
}

HR {
height: 			1px;
border: 			none;
background-color:	#999;
margin: 			10px 0px;
}

H2 {
FONT-FAMILY:		varela round, arial rounded MT bold, arial, helvetica, san serif;
FONT-SIZE:			22px;
FONT-WEIGHT:		normal;
color:				#3366CC;
MARGIN:				10px 0px 30px 0px;
}

#prompt {
display: 			none;
position: 			absolute;
left: 				50%;
top: 				50%;
margin-top: 		-225px;
margin-left: 		-376px;
width:				780px;
height:				450px;
border:				2px solid #000;
background-color:	#fff;
color: 				#000;
box-shadow:			0px 0px 15px #666;
z-index:			3;
}

#promptHead {
width:				775px;
height:				25px;
padding:			5px 0px 0px 5px;
text-align:			left;
background-color: 	#F4E402;
}

#promptContent {
padding:			20px;
text-align:			left;
font-family:		'Libre Franklin', sans-serif;
font-size:			32px;
line-height:		150%;
height:				380px;
overflow:			auto;
}

#closePrompt {
position:			absolute;
margin-left:		725px;
cursor:				pointer;
}

#checkButton {
display:			none;
text-align:			center;
margin:				20px 0px;
cursor:				pointer;
}

.placeChecker {
cursor:				pointer;
border:             4px solid transparent;
margin: 			10px 10px 0px 10px;
}

.placeChecker:hover {
border:             4px solid #66b3ff;
}

#blocker {
position:           absolute; 
display:            none;
width:              100%; 
z-index:            2; 
}

.link {
display: 			inline-block;
margin: 			20px 0px;
}

.pic {
display:			block;
max-width:			528px;
max-height:			297px;
margin:				20px auto;
}

.equatio {
min-height:			240px;
}

.googleDoc {
display:			block;
width:				528px;
height:				297px;
background-color:	#fff;
border:				0px;
frameborder:		0px;
margin:				20px auto;
}

.vid {
display:			block;
width:				528px;
height:				297px;
margin:				20px auto;
}

.voc {
display:			block;
margin:				20px auto;
width:				300px;
height:				60px;
}

.mp3 {
display:			block;
margin:				20px auto;
}

.desmos {
display:			block;
height:				297px;
width:				297px;
margin:				20px auto;
}

.share {
display: 			block;
margin:				15px;
}

.share:link         {color: #999;}
.share:visited      {color: #999;}
.share:hover        {color: #bbb;}

.shareOptions {
margin:				18px 0px;
}

.shareOptions TD {
padding:			0px 10px;
}

.linkBox {
width: 				450px;
font-size: 			14px;
background-color: 	#eee;
border: 			1px solid #ccc;
padding: 			4px;
margin: 			0px;
}

.copyright {
FONT-FAMILY:		Arial, Helvetica, sans-serif;
FONT-SIZE:			11px;
COLOR:				#FFFFFF;
MARGIN:				10px;
}

#instructions {
FONT-FAMILY:		Arial, Helvetica, sans-serif;
FONT-SIZE:			14px;
LINE-HEIGHT:		100%;
HEIGHT: 			30px;
background-color: 	#FFFDD4;
}

#instructions A:link 	{color: #3366FF;}
#instructions A:visited {color: #3366FF;}
#instructions A:hover 	{color: #6699FF;}

.mobile {
display: 			none;
}

@media screen and (max-device-width: 1024px) { 
	.noMobile { display: none; }
	.mobile { display: table-row; }
	}