/* StyleSheet by David Herreman http://www.free-css-templates.com */ body { padding: 0; margin: 0; font: .74em Arial, sans-serif; line-height: 1.5em; background: #fff url(images/bkg_full.gif) repeat-y top; color: #454545; } a { color: #722020; background: inherit; } a:hover { color: #DA3B3B; background: inherit; text-decoration: underline} p { margin: 5px 0; } h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; } h2 { font: bold 1.6em Arial, Sans-Serif; } h3 { padding: 4px 0; margin: 0; } h4 { font: bold 0.8em Arial, Sans-Serif; } h5 { font: bold 1.2em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0;} h5-1 { font: 1.2em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0;} h6 { font: bold 1.4em Arial, Sans-Serif; color: #7F0000; padding: 8px 0 4px 0; margin: 0;} ul { margin: 0; padding : 0; list-style: none; } img { border: 0; } hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; } #right_nav { float: right; width: 200px; padding: 5px 10px 5px 10px; margin-bottom: 10px } .content { margin: 0px auto; width: 800px; } .content2 { margin: 0px auto; width: 730px; } /* Top part */ #top_nav { margin: 5px; padding: 3px; width: 650px; position: relative; right: -200px;} #top_nav h2 { font: 1.0em Arial, Sans-Serif; word spacing: 3px; color: #690000; margin:0; padding: 0 } #top_nav1 { float: right; width: 800px; background: transparent; padding: 5px 10px 5px 10px; margin-bottom: 10px } #top { padding-top: 20px; background: transparent; height: 101px; } #top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; color: #FFF } #top h2 { font: 1.0em Arial, Sans-Serif; color: #868686; margin:0; padding: 0 } #top #icons { float: right; margin:20px 0; padding:0 } #top #icons img { padding-right: 2px; border: 0 } /* Second part */ #prec { height: 345px; margin:0; padding: 0; background: #ffffff; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding-top:10px; overflow: hidden; margin-bottom: 15px } #prec1 { height: 270px; margin:0; padding: 0; background: #ffffff; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding-top:10px; overflow: hidden; margin-bottom: 15px } #prec2 { height: 310px; margin:0; padding: 0; background: #ffffff; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding-top:10px; overflow: hidden; margin-bottom: 15px } #prec3 { height: 410px; margin:0; padding: 0; background: #ffffff; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding-top:10px; overflow: hidden; margin-bottom: 15px } #prec4 { height: 325px; margin:0; padding: 0; background: #ffffff; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding-top:10px; overflow: hidden; margin-bottom: 15px } #prec5 { height: 240px; margin:0; padding: 0; background: #ffffff; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding-top:10px; overflow: hidden; margin-bottom: 15px } #wrap { margin: 0 auto; width: 750px; } #wrap #pic { float: right; background: #ffffff url() no-repeat; height: 400px; width: 500px; overflow: hidden} #wrap #pic1 { float: right; background: #ffffff url(images/about.jpg) no-repeat; height: 232px; width: 544px; overflow: hidden} #wrap #pic2 { float: right; background: #ffffff url(picts/bfba.png) no-repeat; height: 232px; width: 544px; overflow: hidden} #wrap #pic3 { float: right; background: #ffffff url(picts/childrens.jpg) no-repeat; height: 202px; width: 544px; overflow: hidden} #wrap #pic4 { float: right; background: #ffffff url(images/truth_large.jpg) no-repeat; height: 261px; width: 544px; overflow: hidden} #wrap #pic5 { float: right; background: #ffffff url(images/banner_newlogo.png) no-repeat; height: 300px; width: 500px; overflow: hidden} #wrap #pic6 { float: right; background: #ffffff url(images/banner_prayer.png) no-repeat; height: 261px; width: 544px; overflow: hidden} #wrap #pic7 { float: right; background: #ffffff url(images/missions_logo.png) no-repeat; height: 369px; width: 544px; overflow: hidden} #wrap #pic8 { float: right; background: #ffffff url(images/banner_about-us.png) no-repeat; height: 261px; width: 544px; overflow: hidden} #wrap #pic9 { float: right; background: #ffffff url(images/banner_contactus.png) no-repeat; height: 261px; width: 544px; overflow: hidden} #wrap #pic10 { float: right; background: #ffffff url(images/devotional.png) no-repeat; height: 235px; width: 544px; overflow: hidden} #wrap #pic11 { float: right; background: #ffffff url(images/staff_group.png) no-repeat; height: 340px; width: 550px; overflow: hidden} #wrap #pic12 { float: right; background: #ffffff url(images/d2.jpg) no-repeat; height: 340px; width: 550px; overflow: hidden} #wrap #pic13 { float: right; background: #ffffff url(images/prayer_request.png) no-repeat; height: 340px; width: 550px; overflow: hidden} #wrap #pic14 { float: right; background: #ffffff url(images/banner_biblestudy.jpg) no-repeat; height: 355px; width: 555px; overflow: hidden} #wrap #pic15 { float: right; background: #ffffff url() no-repeat; height: 280px; width: 520px; overflow: hidden} #wrap #pic16 { float: right; background: #ffffff url(images/banner_calendar2010.png) no-repeat; height: 380px; width: 555px; overflow: hidden} #wrap #pic17 { float: right; background: #ffffff url(images/banner_bsbc101.png) no-repeat; height: 310px; width: 510px; overflow: hidden} #wrap #pic18 { float: right; background: #ffffff url(images/banner_welcome.png) no-repeat; height: 400px; width: 500px; overflow: hidden} #wrap #video { float: right; background: #ffffff url() no-repeat; height: 410px; width: 550px; overflow: hidden} #wrap #pic #slogan h1 { font: bold 1.4em Arial, Sans-Serif; color: #FFF; margin:0 } #wrap #pic #slogan h2 { font: 1.0em Arial, Sans-Serif; color: #FFF; margin:0; padding: 10px 0} #wrap #pic #slogan a { color: #FFF; } #wrap #menu { padding: 0; margin:0; background: inherit; } #wrap #menu a { padding-left: 25px; font: bold 1.0em Arial, Sans-Serif; text-decoration: none; background: #f6f6f6 url(images/lm1-li.gif) no-repeat left; } #wrap #menu ul { padding: 0px 0 } #wrap #menu li { line-height: 26px; background: #F6F6F6 url(images/li-line.gif) no-repeat bottom left; list-style: none } /* Advertising */ #ad { background: #FFF url( ) no-repeat left; padding-left: 0; min-height: 80px; margin-bottom: 15px;} #ad a, #left_side a { background: #FFF; text-decoration: none } #ad a:hover, #left_side a:hover { text-decoration: underline } /* main area */ #main {font-size:12px; font-weight:normal; } #right_side { float: right; width: 380px; background: #ffffff; margin-bottom: 10px } #right_side h3 { background: #FFF url() repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font: bold 1.2em Arial, Sans-Serif; } #right_side h3 span { background: url(images/logo_tiny.gif) no-repeat left; padding: 1px 10px 0 23px; line-height: 22px; margin: 0} #right_side p { color: #454545; padding: 0 5px 0 5px; text-align: justify } #right_side img { float: left; padding: 0 10px 5px 0 } #right_side blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; } .date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right } #right_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5 } #right_side ul { list-style-position: inside; margin-left: 2px } #right_side ul li { list-style-type: square; margin-left: 15px; } #right_side ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside } #visitors_main ul li { list-style-type: square; margin-left: 15px; } #visitors_main { float: right; width: 800px; background: #ffffff; margin-bottom: 10px } #left_side { background: #FFF; margin-bottom: 10px; width: 380px; } #left_side h3 { background: #FFF url() repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font: bold 1.2em Arial, Sans-Serif; } #left_side h3 span { background: url(images/logo_tiny.gif) no-repeat left; padding: 1px 10px 0 23px; line-height: 22px; margin: 0} #left_side p { color: #454545; padding: 0 5px 0 5px; text-align: justify } #left_side img { float: left; padding: 0 10px 5px 0 } #left_side blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; } .date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right } #left_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5 } #left_side ul { list-style-position: inside; margin-left: 2px } #left_side ul li { list-style-type: square; margin-left: 15px; } #left_side ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside } #updates { background: #FFF; margin-bottom: 10px; width: 760px; } #updates h3 { background: #FFF url() repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font: bold 1.2em Arial, Sans-Serif; } #updates h3 span { background: url(images/logo_tiny.gif) no-repeat left; padding: 1px 10px 0 23px; line-height: 22px; margin: 0} #updates p { color: #454545; padding: 0 5px 0 5px; text-align: justify } #updates img { float: left; padding: 0 10px 5px 0 } #updates blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; } .date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right } #updates .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5 } #updates ul { list-style-position: inside; margin-left: 2px } #updates ul li { list-style-type: square; margin-left: 15px; } #updates ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside } #pastor { float: left; width: 680px; background: #ffffff; margin-bottom: 10px } #pastor h3 { background: #FFF url() repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font: bold 1.2em Arial, Sans-Serif; } #pastor h3 span { background: url(images/logo_tiny.gif) no-repeat left; padding: 1px 10px 0 23px; line-height: 22px; margin: 0} #pastor p { color: #454545; padding: 0 5px 0 5px; text-align: justify } #pastor img { float: left; padding: 0 10px 5px 0 } #pastor blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; } .date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right } #pastor .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5 } #pastor ul { list-style-position: inside; margin-left: 2px } #pastor ul li { list-style-type: square; margin-left: 15px; } #pastor ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside } /* Root = Vertical, Secondary = Vertical */ ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 160px; /*For KHTML*/ list-style: none; } ul#navmenu-v li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative; } /* Root Menu */ ul#navmenu-v a { border: 1px solid #FFF; border-right-color: #CCC; border-bottom-color: #CCC; padding: 0 6px; display: block; background: #EEE; color: #4A5D7E; font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ } /* Root Menu Hover Persistence */ ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a { background: #EEE; color: #7F0000; } /* 2nd Menu */ ul#navmenu-v li:hover li a, ul#navmenu-v li.iehover li a { background: #EEE; color: #4A5D7E; } /* 2nd Menu Hover Persistence */ ul#navmenu-v li:hover li a:hover, ul#navmenu-v li:hover li:hover a, ul#navmenu-v li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover a { background: #EEE; color: #7F0000; } /* 3rd Menu */ ul#navmenu-v li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li a { background: #EEE; color: #4A5D7E; } /* 3rd Menu Hover Persistence */ ul#navmenu-v li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover a, ul#navmenu-v li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover a { background: #EEE; color: #7F0000; } /* 4th Menu */ ul#navmenu-v li:hover li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li.iehover li a { background: #EEE; color: #4A5D7E; } /* 4th Menu Hover */ ul#navmenu-v li:hover li:hover li:hover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { background: #EEE; color: #7F0000; } ul#navmenu-v ul, ul#navmenu-v ul ul, ul#navmenu-v ul ul ul { display: none; position: absolute; top: 0; left: 160px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu-v li:hover ul ul, ul#navmenu-v li:hover ul ul ul, ul#navmenu-v li.iehover ul ul, ul#navmenu-v li.iehover ul ul ul { display: none; } ul#navmenu-v li:hover ul, ul#navmenu-v ul li:hover ul, ul#navmenu-v ul ul li:hover ul, ul#navmenu-v li.iehover ul, ul#navmenu-v ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul { display: block; } #address { margin: 5px; padding: 3px; width: 800px; position: relative; } #address h2 { font: 1.0em Arial, Sans-Serif; word spacing: 3px; color: #690000; margin:0; padding: 0 } /* The footer */ #footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 .5em 0; color: #777; background: #fff } #footer .right { float: right; text-align: right; background: #FFF; } #footer a { text-decoration: none; background: #FFF }