body { background-color: #b4b8bb; background-image: url(../images/bodybg.jpg); background-repeat: repeat-x; background-position: center top; margin: 0; }
#container { width: 676px; margin: 0 auto; }
/*banner*/
#banner { background-image: url(../images/banner.jpg); width: 676px; height: 232px; margin: 31px 0 0; }
/*content container*/
#content { background-image: url(../images/whitebg.jpg); background-repeat: repeat-y; background-position: center; width: 676px; margin: 0; }
/*links*/
#midlink { background-color: #c1c5c7; width: 638px; height: 48px; margin: 0 0 0 12px; padding-left: 14px; }
#midlink img { margin-top: 8px; }
/*center picture*/
#theme { width: 671px; height: 184px; margin-top: 1px; margin-left: 5px; }
#verse { color: #005d88; background-color: #c8c9cb; background-image: url(../images/themeleftbg.jpg); background-repeat: no-repeat; background-position: left center; text-align: center; width: 386px; height: 184px; float: left; }
#verse h4 { font-size: 1.2em; font-family: "Myriad Pro", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0 0 0 40px; padding-top: 15px; padding-bottom: 15px; }
#verse p { font-size: 1.1em; font-weight: 200; margin: 0 0 0 40px; }
#churchpic { background-image: url(../images/church.jpg); background-position: right center; width: 281px; height: 184px; float: left; }
/*footer*/
#footer { background-image: url(../images/footer.jpg); background-position: center; width: 676px; height: 55px; clear: both; }
/*out of flow items*/
#weeklyschedule { color: #000; background-image: url(../images/weeklyschedule.jpg); background-position: center; text-align: center; position: relative; top: -45px; left: 10px; width: 214px; height: 356px; float: left; margin-bottom: -45px; }
#weeklyschedule h3 { font-size: 0.9em; margin: 0; padding: 5px 10px 10px; }
#weeklyschedule p { font-size: 0.8em; margin: 0; padding-right: 10px; padding-left: 10px; }
#featuredsites { font-family: "Myriad Pro", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 0.7em; background-color: transparent; background-image: url(../images/featuredsites.gif); background-position: center; position: relative; top: -45px; left: 20px; width: 429px; height: 358px; float: left; margin-bottom: -45px; }
/*links for featured sites*/
#topleftlinks { width: 200px; height: 140px; float: left; margin-top: 70px; margin-bottom: 0; margin-left: 5px; }
#topleftlinks img { margin-left: 25px; }
#topleftlinks p { margin: 5px 0 0; }
#toprightlinks { width: 200px; height: 140px; float: left; margin-top: 70px; margin-bottom: 0; margin-left: 5px; }
#toprightlinks img { margin-left: 25px; }
#toprightlinks p { margin: 5px 0 0; }
#bottomleftlinks { width: 200px; height: 140px; float: left; margin-left: 5px; }
#bottomleftlinks img { margin-left: 25px; }
#bottomleftlinks p { margin: 5px 0 0; }
#bottomrightlinks { width: 200px; height: 140px; float: left; margin-left: 5px; }
#bottomrightlinks img { margin-left: 25px; }
#bottomrightlinks p { margin: 5px 0 0; }