h1 {
font: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 4px;
color: #987347;
text-transform:uppercase;
margin: 0;
line-height: 18px;
}
.main {
width: 872px;
background: #FFFFFF;
padding: 16px;
height: inherit;
}

.main a{
color: #987347;
text-decoration:none;
}

.main a:hover{
color: #987347;
text-decoration:underline;
}


.col-full{
width: 872px;
float: left;
}

.col-left {
width: 200px;
float: left;
margin-right: 20px;
}


.col-left a{
color: #987347;
text-decoration:none;
}

.col-left a:hover{
color: #987347;
text-decoration:underline;
}


.col-right {
width: 644px;
float:right;
}

#bottom{
width:100%;
height:30%;
margin:0 auto;
background-color: #000000;
clear:both;
}
.footer{
width: 968px;
margin: 0 auto;
height: 68px;
padding: 16px;
font:Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform:uppercase;
color: #999999;
}


/* All form elements are within the definition list for this example */
.form {
width: 450px;
}

.registerform {
width: 260px;
margin-right: 16px;
float:left;
}

.title {
clear: both;
float:left;
width: 110px;
padding: 4px 0 2px 0;
text-align: left;
}
.field {
float: left;
width: 250px;
}

.loginbutton { background-color:#ffffff; border: 1px solid #666666; color:#999999; font-weight:bold; width:100px; margin-left: 110px; margin-top: 10px; font-size: 11px}

.submitbutton { background-color:#ffffff; border: 1px solid #666666; color:#999999; font-weight:bold; width:100px;  margin-top: 10px; font-size: 11px}

.col-menu {
width: 180px;
height: 105px;
float: left;
margin-right: 16px;
margin-bottom: 16px;
border: 1px solid #d1d1d1;
padding: 10px;
}


.col-menu a{
color: #987347;
text-decoration:none;
}

.col-menu a:hover{
color: #987347;
text-decoration:underline;
}


.col-menu2 {
width: 135px;
float: left;
margin-right: 16px;
margin-bottom: 16px;
border: 1px solid #d1d1d1;
padding: 10px;
}


.col-menu2 a{
color: #987347;
text-decoration:none;
}

.col-menu2 a:hover{
color: #987347;
text-decoration:underline;
}


.right {
float:right;
}

.left {
float:left;
}