@import url(formsets.css);
@import url(navigation.css);
body, html {
    margin: 0 0 0 0;
    text-align: left;
    font-family: "Arial";
    font-size: 12px;
    line-height: 165%;
    background-repeat: repeat-x;
    background-color: #ede0c2;
    color: #333;
    height: 100%;
    background-image: url('../images/background.jpg');
}

p{
    margin: 0px 0px 20px 0px;
}

p.header{
    position: relative;
    font-size: 16px;
    font-weight:normal;
    color: #c41e21;
    margin: 0px 0px 5px 0px;
    padding: 0;
}

#container, .centre {
    position: relative;
    width: 980px;
    margin-left:-490px;
    left:50%;
    height: auto;
}

.clear{
    clear:both;
}

#header{
    position: relative;
    width: 980px;
    height: 294px;
    background-image:url('../images/header.jpg');
    background-repeat:no-repeat;
    color: #eadcba;
    margin-bottom: 50px;
}

#header .top{
    position:relative;
    top: 10px;
    font-size:24px;
    color:#fff;
    float:left;
}

#header .top a{color:#fff;}

#header .topinfo{
    position:relative;
    top: 10px;
    color:#fff;
    float:right;
}

#header .info{
    position: relative;
    width: 650px;
    height: 150px;
    left: 300px;
    top: 50px;
}

#header .info h1{
    color:#fff;
}

#signupBtn{
    position: relative;
    top: 84px;
    left: 800px;
}

.mainCnt{
    position: relative;
    height:auto;
    padding: 10px; 
    margin-bottom: 40px;
}

#footer{
    position: relative;
    width: auto;
    height: auto;
    background-image:url('../images/footer.jpg');
    color:#e4bec7;
    background-repeat:repeat-x;
    padding-top: 40px;
    padding-bottom: 20px;
    background-color:#860001;
}

#footer h2{
    color:#fff;
    font-weight:bold;
}

#footer a{color: #eadcba;}
#footer a:hover{color: #fff;}


/**** h tags ****/
h1{
    position: relative;
    font-size: 20px;
    font-weight:normal;
    color: #292929;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

h2{
    position: relative;
    font-size: 16px;
    font-weight:normal;
    color: #c41e21;
    margin: 0px 0px 5px 0px;
    padding: 0;
}

div.hr {
    height: 1px;
    border-bottom: 1px solid #d1bf99;
    margin-bottom: 10px;
    margin-top: 5px;
}
div.hr hr {
    display: none;
}

/**** h tags ****/


/**** contentcontainers ****/
.content{
    position: relative;
    width: auto;
    height:auto;
}

.content.default{
    width: 650px;
    float:left;
    margin-right: 20px;
}

.content.default_right{
    width: 280px;
    float:left;
}

.content.triple{
    width: 310px;
    float:left;
    margin-right: 20px;
}
/**** contentcontainers ****/



.membercontainer{
    position: relative;
    width: auto;
    background-color: #e3d4b4;
    padding: 3px;
    height: auto;
    border: 1px solid #d1bf99;
    margin-bottom: 10px;
}

.membercontainer .left{
    position: relative;
    width: 73px;
    height: 69px;
    float: left;
}

.membercontainer .left .picture{
    width: 65px;
    border: 1px solid #000;
    border: 2px solid #d1bf99;
}

.membercontainer .right{
    position: relative;
    width: 115px;
    height: 65px;
    float: left;
}

.membercontainer .right .description{
    position: relative;
    width: 120px;
    height: 65px;
    float: left;
    overflow:hidden;
    font-size: 11px;
    line-height: 140%;
}

/**** autoFloaters ****/
.float200{
    position: relative;
    width:140px;
    float:left;
}

.float200 img{
    
    margin-right:5px;
}


a:link { color:#c41e21; text-decoration: none; }
a:visited { color:#c41e21; text-decoration: none; }
a:hover { color:#000; text-decoration: none; }
a:active { color:#c41e21; text-decoration: none; }