*{

  margin: 0 auto;

  padding: 0;

}



.mainlogo{

  width: 100%;

  height: 400px;

  background-image: url(images/bg.png);

  background-repeat: no-repeat;

  background-size: 100% 400px;

  background-position: center;

}



.headernav{

  width: 100%;

  height: 50px;

  background-color: #dfffd9;

}



ul {

  margin-left: 40px;

}



ul li {

  list-style: none;

  display: inline-block;

  float: left;

  line-height: 50px;

}



ul li a {

  display: block;

  text-decoration: none;

  font-size: 20px;

  font-family: arial;

  color: #1e1e1e;

  padding: 0 20px;

}



ul li a:hover{

  color:  red;

  font-weight: bold;

}



.logomain{

  float: left;

  height: 40px;

  width: 110px;

  background-image: url(images/logo.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  padding-top: 10px;

}



.loginmenu{

  float: right;

  display: inline-block;

  display: block;

  padding-right: 40px;

}



.indexwrapper{

  width: 100%;

  height: 900px;

  }



.joinbanner{

  width: 100%;

  height: 80px;

  line-height: 25px;

  text-align: center;

  font-size: 20px;

  background-color: #c3ffb8;

}



div h2 {

  padding-top: 80px;

  padding-left: 40px;

  color: white;

}



div h4{

  padding-left: 40px;

  color: white;

}



.rightdiv{

  width: 48%;

  height: 800px;

  float: right;

  padding-top: 20px;

}



.leftdiv{

  width: 48%;

  height: 750px;

    float: left;

  padding-top: 20px;

}



.uldiv{

  width: 48%;

  height: 50%;

  float: left;

  padding-left: 10px;

}



.urdiv{

  width: 48%;

  height: 50%;

  float: right;

    padding-left: 10px;

}



.lldiv{

  width: 48%;

  height: 50%;

  float: left;

  padding-left: 10px;

}





.lrdiv{

  width: 48%;

  height: 50%;

  float: right;

    padding-left: 10px;

}



.leftupper{

  width:  100%;

  height: 50%;

    padding-left: 20px;

  padding-top: 20px;

}



.leftlower{

  width:  100%;

  height: 50%;

    padding-left: 20px;

  padding-top: 20px;

}



.about{

  color: black;

  font-size: 30px;

  font-weight: bold;

}



.rightupper{

  width: 100%;

  height: 50%;

}



.rightlower{

  width: 600px;

  height: 50%;



}



.smalltext{

  font-size: 16px;

}



.rulesbanner{

  width: 100%;

  height: 500px;

  background-image: url(images/aboutbanner.png);

  background-repeat: no-repeat;

  background-size: 100% 500px;

}



.rulestextwrapper{

  width: 50%;

  height: 1000px;

  padding-top: 30px;

  padding-left: 40px;

}



.px30{font-size: 30px;}

.px20{font-size: 20px;}

.indent{padding-left: 50px;}



.forum_top_banner{

  width: 100%;

  height: 400px;

  background-image: url(images/form_banner.png);

  background-position: center;

  background-size: 100% 400px;

}



.forum_wrapper{

  width: 1200px;

  height: 600px;

  background-color: #ffffbc;

  padding-top: 40px;

  padding-left: 25px;

}



.addformbut{

  width: 100px;

  height: 30px;

  background-color: #ffe5a8;

  border-radius: 7px;

}



.form_num{width: 100px; height: 30px; }



.form_poster{width: 150px;}



.form_subject{width: 900px;}



.highlight:hover {background-color: lime;}



.formtext{

  margin: 0 auto;

  width: 1400px;

  height: 1000px;

  padding: 20px;

}



.frmspacer{

  width: 100%;

  height: 25px;

}



.frmviewsubject{

  font-size: 20px;

  width: 100%;

}



.frmtext{

  font-size: 18px;

  width: 900px;

  height: auto;

  border: 1px solid black;

  padding: 10px;

}



.add_post_wrapper{

  width: 800px;

  height: 400px;

  margin: 0 auto;

  padding: 25px;

  border: 1px solid black;

  background-color: #f9ffe0;

}



.post_username{

  width: 200px;

}



.post_subject{

  width: 500px;

}



.spacer{

  width: 100%;

  height: 40px;

}



.add_post_page{

  width: 100%;

  height: 1000px;

  background-image: url(../images/add_post_background.jpg);

}



.login_wrapper{

  width: 500px;

  height: 250px;

  border: .5px solid black;

  margin: 0 auto;

  padding: 20px;

}



.login_text{

  text-align: center;

  font-size: 24px;

}



.login_username{

  width: 200px;

}



.login_password{

  width: 200px;

}



.regusername{

  text-align: center;

  font-size: 30px;

}



.form_body{background-color: #d9fffe;}



.screenshot_button{width: 250px; height: 20px; text-align: center;}



.gallery_wrapper{

  width: 1800px;

  height: 3000px;

  border: .5px solid black;

  margin: 0 auto;

  padding-left: 50px;

  padding-top: 30px;

}

.screenshot_spacer{width: 100%; height: 25px;}



.eaglepic {background-image: url(images/eagle35.jpg); background-repeat: no-repeat;}

.backgrnd{background-color: #ffffb8;}