body {
    background-color: lightblue;
}
h1 {
    color: navy;
    margin-left: 20px;
}

.square {
cursor:pointer;cursor:hand;border-width:0px;height:40px;width:42px;font-size:8px
}
.hints {
cursor:pointer;cursor:hand;border-width:0px;height:10px;width:42px;font-size:8px
}
.notes {
cursor:pointer;cursor:hand;border-width:0px;height:10px;width:42px;font-size:8px
}


.clear {
        width: 100%;
        height: 1px;
        margin: 0 0 -1px;
        clear: both;
}
.title{
	color:black;
	height:20px;
	text-align:center;
	text-decoration:none;
        font-weight:bold;
        font-size:20px;
        float:left;
}
.time{
	color:black;
	height:20px;
	text-align:center;
	text-decoration:none;
        float:left;
}
.slide{
        float:left;
        margin-left:10px;
}

.hlineb { width:350px; margin:18px 0px 0px 0px; height:1px; background: #000; float:left; }
.arrowup{
	display:block;
        cursor:pointer;
	width:24px;
	height:24px;
        background-image:url("triangle24.png");
        float:left;
}
.hlinet { width:350px; margin:5px 13px 0px 0px; height:1px; background: #000; float:left; }
.arrowdown{
	display:block;
        cursor:pointer;
	width:12px;
	height:12px;
        background-image:url("triangle24.png");
        float:left;
}
.regbuttondiv{
	display:block;
	border-style:solid;
	border-color:#bbb #888 #666 #aaa;
	border-width:1px 1px 1px 1px;


	background:lightgrey;
	color:black;
	text-align:center;
	text-decoration:none;
        cursor:pointer;
        float:left;
        margin-left:10px;
}
.buttondiv{
	display:block;
	border-style:solid;
	border-color:#bbb #888 #666 #aaa;
	border-width:1px 1px 1px 1px;
	width:42px;
	height:40px;
	background:white;
	color:black;
	text-align:center;
	text-decoration:none;
        cursor:pointer;
        float:left;
}
.buttonsdiv{
	display:block;
	border-style:solid;
	border-color:red;
	border-width:2px 2px 2px 2px;
	width:40px;
	height:38px;
	background:white;
	color:black;
	text-align:center;
	text-decoration:none;
        cursor:pointer;
        float:left;
}

.buttondiv2{
	display:block;
	border-style:solid;
	border-color:#bbb #888 #666 #aaa;
	border-width:1px 1px 1px 1px;
	width:42px;
	height:40px;
	background:white;
	color:black;
	text-align:center;
	text-decoration:none;
        cursor:pointer;
        float:left;
}

.buttondiv3{
	display:block;
	border-style:solid;
	border-color:#bbb #888 #666 #aaa;
	border-width:2px 2px 2px 2px;
	width:100px;
	height:20px;
	background:white;
	color:black;
	text-align:center;
	text-decoration:none;
        cursor:pointer;
        float:left;
}
.buttonsdiv3{
	display:block;
	border-style:solid;
	border-color:red;
	border-width:2px 2px 2px 2px;
	width:100px;
	height:20px;
	background:white;
	color:black;
	text-align:center;
	text-decoration:none;
        cursor:pointer;
        float:left;
}
.space{
	display:block;
	width:20px;
	height:20px;
	color:black;
	text-align:center;
	text-decoration:none;
        float:left;
}

.hidden { 
    display: none; }

.unhidden { 
    display: block; }

.hint {
float:top;
font-size:9px;
}
.cell {
font-size:16px;
}
.note {
float:bottom;
font-size:9px;
}

.oneblock{
	display:block;
	width:40px;
	text-align:center;
	text-decoration:none;
        float:left;
}
.twoblock{
	display:block;
	width:80px;
	text-align:center;
	text-decoration:none;
        float:left;
}
.threeblock{
	display:block;
	width:120px;
	text-align:center;
	text-decoration:none;
        float:left;
}