/*Global style Created by Marcelo A. Carrillo June 19 2009*/ body { font: 100% Verdana, Arial, Helvetica, sans-serif; background-image:url(/images/home/bg.jpg); background-repeat:repeat-x; background-color:#BF9565; margin: 0; padding: 0; text-align: center; color: none; } .main_frame #container { width: 900px; background-image:url(/images/home/body-repeat.jpg); background-repeat:repeat-y; margin: 0 auto; border-left: 1px solid #E56C23; border-right: 1px solid #E56C23; border-top:none; border-bottom:none; text-align: left; } .main_frame #header {padding: 0px;} .main_frame #header h1 {margin: 0; padding: 10px 0; } #menu{width:900px; height:34px; border:none;} .main_frame #mainContent {padding: 0 40px;} .main_frame #footer {padding:0px; background-image:url(/images/home/footer.jpg); background-repeat:no-repeat; width:900px; height:88px;} .main_frame #footer p {margin: 0; padding: 0px 0;} .header{width:900px; height:265px; border:none; padding:0px; margin:0px;} #main_menu, #global_menu{width:900px; height:34px; border:none; padding:0px; margin:0px;} #logo{width:900px; height:71px; border:none; margin:0; padding:0; background-image:url(/images/home/logo.jpg); background-repeat:no-repeat;} /* Typography */ body {text-align:center; font:11px Verdana, Helvetica, Arial, sans-serif; color:#E56C23;} h1 {font:19px Helvetica, Arial, sans-serif;} h2 {font:16px Helvetica, Arial, sans-serif;} h3 {font:14px Helvetica, Arial, sans-serif;} h4 {font-size: 12px;} h5 {font-size: 11px;} h6 {font-size: 8px;} h1, h2, h3, h4, h5, h6 {margin-bottom: .2em; margin-top: .2em; font-weight: bold; line-height:normal;} p{line-height:1.4em; color:#444; text-align:justify; margin-top:6px; margin-bottom:6px;} ul, li{line-height:1.4em ; color:#444;} .ul-align{margin-left:18px;} .ul-alignhome{margin-left:8px;} .none-bullets{list-style:none;} #home_banner{width:300px; height:150px;} #right-col{width:500px; height:160px; float:right;} .bigger{font-size:14px; font-weight:bold; margin-left:10px;} #main-box{width:200px; height:auto; background-color:#E8E0CB; padding:4px; border:#DCBC67 2px solid; float:left; margin-left:30px; margin-right:30px;} #main-box-img{width:200px; height:130px;} #main-box-txt{padding:4px;} img {border:none; text-decoration:none; padding:0px;} .img-border{border-:1px solid #E6E1DB; padding:4px;} a:link {color: #970216;} a:visited {color:#6d0412; font-weight:bold;} a:hover{color: #003366;} .clear-div{clear:both; height:10px;} .clear-sm{clear:both; height:3px;} .clear-link{clear:both; float:left;} #box{width:460px; height:170px; padding:4px; float:right;} #box-header{width:460px; height:30px; padding-bottom:4px;} .box{width:360px; height:auto;} .box-pic{width:100px; height:100px; float:left; margin-right:10px;} .box-txt{width:250px; height:100px; float:right;} .events_divider{padding-top:5px; padding-bottom:5px; width:460px; margin-left:200px; margin-right:157px; background-image:url(../images/events/divider.jpg); background-repeat:no-repeat; width:460px; height:10px; text-align:center;} .event_text{width:610px; height:auto;} .event-list li{margin-left:15px;} .event_img{float:right; padding:8px; width:180px; height:127px;} .event_img-lg{float:right; padding:8px; width:180px; height:auto;} /*Slideshow start*/ .img-slideshow {margin:0px; padding:0px; top:0px; width:900px; height:265px; background-position:relative;} .img-01, .img-02, .img-03, .img-04, .img-05, .img-06, .img-07, .img-08, .img-09, .img-tough_question, .img-contact, .img-connections_cafe, .bible_search, .who_we_are, .getting_connected, .ministries, .meeting_my_needs, .events, .contributions, .missions, .sermons, .gallery, .volunteering{margin:0px; padding:0px; top:0px; width:900px; height:265px; list-style:none;} .img-05{background-image:url(/images/home/05.jpg);} .img-01{background-image:url(/images/home/01.jpg);} .img-06{background-image:url(/images/home/06.jpg);} .img-03{background-image:url(/images/home/03.jpg);} .img-09{background-image:url(/images/home/09.jpg);} .img-04{background-image:url(/images/home/04.jpg);} .img-08{background-image:url(/images/home/08.jpg);} .img-02{background-image:url(/images/home/02.jpg);} .img-07{background-image:url(/images/home/07.jpg);} .img-tough_question{background-image:url(/images/tough_questions/tough_questions.jpg);} .img-contact{background-image:url(/images/contact/contact.jpg);} .img-connections_cafe{background-image:url(/images/connections_cafe/connections_cafe.jpg);} .bible_search{background-image:url(/images/bible_search/bible_search.jpg);} .who_we_are{background-image:url(/images/who_we_are/who_we_are.jpg);} .getting_connected{background-image:url(/images/getting_connected/getting_connected.jpg);} .ministries{background-image:url(/images/ministries/ministries.jpg);} .meeting_my_needs{background-image:url(/images/meeting_my_needs/meeting_my_needs.jpg);} .events{background-image:url(/images/events/events.jpg);} .contributions{background-image:url(/images/contributions/contributions.jpg);} .missions{background-image:url(/images/missions/missions.jpg);} .sermons{background-image:url(/images/sermons/sermons.jpg);} .gallery{background-image:url(/images/gallery/gallery.jpg);} .volunteering{background-image:url(/images/voluntering/voluntering.jpg);} /*Slideshow ends*/ /*top Menu*/ .transparent_class { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; background-color:#9a0410; margin-top:0; float:right; padding:8px; width:450px; height:14px; } .navi li {display:inline; list-style-type:none; float:left; padding:4px;} .navi{margin-top:-5px;} a.top_links{color:#fff !important; text-decoration:none; font-weight:bold;} a:hover.top_links{color: #003366 !important; text-decoration:none; font-weight:bold;} /*top Menu ends*/ /*To setup main frame*/ #global_menu, #global_menu ul {width:900px; list-style: none;} #global_menu a {display:block; margin:0;} #global_menu li {float:left; margin:0; } #global_menu li ul {position:absolute; display:none; background-color:none; width:100px; text-align:left;} #global_menu li:hover ul, #global_menu li.sahover ul {display:block;} #global_menu ul {width:900px; height:34px; list-style:none; list-style-position:outside; margin:0; left:0px;} #global_menu li {text-align:left; display: block; width:auto; height:34px; position:relative;} #global_menu li li{ height: auto; width:auto; text-align:left;} #global_menu li a {outline:none; display:block; height:34px; background:url(/images/home/main_menu.jpg) no-repeat; font-family:verdana; font-size:10px; font-weight:bold; font-style:normal; text-decoration:none; color:#444; padding-top:0;} /*To setup main frame*/ /*default*/ #global_menu #menu_home a {background-position:-0px 0px; width: 58px; margin-left:0px;} #global_menu #menu_who_we_are a {background-position:-58px 0px; width:80px;} #global_menu #menu_getting_connected a {background-position: -138px 0px; width: 116px;} #global_menu #menu_ministries a {background-position:-253px 0px; width: 65px;} #global_menu #menu_meeting_my_needs a {background-position: -318px 0px; width: 113px;} #global_menu #menu_events a { background-position: -432px 0px; width: 50px;} #global_menu #menu_contribution a { background-position: -482px 0px; width: 81px;} #global_menu #menu_missions a {background-position: -563px 0px; width: 58px;} #global_menu #menu_sermons a {background-position: -621px 0px; width: 61px;} #global_menu #menu_gallery a {background-position: -682px 0px; width: 218px;} /*default*/ /*hover*/ #global_menu li#menu_home a:hover{background-position:0px -34px;} #global_menu li#menu_who_we_are a:hover{background-position:-58px -34px;} #global_menu li#menu_getting_connected a:hover{background-position:-138px -34px;} #global_menu li#menu_ministries a:hover{ background-position:-253px -34px;} #global_menu li#menu_meeting_my_needs a:hover{ background-position:-318px -34px;} #global_menu li#menu_events a:hover{ background-position:-432px -34px;} #global_menu li#menu_contribution a:hover{ background-position:-482px -34px;} #global_menu li#menu_missions a:hover{ background-position:-563px -34px;} #global_menu li#menu_sermons a:hover{ background-position:-621px -34px;} #global_menu li#menu_gallery a:hover{ background-position:-682px -34px;} /*hover*/ /*Hover Sub*/ #global_menu li#our_beleiefs a:hover{background-color:#dcbc67;} #global_menu li#our_core_values a:hover{background-color:#dcbc67;} #global_menu li#team a:hover{background-color:#dcbc67;} /*---*/ #global_menu li#new_comers a:hover{background-color:#dcbc67;} #global_menu li#pie_meetings a:hover{background-color:#dcbc67;} #global_menu li#membership a:hover{background-color:#dcbc67;} /*---*/ #global_menu li#small_groups a:hover{background-color:#dcbc67;} #global_menu li#women_ministry a:hover{background-color:#dcbc67;} #global_menu li#senior a:hover{background-color:#dcbc67;} #global_menu li#children a:hover{background-color:#dcbc67;} #global_menu li#valley a:hover{background-color:#dcbc67;} #global_menu li#youth a:hover{background-color:#dcbc67;} #global_menu li#college a:hover{background-color:#dcbc67;} #global_menu li#creative a:hover{background-color:#dcbc67;} /*---*/ #global_menu li#house a:hover{background-color:#dcbc67;} #global_menu li#prayer a:hover{background-color:#dcbc67;} #global_menu li#counseling a:hover{background-color:#dcbc67;} #global_menu li#sonshine a:hover{background-color:#dcbc67;} #global_menu li#divorce a:hover{background-color:#dcbc67;} #global_menu li#grief a:hover{background-color:#dcbc67;} #global_menu li#married a:hover{background-color:#dcbc67;} #global_menu li#raising a:hover{background-color:#dcbc67;} #global_menu li#financial a:hover{background-color:#dcbc67;} /*Hover Sub*/ /*Drop down Menu*/ #global_menu li ul{margin:0; height:auto;} #global_menu #menu_home ul a, #global_menu #menu_who_we_are ul a, #main_menu #menu_getting_connected ul a, #global_menu #menu_ministries ul a, #global_menu #menu_meeting_my_needs ul a, #main_menu #menu_events ul a, #global_menu #menu_contribution ul a, #global_menu #menu_missions ul a, #menu_sermons ul a, #menu_gallery ul a {background: #cbae62 url(none); height:auto; width:210px; padding:4px 4px; margin-left:-58px; font-size:10px; font-weight:normal; font-style:normal; text-decoration:none; color:#444444;} /*Drop down Menu*/ /*Gallery page albums*/ #church_albums{width:600px; height:399px; margin-left:100px; margin-right:100px; margin-top:8px;} /*For mailing list*/ #subscriber_form{width:300px; text-align:center;} .subscribe{width:300px; margin-top:4px; margin-left:4px;} .user_name{} .name{margin-left:4px;} .user_email{} .email{margin-left:8px;} .believer{margin-left:45px;} .submit-subscriber{margin-left:170px;} .brake{clear:both; margin-top:4px; margin-bottom:4px;} .children-img{float:right; margin-left:10px;} .houseofhope_title{color:#956421;} .house_of_hope_img{float:left; margin:4px; border:1px solid #956421;} /*Global style Ends here. Created by Marcelo A. Carrillo June 19 2009*/