body{
  background-color: black;
}


.MainDiv, .MainDivHelp, .MainDivAbout, .MainDivContact, .MainDivFriend, .MainDivAddEmail{
    position:relative;
	width:820px;
	margin:auto;
    background-color: black;
    height:330px;
    display:block;
}
.NewRiddle{
    background:url(NewLevels1.bmp) no-repeat;
    width: 243px;
    height: 147px;
    cursor:pointer;
    position: absolute;
    top:10px;
    left:80px;
}

.BuildLevel {
  background: url(BuildLevel1.bmp) no-repeat;
  position:absolute;
  width:189px;
  height:133px;
  cursor:pointer;
  float:right;
  top:80px;
  right:60px;
}

a:hover .NewRiddle, a:hover .BuildLevel {
  border: normal;
  border-color: black;
  border-style: ridge;
}

.Logo {
  width: 300px;
  height: 250px;
  top:190px;
  background: url(Logo.jpg) no-repeat;
  position: relative;
  cursor:pointer;
  margin:auto;
}
.Start {
  width:151px;
  height:81px;
  cursor:pointer;
  position:relative;
  top:200px;
  margin:auto;
  border-style: none;
}

a:hover .Start{
  width: 165px;
  top:205px;
}
.Banner{
  width:820px;
  position: relative;
  padding-top: 20px;
  text-align:center;
  top: 100px;
  margin:auto;
  clear:both;

}
.LinksTable{
  text-align:center;
  position:relative;
  color:darkgray;
  top:120px;
  margin:auto;
  width:820px;
  padding:0px 5px 2px 5px;
  clear:both;

}
.Links, .Links:visited, .Links:active{
  color:gray; text-decoration: none;
}
.Links:hover{
  color:darkgray; text-decoration: underline;
}
.Rights{
  width:820px;
  color:darkgray;
  font-size: small;
  text-align: center;
  top:120px;
  position:relative;
  margin:auto;
  padding-top: 2px;
}
.MainDivHelp{
  color:#FDFDF2;
  font-size:28px;
  Font-weight: 400;
  line-height: 150%;
  font-family: Balthazar,  Borealis , "Comic Sans MS",  sans-serif ;
}
.HelpText{
  padding-top: 20px;
  color:#FDFDF2;
  font-size:16px;
  Font-weight: 400;
  line-height: 150%;
  font-family: sans-serif ;
  width:820px;
  margin: auto;
}
.IntroText{
  color:#FDFDF2;
  font-family:sans-serif;
  font-size:20px;
  padding-top:30px;
  width:700px;
  margin:auto;
}
.CreatorsText{
  font-family: Balthazar,  Borealis , "Comic Sans MS",  sans-serif;
  font-size: 34px;
  color:#FDFDF2;
  margin:auto;
  width: 700px;

}
.CreatorsTitle{
   font-family: Balthazar,  Borealis , "Comic Sans MS",  sans-serif;
   font-size: 24px;
   color:#FDFDF2;
   width:700px;
   margin:auto;
}
.QuoteText{
  color:#FDFDF2;
  font-size: 22px;
  font-family: Borealis , "Comic Sans MS",  sans-serif;
  text-align:center;
  font-weight: 700px;
  padding-top:50px ;
  font-style: italic;
}
.QuoteTitle{
  color:#FDFDF2;
  text-align:center;
  font-family:sans-serif;
  font-size: 14px;
  font-style: italic;

}
.ContactText, .IntroFriendText, .AddEmailText {
  color:#FDFDF2;
  font-family:sans-serif;
  font-size: 18px;
  padding-top:20px;
  margin: auto;
}
.ContactText{
  width: 500px;
}


.ContactForm, .AddEmail{
  color: #FDFDF2;
  text-align:left;
  font-size:12px;
  font-weight:700;
  font-family: Verdana, Arial, Helvetica, sans-serif;

  }
.InputsContent, .AddEmailTexts{
  background-color: black;
  border-style: inset;
  border-color: #707500;
  border-width:2px;
  color:white;
  overflow:auto;
}
.Inputs, .ContentArea, .AddEmailInput{
  background-color: black;
  border-style: inset;
  color:white;
  border-width: 2px;
  border-color:#707500
  }
.SubmitDiv{
  margin: auto;
  text-align:center;
  padding-top:15px;
}
.SubmitButton{
  font-family:  Rondalo;
  font-weight: 700;
}

.ContentArea{
  width: 300px;
  overflow: auto;
}
.IntroFriendText{
  width: 580px;
}
.AddEmailText{
  width:500px;
}
.MainDivRiddle{
  text-align:center;
  font-size:36px;
  padding-top: 15px;
  color: #FDFDF2;
}

.BannerRiddle{
  width:820px;
  text-align:center;
  margin:auto;
}
.PictureDiv {
  width:820px;
  margin:auto;
  text-align:center;
  padding-top:30px;
  height: 340px;
}
.AnswerBoxDiv{
  width: 820px;
  margin:auto;
  text-align: center;
  padding-top:30px;
}
.AnswerButtonDiv{
  width: 820px;
  margin:auto;
  text-align: center;
}
.LinksTableRiddle{
  text-align:center;
  color:darkgray;
  margin:auto;
  width:820px;
  padding:5px 5px 2px 5px;
}
.RightsRiddle{
  width:820px;
  color:darkgray;
  font-size: small;
  text-align: center;
  margin:auto;
  padding-top: 2px;
}
.MiscBanner{
  width:820px;
  padding-top: 30px;
  padding-bottom: 20px;
  text-align:center;
  margin:auto;
}
.MiscLinksTable{
  text-align:center;
  color:darkgray;
  margin:auto;
  width:820px;
  padding:0px 5px 1px 5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.MiscRights{
  width:820px;
  color:darkgray;
  font-size: small;
  text-align: center;
  margin:auto;
  padding-top: 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  }