/* CSS Document */ /*CSS for all Pages*/ /* Any items with a * html infront of the tag is an IE6 fix. There are more IE6 fixes at css/global_ie6.css */ /* CSS created by Roland Turner and some adjustments/additions were added from Gateway Church Software Development Dept. Dacia Milner, Gabriel Lopez and their Director David McCandless All Rights Reserved to Gateway Church June 2008 */ /*---------------- GENERIC FLASH PLAYER STYLE - ADDED AUG6 2008 ---------------*/ #article_flashplayer { /*background: #000000;*/ height: 250px; width: 360px; /*margin: 0px auto;*/ /*padding: 0px;*/ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: left; } /*---------------- GENERAL ---------------*/ *, body {margin: 0; padding: 0; border: none; } body,td,th { vertical-align:top; font: 12px/16px Helvetica, Verdana, Arial, sans-serif; } body { background: #555045 url(../images/bg_site.png) repeat-x; margin-top: 0px; color: #635c51; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } p { margin: 0 0 10px 0; } blockquote { padding: 0 0 0 15px; margin: 0 0 10px 0; border-left: 2px solid #e3d6b7; } ul { list-style: none; margin: 0; padding: 0; } a { font: 12px/16px Helvetica, Verdana, Arial, sans-serif; } a:link, a:visited { color: #7f1d1a; text-decoration: none; } a:hover, a:active { color: #8a774d; text-decoration: underline; } /* this is so that if a link is in bold or italics, it will remain the same color - takes into account that the bold tags could be within the link tags or the link tags could be within the bold tags*/ a:link strong, a:link b, a:link em, a:link i, strong a:link, b a:link, em a:link, i a:link { color: #7f1d1a; } a:visited strong, a:visited b, a:visited em, a:visited i, strong a:visited, b a:visited, em a:visited, i a:visited { color: #7f1d1a; } a:hover strong, a:hover b, a:hover em, a:hover i, strong a:hover, b a:hover, em a:hover, i a:hover { color: #8a774d; } a:active strong, a:active b, a:active em, a:active i, strong a:active, b a:active, em a:active, i a:active { color: #8a774d; } a { outline:none; /* FF1.5+ IE7+*/ -moz-outline: /* FF<=1.5*/ } td.shadowSideLt { background: url(../images/shadowLt.png); width: 8px; } td.shadowSideRt { background: url(../images/shadowRt.png); width: 7px; } td.subContentBgFill { background: #ffffff url(../images/bg_contentSub.png) no-repeat; border-right: solid 10px #ffffff; padding: 0; margin: 0px; } td.ContentBgFill { background: #eee5cf; border-right: solid 10px #ffffff; border-top: solid 10px #ffffff; } td.mediaColumnBgFill { background-color: #e3d6b7; } #container { margin: 0 auto; width: 790px;} /*---------------- BRANDING ---------------*/ /*#branding { background: url(../images/branding.png) no-repeat; height: 111px; width: 790px; display:block; } */ /*#branding { background: url(../images/branding_iamone.png) no-repeat; height: 111px; width: 790px; display:block; }*/ /*#brand { background: url(../images/branding_114bonds.png) no-repeat; height: 111px; width: 790px; display:block; }*/ #brand { background: url(../images/branding_114.png) no-repeat; height: 111px; width: 790px; display:block; } /*#brand { background: url(../images/branding_inside114.png) no-repeat; height: 111px; width: 790px; display:block; }*/ #brand h1 a { position:relative; float:left; top: 30px; left: 30px; width: 238px; height: 52px; text-indent: -9999px; overflow: hidden; } #brand h2 a { position:relative; float:left; top: 10px; left: 295px; width: 250px; height: 100px; text-indent: -9999px; overflow: hidden; } /*---------------- NAVIGATION ---------------*/ #global_nav { background: url(../images/navigation/bg_globalNav.gif) repeat-x; height: 28px; width: 775px; display:block; } /* For the rest of the adjustments to the navigation please see css/navigation.css this one id tag is listed here because it is the place holder for the main navigation of the site. The navigation was created by Dacia Milner using a Moolanic tool.*/ /*---------------- CONTENT ---------------*/ #contentArea { background-color:#FFFFFF; } /*---------------- SUBCONTENT ---------------*/ #contentSub { width: 196px; padding-top: 10px; } #contentSub h3 { width: 181px; background: #7f1d1a url(../images/bg_contentSub_shadow.png) repeat-y; padding: 10px 0 9px 15px; color: #ffffff; font-size: 13px } #ministryDetails { width: 196px; padding: 10px 0 20px 0; } #ministryDetails ul { list-style: none; font-weight: bold; } #ministryDetails li { margin: 0px; border-top: 1px solid #f7f2e7; border-bottom: 1px solid #cec9be; } #ministryDetails li a { display: block; color: #635c51; text-decoration: none; } #ministryDetails li a:link, #ministryDetails li a:visited { padding: 8px 15px 7px 15px; } #ministryDetails li a:hover, #ministryDetails li a:active { background: #ffffff ; padding: 8px 15px 7px 15px; } #ministryDetails .noBorderTop { border-top: none; } #ministryDetails .noBorderBottom { border-bottom: none; } #upcomingEvents { width: 196px; padding: 10px 0 20px 0; } #upcomingEvents ul { list-style: none; } #upcomingEvents li { margin: 0px; border-top: 1px solid #f7f2e7; border-bottom: 1px solid #cec9be; padding: 8px 15px 7px 15px; color: #635c51; } #upcomingEvents img { float: right; position: relative; padding-left: 5px; } #upcomingEvents .noBorderTop { border-top: none; } #upcomingEvents .noBorderBottom { border-bottom: none; } #sermonPanel { padding-left: 15px; } #sermonPanel ul { height: 21px; display: inline; } #sermonPanel li { height: 21px; float: left; margin: 0; padding: 0; border: 0px; width: 52px;} #sermonPanel li a { text-decoration: none; } #sermonPanel h2 {font-size: 14px; } /*if this is removed sermon panel will display double buttons */ #sermonPanel #listenCurrentSeries { width: 49px; height: 21px; display:block; text-indent: -9999px; background:url(../images/btn_listen_norm.gif) no-repeat top; } #sermonPanel a#listenCurrentSeries:link, a#listenCurrentSeries:visited { background:url(../images/btn_listen_norm.gif) no-repeat top; } #sermonPanel a#listenCurrentSeries:hover , a#listenCurrentSeries:active{ background:url(../images/btn_listen_hov.gif) no-repeat top; } #sermonPanel #watchCurrentSeries { width: 50px; height: 21px; display:block; text-indent: -9999px; background:url(../images/btn_watch_norm.gif) no-repeat top; } #sermonPanel a#watchCurrentSeries:link, a#watchCurrentSeries:visited { background:url(../images/btn_watch_norm.gif) no-repeat top; } #sermonPanel a#watchCurrentSeries:hover, a#watchCurrentSeries:active { background:url(../images/btn_watch_hov.gif) no-repeat top; } #sermonPanel #purchaseCurrentSeries { width: 64px; height: 21px; display:block; text-indent: -9999px; background: url(../images/btn_purchase_norm.gif) no-repeat top; } #sermonPanel a#purchaseCurrentSeries:link, a#purchaseCurrentSeries a:visited { background: url(../images/btn_purchase_norm.gif) no-repeat top; } #sermonPanel a#purchaseCurrentSeries:hover, a#purchaseCurrentSeries:active{ background:url(../images/btn_purchase_hov.gif) no-repeat top; } #searchPanel {padding-left: 15px; } #panelModule { width: 196px; padding: 10px 0 20px 0; } #panelModule table{ width: 196px;} #panelModule td { margin: 0px; border-top: 1px solid #f7f2e7; border-bottom: 1px solid #cec9be; padding: 8px 15px 7px 15px; color: #635c51; } #panelModule .noBorderTop { border-top: none; } #panleModule .noBorderBottom { border-bottom: none; } #panelModule td a { display: block; color: #635c51; text-decoration: none; } #panelModule td a:hover, #panleModule td a:active { text-decoration: underline; } #registrations { width: 196px; padding: 10px 0 20px 0; } #registrations ul { list-style: none; font-weight: bold; } #registrations li { margin: 0px; border-top: 1px solid #f7f2e7; border-bottom: 1px solid #cec9be; } #registrations li a { display: block; color: #635c51; text-decoration: none; } #registrations li a:link, #registrations li a:visited { padding: 8px 15px 7px 15px; } #registrations li a:hover, #registrations li a:active { background: #ffffff ; padding: 8px 15px 7px 15px; } #myGatewayPeople { width: 196px; } #myGatewayPeople form { display: block; padding: 8px 15px 20px 15px; line-height: 13px; } #myGatewayPeople input { width: 158px; padding: 3px; margin: 0 0 5px 0; border: 1px solid #c3c3c3; background-color: #f0f0f0; color: #827a71; font-size: 10px; } #myGatewayPeople input.submit_login { width: 51px; height: 23px; float: right; border: none; cursor: pointer; } #myGatewayPeople a { font-size: 10px; } #myGatewayPeople #newUser { float: left; position: relative; vertical-align: bottom; } #myGatewayPeople #submitLogin_btn { float: right; } #myGatewayPeople #submitLogin_btn input { background: url(../images/btn_login.gif) no-repeat top; width: 51px; height: 23px; border: none; cursor: pointer; color: #ffffff; } #myGatewayPeople #submitLogin_btn input:hover { background-position: 100% -23px; color: #ffffff; } #sermontimes_left strong { color: #998455; } /*---------------- MainCONTENT Ministry---------------*/ #contentMain { padding-bottom: 50px;} #contentMain p { line-height: 18px; } #minBanner { background: url(../images/banners/ministries/generic_ksk.png) no-repeat; width: 559px; height: 199px; display: block; } #minBanner h1 { text-indent: -9999px; overflow: hidden; } #contentText_1col {display: block; width: 499px; padding: 30px } #contentText_2col {display: block; width: 329px; padding: 30px } #contentText_1col h4, #contentText_2col h4 { font-size: 16px; font-weight: bold; color: #7f1d1a; padding: 10px 0 5px 0; } #contentText_1col h5, #contentText_2col h5 { font-size: 12px; font-weight: bold; color: #4a443a; font-style: italic; } #mediaColumn { width: 130px; padding: 30px 20px; } #mediaColumn img { width: 126px; background-color: #8b8475; border: 1px solid #4a443a; padding: 0 0 5px 0;} #mediaColumn img a { width: 108px; background-color: #8b8475; border: 1px solid #4a443a; padding: 0 0 5px 0;} #mediaColumn h4 { font-size: 13px; font-weight: bold; color: #7f1d1a; padding: 5px 0 0 0; } #mediaColumn h5 { font-size: 12px; font-weight: bold; color: #7f1d1a; padding: 5px 0 20px 0; } #mediaColumn h5 a { font-size: 12px; font-weight: bold; color: #7f1d1a; } #mediaColumn h5 a:link, #mediaColumn h5 a:visited { text-decoration: none; } #mediaColumn h5 a:hover, #mediaColumn h5 a:active { text-decoration: underline; } #mediaColumn ul { list-style: none; } #mediaColumn li a { display: block; color: #635c51; text-decoration: none; padding: 3px 0; margin: 2px 0; } #mediaColumn li a:link, #mediaColumn li a:visited { } #mediaColumn li a:hover, #mediaColumn li a:active { text-decoration: underline; } /*---------------- CALENDAR ---------------*/ #calendar { } .calendar_title { font: 13px/13px Helvetica, Verdana, Arial, sans-serif; width: 196px; padding: 8px 0 0 0; color: #ffffff; text-align: center; font-weight: bold; } .calendar_title a:link, .calendar_title a:visited { font: 13px/13px Helvetica, Verdana, Arial, sans-serif; color: #ffffff; text-decoration:none; } .calendar_title a:hover, .calendar_title a:active { font: 13px/13px Helvetica, Verdana, Arial, sans-serif; color: #ffffff; text-decoration:underline; } .days_of_week_1, .days_of_week_2, .days_of_week_3 { font: 11px/11px Helvetica, Verdana, Arial, sans-serif; text-align: center; color:#eee5cf; ; border-bottom: #a23c39 solid 1px; padding: 10px 0 6px 0; } .days_of_week_1 { background-color: #983a3a; } .days_of_week_2 { background-color: #a44a48; border-left: #a23c39 solid 1px; } .days_of_week_3 { background: #983a3a url(../images/bg_contentSub_shadow.png) repeat-y right; } .days_of_week_1 a, .days_of_week_2 a, .days_of_week_3 a { font: 11px/16px Helvetica, Verdana, Arial, sans-serif; text-align: center; color:#ffffff; padding: 0; border-bottom: #a23c39 solid 1px; background: #983a3a url(../images/bg_contentSub_shadow.png) repeat-y right;} .days_of_week_1 a:link, .days_of_week_1 a:visited, .days_of_week_2 a:link, .days_of_week_2 a:visited, .days_of_week_3 a:link, .days_of_week_3 a:visited { text-decoration: none; background: #983a3a url(../images/bg_contentSub_shadow.png) repeat-y right;} .days_of_week_1 a:hover, .days_of_week_1 a:active, .days_of_week_2 a:hover, .days_of_week_2 a:active, .days_of_week_3 a:hover, .days_of_week_3 a:active { text-decoration: none; background: #983a3a url(../images/bg_contentSub_shadow.png) repeat-y right; } .calendar_numbers_1, .calendar_numbers_2, .calendar_numbers_3 { font: 13px/13px Helvetica, Verdana, Arial, sans-serif; color: #ffffff; text-align: center; text-decoration: none; padding: 0; } .calendar_numbers_1 { background-color: #861817; border-bottom: #a23c39 solid 1px; } .calendar_numbers_2 { background-color: #942a28; border-bottom: #a23c39 solid 1px; border-left: #a23c39 solid 1px; } .calendar_numbers_3 { border-bottom: #a23c39 solid 1px; background: #861817 url(../images/bg_contentSub_shadow.png) repeat-y right; } .calendar_numbers_3 a:hover { background: #eee5cf url(../images/bg_contentSub_shadow.png) repeat-y right; } .calendar_numbers_1 a, .calendar_numbers_2 a, .calendar_numbers_3 a { font: 13px/13px Helvetica, Verdana, Arial, sans-serif; color: #ffffff; text-align: center; text-decoration: none; padding: 0; } #calendar_links a { display: block; text-align: center; line-height: 13px; } #calendar_links a:link, #calendar_links a:visited { color: #ffffff; text-decoration:none; display:block; padding: 8px 0 6px 0; } #calendar_links a:hover, #calendar_links a:active { color: #983a3a; text-decoration:none; background-color:#eee5cf; display:block;} #calendar_links a.today { color: #983a3a; text-decoration:none; padding: 8px 0 6px 0; background-color:#eee5cf; display:block; text-align: center; line-height: 13px; } /*---------------- NEWS CALENDAR LISTING ---------------*/ div.event_listing { display: block; padding: 10px 0 10px 10px; } div.event_listing:hover { background: #f7f5f1; } div.event_listing strong { color: #615a4e; font-size: 18px; font-weight: normal; line-height: 19px; display: block; padding: 0 0 3px 0; } div.event_listing a { color: #615a4e; display: block; padding: 3px 10px ; margin: 0 10px 0 0; } div.event_listing a:hover, div.event_listing a:active { background: #ffffff; text-decoration: none; } * html div.event_listing a:hover, * html div.event_listing a:active { background: #ffffff; text-decoration: underline; } /*---------------- MINISTRY INDEX ---------------*/ #ministryIndex { background: url(../images/bg_ministryIndex.png) repeat-x bottom; margin: 0; } #ministryIndexContainer { margin: 0 auto; width: 775px; padding: 10px 10px 0px 10px; position: relative; display: block; } #ministryIndexContainer td { margin: 10px 0 10px 0; color: #b6ab97; border-left: 1px solid #8e816d; } #ministryIndexContainer ul { padding: 0; margin-bottom: 10px; } #ministryIndexContainer ul li.ministryIndexHeader { color: #ffffff; padding: 20px 0 0 10px;} #ministryIndexContainer ul li.subMinistry { margin: 0; padding: 0; border: none; text-indent: 20px; } #ministryIndexContainer li { } #ministryIndexContainer a { color: #b6ab97; text-decoration: none; display: block; margin: 0 0 0 0; padding: 3px 10px 2px 10px ; } #ministryIndexContainer a:link, #ministryIndexContainer a:visited { } #ministryIndexContainer a:hover, #ministryIndexContainer a:active { background: #786c59; } #ministryIndexTab { margin: 0 0 0 628px; } #ministryIndexTab h1 a { padding: 0; width: 147px; height: 28px; text-indent: -9999px; overflow: hidden; } #ministryIndexTab a { background: transparent; margin: 0; padding: 0; } #ministryIndexTab a:link, #ministryIndexTab a:visited { background: transparent; background: url(../images/btn_ministryIndex_open.png) no-repeat bottom right; } #ministryIndexTab a:hover, #ministryIndexTab a:active { background: transparent; background: url(../images/btn_ministryIndex_closed.png) no-repeat bottom right; } #top_drop { margin: 0 auto; width: 775px; padding: 10px 10px 0px 10px; position: relative; display: block; } #top_drop td { margin: 0; color: #b6ab97; border-left: 1px solid #8e816d; } #top_drop ul { list-style: none; padding: 0; margin: 0px; } #top_drop ul li { margin: 0; height: 15px; } #top_drop ul li.ministryIndexHeader { color: #ffffff; padding: 10px 0 0 10px; height: 15px; font-weight: normal; } #top_drop ul li.subMinistry { margin: 0; padding: 0 0 0 0; text-indent: 20px; height: 15px; } #top_drop ul li a { color: #b6ab97; text-decoration: none; margin: 0; padding: 1px 0 1px 10px; display: block; } #top_drop ul li a:link, #ministryIndexContainer ul li a:visited { } #top_drop ul li a:hover, #ministryIndexContainer ul li a:active { background: #786c59; } /*---------------- CLASS LISTING MINISTRY PAGES ---------------*/ #contentText_1col .classGroup { margin: 0 0 10px 0; padding: 11px 12px 7px 12px; color:#facc42; font-size: 11px; line-height: 11px; font-weight: bold; background: url(../images/navigation/bg_globalNav.gif) repeat-x; height: 13px; display: block; cursor: pointer; } * html #contentText_1col a .classGroup { text-decoration: none; } * html #contentText_1col a:hover .classGroup { text-decoration: none; } #contentText_1col .classGroupLeft { float: left; cursor: pointer; } #contentText_1col .classGroupRight { float: right; color:#c09031; cursor: pointer; } #contentText_1col .offeredClass, #contentText_1col .offeredClassShaded { padding: 20px 10px 15px 10px; } #contentText_1col .offeredClassShaded { background: #f2dab3; } #contentText_1col .offeredClass strong, #contentText_1col .offeredClassShaded strong { display: block; } #contentText_1col .offeredClass p, #contentText_1col .offeredClassShaded p { padding: 10px 0; } #contentText_1col .typeClass { margin: 10px 0 0 0; padding: 5px 10px 3px 10px; display: block; background: #e1caa5; color: #4a4431; text-transform: uppercase; text-align: center; } #contentText_1col a.typeClassRegistar_btn { margin: 10px 0 20px 0; padding: 5px 10px 3px 10px; display: block; background: #797366; color: #f9e3bc; text-transform: uppercase; text-align: center; } #contentText_1col a.typeClassRegistar_btn:hover { background: #4a4431; color: #f9e3bc; text-decoration: none; } #contentText_1col .registarRight { float: right; padding: 11px; } #contentText_1col a.registar_btn, #contentText_1col a.registar_btn { padding: 8px 10px 5px 10px; margin: 0 0 15px 0; font-weight: bold; height: 20px; background: #797366; color: #f9e3bc; text-transform: uppercase; line-height: 11px; font-size: 10px; } #contentText_1col a.registar_btn:hover, #contentText_1col a.registar_btn:hover { background: #4a4431; color: #f9e3bc; text-decoration: none; } #contentText_1col ul { list-style: none; } #contentText_1col li { margin: 5px 0; padding: 8px 15px 7px; } /*---------------- FOOTERs ---------------*/ #siteInfo { background:url(../images/bg_siteInfo.png) no-repeat; width: 775px; height: 24px; display:block; font: 10px Helvetica, Verdana, Arial, sans-serif; text-align: right; padding: 25px 15px 5px 0; color: #887e6d; } #siteInfo a { font: bold 10px Helvetica, Verdana, Arial, sans-serif; color: #887e6d; text-decoration: none; } #siteInfo a:link, #siteInfo a:active { text-decoration: none; } #siteInfo a:hover, #siteInfo a:visited { text-decoration: underline; } /*---------------- FORMs ---------------*/ #li_0 { display: none; } /*------------------------- DCM Ministry Pages --------------------*/ #ministry td.sectionSeparator { border-top: 1px solid #cccccc; padding-top: 20px; line-height: 1px; } #ministry div.sectionSeparator { } #ministry td.ministrySection { padding-bottom: 20px; } #ministry div.ministrySection { } #ministry div.imgFloatLeft { float: left; margin-right: 15px; margin-bottom: 9px; } a:link.reg_button, #ministry a:visited.reg_button { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; text-decoration: none; line-height: normal; background-color: #F7F0E1; border: 1px solid #C5BBAA; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; } a:hover.reg_button, #ministry a:active.reg_button { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #F5F0E1; text-decoration: none; line-height: normal; background-color: #920000; border: 1px solid #C5BBAA; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; }