@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);

html, body {height: 100%;}
html{background:#423725}

body{
margin:0 auto;
width:700px;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -35px; /* the bottom margin is the negative value of the footer's height */
background: #987e44;
}

#header{
position:relative;
width:100%;
min-height:100px;
}

p.worship{
font: italic 13px/16px Georgia, "Times New Roman", Times, serif;
text-align:right;
position:absolute;
bottom:0;
right:10px;
}
#header h1.logo{
text-indent:-2999px;
overflow:hidden;
width:245px;
height:105px;
position:absolute;
right:0px;
top:20px;
margin-right:-20px;
background:url(images/logo.png);
padding:0px;
}

div#columnWrap{
padding-left: 30px; 
padding-right: 300px; 
overflow:hidden;  
}

div#center{
width:100%;
position:relative;
float:left;

}

div#content{
position:relative;
left:0px;
top:4px;
width:340px;
margin:0;
}

#subcolumn{
position:relative;
float:left;
width:298px;
padding:0;
margin:0;
left: 366px;             /* LC fullwidth + CC padding */
margin-right: -100%;
}

#subcolumn p, #subcolumn li, #subcolumn h1, #subcolumn h2, #subcolumn h3, #subcolumn h4, #subcolumn h5, #subcolumn h6{
text-align:left;
}
#subcolumn p{
font: 12px/22px Georgia, "Times New Roman", Times, serif;
}
#events{
height:381px;
background:url(images/col-2.jpg);
width:258px;
padding:20px;
}
.push {
height: 35px; /* .push must be the same height as #address plus padding */
}

#address{
background:#423725;
height:35px;
text-align:right;
clear:both;
margin:0;
padding:0;
}