body {
font-family: "Book Antiqua", Serif;
background-color: black;
margin: 0px;
height:660px;
background-image: url(geoback.gif);
background-repeat: repeat;			
}
#page{
width: 1024px;
margin: auto;
border:0px solid orange;
}
#boxbottom{
width: 768px;
height:90px;
border:0px solid red;
position: absolute;
left:170px;
top:500px;
}
#column1 {
width: 584px;
border-left:4px solid red;
border-top: 4px solid red;
border-right: 4px solid red;
border-bottom: 4px solid red;
background-color: white;
color: black;
font-style: italic;
height: 371px;
font-size:44px;
position:relative;
left:170px;
z-index:4;
}
#header {
width: 590px;
border-left: 0px solid blue;
border-top: 0px solid red;
border-right: 0px solid red;
border-bottom: 0px solid blue;
background-color: black;
color: WhiteSmoke;
height: 70px;
font-size:50px;
position:relative;
left:170px;
z-index:4;
text-align:center;
font-family: "Comic Sans MS", "Book Antiqua", Serif;
}
.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: 160px;
height: 600px;
position: absolute;
left:0px;
border:0px solid blue;
}
#column3 {
width: 250px;
height: 300px;
position: absolute;
right:4px;
border:0px solid blue;
}
#survey {
width: 250px;
height: 190px;
position: absolute;
right:4px;
top: 304px;
border:0px solid chartreuse;
}
.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;
}
#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;
}
.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 {
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: 450px;
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;
}