html,body {
 font-size: 14px;
 font-family: Verdana, Geneva, sans-serif;
 margin:0;
 padding:0;
}

h1 {
 color: #AAAAAA;
}

nav {
 position: -webkit-sticky; /* Safari */
 position: sticky;
 top: 0;
}

footer {
 position: -webkit-sticky; /* Safari */
 position: sticky;
 position: fixed;
 bottom: 0;
 margin: 0;
 padding: 0;
 background-color: #333333;
 color: #EEEEEE;
 width: 100%;
}

#navlist {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #333333;
}

.navlist_item_left {
 float: left;
 border-right: 1px solid #bbb;
}

.navlist_item_right {
 float:right;
 border-left: 1px solid #bbb;
}

.navlist_link {
 display: block;
 padding: 8px;
 color: #EEEEEE;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
}


.navlist_link:hover {
  background-color: #111111;
}

#mainimage {
 float: right;
 height: 30%;
 width: 30%;
}

p {
 padding: 10px;
 margin: 10px;
}

inputt {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
}

fieldset {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 float: left;
 padding: 3px;
 margin: 10px;
}

#register_essential, #login_essential, #addlocation_details {
 width: 33%;
}

#register_socialmedia, #location_positions {
 width: 33%;
}

#register_submit, #login_submit, #add_location_submit {
 background-color: #cccccc;
}

#display_name {
 display: block;
 padding: 8px;
 color: #EEEEEE;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
 font-weight: bold;
}

.fullwidthtextarea {
 width:100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.inputshort {
 width: 49%;
}

#mapimg {
 max-width: 100%;
 max-height: 100%;
 display: block;
 /*width: 80%;*/
}

#mapdisplay {
 background-color: #0000FF;
 width: 80%;
 height: 50%;
 float: left;
 object-fit: contain;
}

#infobox {
 background-color: #FFFFFF;
 width: 20%;
 height: 50%;
 margin-left: 80%;
}
#info {
  border-color: #111111;
  border-width: 3px;
  border-style: double;
}
#movementbox {
  border-color: #111111;
  border-width: 3px;
  border-style: double;
}
#cardbox {
  border-color: #111111;
  border-width: 3px;
  border-style: double;
}
#messages {
  border-color: #111111;
  border-width: 3px;
  border-style: double;
}

#mainarea {
 width: 100%;
 margin 0 auto;
 
}
.army {
 background-color: #FFFFFF;
 border-radius: 10px;
 position: absolute;
 font-weight: bold;
}

.invasioncard {
  color: #0000FF;
}

.tradein {
  color: #ff0000;
}

.conclusionbutton {
  color: #222222;
  background-color: #CCCCCC;
}