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;
}
.answerform {
background-color: white;
font-size: 50px;
position: relative;
border: 0px none white;
border-bottom: 1px solid black;
color: black;
font-style: italic;
font-family: "Book Antiqua", Serif;
text-align: right;
vertical-align:0%;
}
#footer {
width: 746px;
height: 23px;
margin-top: -10px;
}
#column2 {
width: 150px;
height: 580px;
margin-left:596px;
position: absolute;
top: 3px;
}
.problemcontainer {
position: absolute;
top: 30px;
padding-top: 40px;
text-align:center;
width: 566px;
margin-left:15px;
height: 285px;
background-color: white;
border:0px solid red;
font-family: "Book Antiqua", Serif;
font-style: normal;
cursor: default;
}
#problemcontainer1 {
z-index:1;
}
#problemcover {
z-index:-2;
height:280px;
background-color:white;
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;
}
.subcontainer {
position: absolute;
border: 0px outset rgb(80,80,80);
top: 202px;
left: 0;
width: 502px;
font-size: 25px;
visibility: hidden;
}
.leftbot {
border-top: 1px solid rgb(0,100,100);
border-color: rgb(0,100,100);
}	
.rightbot {
border-top: 1px solid rgb(0,100,100);
border-color: rgb(0,100,100);
}	
.switch {
margin-top: 350px;
margin-left: 14px;
color: rgb(120,120,120);
font-size: 12px;
cursor:pointer;
z-index:2;
font-style: normal;
position:absolute;
}
.switch2 {
margin-top: 350px;
margin-left: 14px;
color: rgb(200,200,200);
font-size: 12px;
font-weight: normal;
cursor:pointer;
z-index:2;
font-style: normal;
position:absolute;
}
.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: 730px;
border-top: 8px solid orange;
border-bottom: 8px solid orange;
border-left: 8px solid orange;
border-right: 8px solid orange;
font-size: 20px;
color: black;
background-color: white;
z-index: 100;
position: absolute;
top: 0px;
left: 10px;
overflow:hidden;
font-style: normal;
}