body {
  position: absolute; top: 0px; left: 0px;
  width: 480px;
  margin:0px;
  padding: 0px;
  border: 0px;
  background-color: #FFF;
}
form {
  margin: 0px; padding: 0px;
}
a:link,a:visited,a:active {
    color: #ff7d21;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
ul {
  margin: 0px; padding: 0px;
  list-style-type: none;
}
li {
  margin: 0px;  padding: 5px;
  background-color: #b0b0b0;
  border-left: 3px solid #FFF; border-right: 3px solid #FFF;
  margin-bottom: 3px;
  line-height: 16px;
  font-size: 13px; font-family: Verdana, Arial, sans-serif; color: #fff;
  font-weight: bold;
}
li.explanation {
    display: block;
}
li.explanation a {
    width: 168px;
    display: block;
    text-decoration: none;
}
li.explanation:hover {
  background-color: #8f8f8f;
}
.button {
  position: absolute;
  left: 0px;
  bottom: -3px;
  display: block;
  width: 168px;
  cursor: pointer;
  margin: 0px; margin-top: -3px; padding: 5px;
  margin-bottom: 0px;
  border: 3px solid #fff;
  background-color: #ff7d21;
  font-size: 13px; font-family: Verdana, Arial, sans-serif; color: #fff;
  font-weight: bold;
}
.button:hover {
  background-color: #f83;
}
.below_button {
  display: block;
  height: 400px;
  margin: 0px; margin-top: -3px; padding: 5px 5px;
  border: 3px solid #fff;
  background-color: #8f8f8f;
}
img {
  margin: 0px; padding: 0px;
  border: 0px solid black; 
}
#mainDiv {
  width: 480px; height: 360px;
  margin: 0px; padding: 0px;
  border: 0px solid black;
  border-bottom: 1px solid #8a8a8a;
  background-color: #ddd;
  background-position: 0px 100px;
  background-repeat: no-repeat;
}
#missionDiv {
  position: absolute; top: 0px; left: 0px;
  width: 480px; height: 100px;
  margin: 0px;
  border: 0px;
  border-bottom: 1px solid #8a8a8a;
  background-color: white;
  
  font-size: 15px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #000;
}
#missionDiv .text {
  padding: 10px;
  width: 260px;
}
#missionDiv .long {
  width: 460px;
  line-height: 12pt;
}
#missionDiv span.black {
  color: #000;
  font-size: 10pt;
  font-weight: normal;
}
#missionDiv a {
  font-weight: bold;
}
#listDiv {
  position: absolute; top: 0px; left: 280px;
  overflow: hidden;
  width: 184px; height: 359px;
  border-top: 1px solid #8a8a8a;
  border-right: 4px solid #8a8a8a; border-left: 4px solid #8a8a8a;
  background-color: #fff;
}
#notesDiv {
  position: absolute; top: 0px; left: 287px;
  width: 158px; height: 80px;
  margin: 0px; padding: 10px;
  border: 0px solid black;
  background-color: #8f8f8f;
  font-size: 12px; font-family: Verdana, Arial, sans-serif; color: #fff;
}
#infoDiv {
  position: absolute; top: 50px; left: 50px;
  width: 334px; height: 120px;
  margin: 0px;
  border: 1px solid #8a8a8a;
  background-color: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  z-index: 1000;
}
#infoDiv .head {
  background-color: #f4f4f4;
  height: 18px;
  width: 334px;
  border-bottom: 1px solid #8a8a8a;
  background-image: url('img/box_head_back.gif');
}
#infoDiv .box {
  padding: 10px;
  text-align: center;
  font-weight: bold;
}
#startDiv {
    position: absolute;
    top: 70px;
    padding: 5px;
    width: 412px;
    left: 25px;
    border: 1px solid #ff7d21;
    background-color: #fff;
    
    color: #000;
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
}
#startDiv a {
    text-decoration: none;
    font-size: 15pt;
    color: #ff7d21;
}
#startDiv a:hover {
    border-bottom: 2px solid #ff7d21;
}

#adDiv {
  position: absolute;
  top: 360px;
  width: 480px; height: 72px;
  margin: 0px; padding: 0px;
  margin-top: 23px;
  border: 0px solid black;
  background-color: white;
  line-height: 1px;
}
#adDiv .center {
    text-align: center;
}

.explanationDiv {
  position: absolute; top: 115px; left: 15px;
  z-index: 999;
  border: 2px solid #ccc;
  -moz-opacity: 0.9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
}
.explanationDiv .head {
  background-color: #f4f4f4;
  height: 18px;
  width: 250px;
  border-bottom: 1px solid #8a8a8a;
  background-image: url('img/box_head_back.gif');
}
.explanationDiv .box {
  padding: 4px 10px;
  width: 230px;
  height: 200px;
  background-color: #fff;
  text-align: left;
}
.expltopleft {
  position: absolute; top: 75px; left: 15px;
  width: 166px; height: 166px;
  margin: 0px; padding: 15px;
}
.expltopright {
  position: absolute; top: 75px; left: 100px;
  width: 166px; height: 166px;
  margin: 0px; padding: 15px;
}
#email_friends {
    position: absolute;
    left: 20px;
    top: 120px;
    width: 440px;
    border: 1px solid #8a8a8a;
    background-color: #FFF;
    -moz-opacity: 0.9;
}
#email_friends .head {
  background-color: #f4f4f4;
  height: 18px;
  width: 440px;
  border-bottom: 1px solid #8a8a8a;
  background-image: url('img/box_head_back.gif');
}
#email_friends .box {
    padding: 5px;
    font-family: Verdana, Arial;
    font-size: 10pt;
}
#email_friends .box input,#email_friends .box textarea {
    font-size: 10pt;
    width: 100%;
}
#email_friends .box input.submit {
    width: 140px;
    font-size: 10pt;
}
#shuffledList, #sortedList {
    margin-top: 102px;
}