html, body {
width: 100%;
height: 100%;
}
body {
background: white url(/images/bg01.jpg) repeat scroll 0% 50%;
font-family: "tresbuchet ms", arial, sans-serif;
font-size: 1em;
color: black;
line-height: 1.1em;
}

#container {
margin: 3em 7em 3em;;
background-color: white;
/*height: 100%; */
/* removed after issues with the div closing early */
min-width: 770px;
border: 1px black solid;

/* margin: auto; */
}
#head_wrap {
border-bottom: 1px black solid;
width: 100%;
padding-bottom: .5em;
}

#head {
background-repeat: no-repeat;
width: 770px;
height: 123px;
margin: auto;
text-align: center;
}
p.center {
text-align: center;
font-family: "tresbuchet ms", arial, sans-serif;
font-size: 1em;
padding-bottom: .5em;
}

p.centertitle {
text-align: center;
font-family: "tresbuchet ms", arial, sans-serif;
font-size: 1em;
padding-bottom: .5em;
font-weight: bold;
}

/* with thanks to Stu Nichols' example at cssplay.co.uk */
#container #regform_wrap {
background: white;
margin: 3em 0 0 4em;
/* display: block; */
}
#regform_wrap br {
clear: both;
}
legend {
font-size:1.1em;
font-weight:bold;
border:3px solid #D9D9D9;
margin-bottom:5px;
padding:3px;
background:#fff;
}
fieldset {
border: 1px #D9D9D9 solid;
width: 45em;
margin: auto;
}
#regform_wrap label {
clear:left;
display:block;
float:left;
width:15em;
text-align:right;
padding-right:10px;
color:#888;
margin-bottom:0.5em;
}
span.req {
font-weight: bold;
color: red;
font-size: 1.2em;
}
.btn {
margin: 1em auto;
text-align: center;
}
h1 {
text-align: center;
color: blue;
font-size: 1.2em;
padding-bottom: 1em;
}
a:link, a:visited, a:active {
color: blue;
cusor: pointer;
text-decoration: none;
}
a:hover {
color: white;
background: blue;
cursor: pointer;
}
#bot_menu {
margin: 1em auto 0;
background-color:#403F40;
height: 1.2em;
}
#bot_menu a {
padding: 0;
color: white;
font-size: .75em;
}
div#recaptcha_area {
text-align: auto;
margin:auto;
}