* {
    margin: 0;
}
html, body {
    height: 100%;
    background-image: url('../images/background.jpg');
    background-repeat: repeat-x;
}


#container{
	margin:auto;    
	text-align:left;
	width:885px;
	height: auto !important;
	height: 100%;
	        }
	        
#logo{
   margin-top: 0;
   margin-left: -45px;
   position: absolute;
   z-index: 100;
} 

#debt{
   margin-left: 200px;


} 

#nav_container{
    margin-top: 15px;
    width: 831px;
    margin-left: 55px;
   
}        
     
     
#centerbox_container{
     width: 831px;
     height: 324px;
     margin-left: 55px;
}


#whole_container{
     width: 831px;
     margin-left: 55px;

}

#sidebar_container{
     width: 218px;
     margin-left: 55px;
     position: static;
     float: left;

}
       
#content_container{
     width: 543px;
     margin-left: 25px;
     position: static;
     float: right;
     text-align: justify;

}

#list_back{
    width: 543px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 45px;
    padding-bottom: 25px;
    background-repeat: repeat-y;
}
       
#join_now{
    width: 543px;
    height: 285px;
    background-repeat: no-repeat;
}

#join_form{ width:493px;
            padding: 25px;
}   
       
#footer_left{
    width: 400px;
    position: static;
    float: left;
  
}   

#footer_right{
    width: 400px;
    position: static;
    float: right;
  
}       
           
       
.spacer{clear:both}       
        
.footer, .push {
    background: url('../images/footer.jpg');
    background-repeat: repeat-x;
	height: 142px; /* .push must be the same height as .footer */
}