:root{
  --submitwidth = 205px;
}

/* This section centers complete page */

.contact {
    display:block;
    margin:0 auto;
    width:325px;
}
.main {
    display:block;
    margin:0 auto;
    width:575px;
}

.main-more {
    display:block;
    margin:0 auto;
    width:700px;
}


.main-wide {
    display:block;
    margin:0 auto;
    width:950px;
}


.pulldown-species-width {
    display:block;
    margin:0 auto;
    width:250px;
}

.spacer-100 {
    padding-top:100px;
}
.spacer-50 {
    padding-top:50px;
}
.spacer-25 {
    padding-top:25px;
}
.spacer-10 {
    padding-top:10px;
}

/* wacky hack class to force fieldset/legend box to shrink to width of contained
   control elements - use in div surrounding the fieldset, and in an empty (or
   not) div immediatley following the one surrounding the fieldset */
.fix-legend {
  float:left; 
  margin-right:20px;
}

.shove-right {
  padding-left:40px;
}

.shove-right-more {
  padding-left:100px;
}

.shove-right-even-more {
  padding-left:200px;
}

.shove-way-right {
  padding-left:500px;
}

.shove-left {
  padding-left:100;
}

.messagebox {
position:fixed;
background-color:#000000;
color:#ffffff;
border:3px solid #ffffff;
font-family:'Voltaire', sans-serif;
font-size:24px;
width:180px;
border-radius:15px;
z-index:1;
padding:10px;
}