body { 
    background-color: #01016D;
}
div#grancenter {
    position:absolute;
    left: 50%;
    margin-left: -300px;
    width: 600px;
}
div#right {
    float: right;
}
div#left {
    float: left;
}
#square {
    cursor: hand;
    background-color:  #ff0000;
    height: 6em;
    width: 6em;
}
#note{
    text-align: center;
}
#csoon {
    color: orange;
}
#challenge {
    color: orange;
    text-decoration: blink;
    text-align: center;
    font-weight: bolder;
}
li {
    list-style-type: none;
    text-align: center;
}
h2, h3 {
    text-align: center;
}
.instruction {
    font-size: medium;
}
.example {
    font-size: small;
}
.mntd {
    font-size: x-small; 
    color: #ffffff; 
    font-family: verdana; 
    background-color: #01016D;
}
.symtd {
    font-size: small;
    width: 1em;
    text-align: center;
    color: #ffffff; 
    font-family: wingdings; 
    background-color: #01016D;
}
.symtd1 {
    font-size: x-large; 
    color: #000000; 
    font-family: wingdings; 
    background-color: #ff0000; 
    text-align: center;
}
.numtd {
    font-weight: bold;
	font-size: x-small;
    text-align: center;
    width: 1em;
    color: orange; 
    font-family: verdana;

}
#datatable {
		border-spacing: 0 0;
}