body {
font-family: "Book Antiqua", Serif;
background-color: black;
margin: 0px;
height:660px;
}
#page{
width: 750px;
margin: auto;
}
#column1 {
width: 584px;
border-left:4px solid blue;
border-top: 4px solid red;
border-right: 4px solid red;
border-bottom: 4px solid blue;
background-color: white;
color: black;
font-style: italic;
height: 371px;
font-size:50px;
position:relative;
z-index:4;
}
#footer {
width: 746px;
height: 23px;
margin-top: -10px;
}
#column2 {
width: 150px;
height: 580px;
margin-left:594px;
position: absolute;
top: 3px;
}
.problemcontainer {
position: absolute;
top: 0px;
width: 566px;
margin-left:15px;
height: 343px;
background-color: transparent;
border:0px solid red;
font-family: "Comic Sans MS",Arial, "Trebuchet MS", Sans-Serif;
font-style: normal;
font-size:90px;
}
#problemcontainer1 {
z-index:1;
}
#problemcover {
z-index:-2;
height:280px;
background-color:transparent;
filter:alpha(style=0, opacity=0);
cursor: wait;
-moz-opacity: 0.0;
}
#header {
display: block;
height: 10px;
width: 584px;
margin: 1px;
padding: 0px;
overflow: hidden;
}
.textbox {
width:100px;
position: absolute;
left:-400px;
}
.textbox2 {
width:100px;
position: absolute;
left:60px;
top: -400px;
}
img  {border:0;}
.arrowButton {
color: rgb(255, 255, 128);
font-size: 12pt;
font-weight: bold;
background-color: transparent;
border: none;
margin: 0px;
padding: 0px;
cursor:pointer;
}
.arrowButton1 {
color: green;
font-size: 12pt;
font-weight: bold;
background-color: transparent;
border: none;
margin: 0px;
padding: 0px;
cursor:pointer;
}
#checkmark {
position: absolute;
left:210px;
top: 2px;
}
.switch {
padding-top: 350px;
padding-left: 14px;
color: rgb(120,120,120);
font-size: 12px;
cursor:pointer;
z-index:2;
font-style: normal;
}
.switch2 {
padding-top: 350px;
padding-left: 14px;
color: rgb(200,200,200);
font-size: 12px;
font-weight: normal;
cursor:pointer;
z-index:2;
font-style: normal;
}
.closebox1 {
position: absolute;
top: 0px;
right: 4px;
color:black;
cursor:pointer;
}
.closebox2 {
position: absolute;
top: 0px;
right: 4px;
color: gray;
cursor:pointer;
}	
#instructions {
visibility: hidden;
margin: 0px 0;
padding: 12px;
width: 700px;
height: 800px;
border-top: 8px solid yellow;
border-bottom: 8px solid red;
border-left: 8px solid green;
border-right: 8px solid blue;
font-size: 20px;
color: black;
background-color: white;
z-index: 100;
position: absolute;
top: 0px;
left: 10px;
overflow:hidden;
font-style: normal;
}
#guess1 {
position:absolute; 
top:210px; 
left: 191px; 
font-family: 'Comic Sans MS',Arial, 'Trebuchet MS', Sans-Serif; 
font-size:90px;
border-top: 6px solid black;
border-bottom: 0px none orange;
border-left: 0px none orange;
border-right: 0px none orange;
text-align:right;
line-height:1.1em;
width:135px;
padding:0;
padding-right:10px;
margin:0;

}