body {
background: #313135;
margin: 60px 0px 0px 0px;
font: 10px "Trebuchet MS", Tahoma, Verdana, serif;
color: #313135;
line-height: 13px;
}

img {
border: 0;
}

p {
margin: 0px;
padding: 2px 2px 3px 2px;
}

ol, ul {
padding: 1px 4px 1px 20px;
}

code {
color: #FFFFFF;
padding: 0 20px 0 20px;
text-align: center;
}

#bgimg {
width: 550px;
height: 300px;
margin: 0 auto;
padding: 0px;
}

#content {
background-color: transparent;
width: 248px;
height: 136px;
overflow: auto;
position: absolute;
top: 106px;
padding: 2px 2px 3px 38px;
}

.center {
text-align: center;
}

.textbox {
background-color: transparent;
border: 1px solid #4a544b;
font: 10px "Trebuchet MS", Tahoma, Verdana, serif;
color: #313135;
}

h1 {
font: 15px Georgia, serif;
color: #899caf;
font-style: italic;
font-weight: bold;
letter-spacing: 2px;
text-align: right;
text-transform: lowercase;
padding: 0px 10px 0px 0px;
margin: 0px 5px 5px 40px;
border-bottom: 3px double #858b91;
}

h2 {
font: 10px "Arial Black", serif;
color: #c1c4c8;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
margin: 3px 0px 2px 0px;
}

a:link {
font: 10px "Trebuchet MS", Tahoma, Verdana, serif;
color: #6c767f;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

a:visited {
font: 10px "Trebuchet MS", Tahoma, Verdana, serif;
color: #313135;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

a:hover {
font: 10px "Trebuchet MS", Tahoma, Verdana, serif;
color: #d9d6c2;
font-weight: normal;
letter-spacing: 1px;
border-bottom: 1px dotted #000000;
text-decoration: none;
}

a:active {
font: 10px "Trebuchet MS", Tahoma, Verdana, serif;
color: #FFFFFF;
font-weight: normal;
letter-spacing: 0px;
text-transform: uppercase;
border: 0px;
}

/* enth3 classes */

#content input, textarea, select {
font: 10px "Trebuchet MS", Tahoma, Verdana, serif;
color: #000000;
background-color: transparent;
border: 1px solid #4a544b;
}

.show_join_submit {
text-align: center;.
}