/* Reset body padding and margins */
body { margin:0; padding:0; background-color:#bea68a; 
 font-family			: Arial;}
 
/* Make Header Sticky */
#header_container { background-image:url("../images/backgrounds/bg-header.gif"); 
background-size: 100% 100%;
    background-repeat: no-repeat; height:180px; left:0; position:fixed; width:100%; top:0; }
#header{ line-height:40px; margin:0 auto; width:100%; text-align:center; }
 
/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/
#container { background-image:url("../images/backgrounds/bg-container.png"); 
background-origin:content-box; 
background-repeat: repeat-x; 
margin:0 auto; 
overflow:auto; 
padding:180px 0; 
width:100%; }
    #left{float:left; width: 250px; text-align: center;}
    #right{float:right; width:250px;  text-align: center; margin-top: 10%;}
#content{ text-align:center;margin-top:5px;}
 
/* Make Footer Sticky */
#footer_container { background-image: url("../images/backgrounds/bg-footer.png"); 
bottom:0; height:80px; left:0; position:fixed; width:100%; }
#footer { margin:0 auto; width:100%; text-align:center; vertical-align: middle; color:white;}