/* TITLE: New Creation Christian Fellowship DATE: 6-19-07 */ /* ZERO -----------------------------------------------*/ h1, h2, h3, h4, h5, h6, ul, li, p, br, form, body, img{margin: 0; padding: 0; border: 0;} /* MAIN -----------------------------------------------*/ body{ font: normal 12px/17px Tahoma; background: #e8dbbb url('images/mainBg.jpg') repeat-x; } /* links */ a{font-weight: bold; color: #000; outline: none;} a:hover{text-decoration: none;} a img { border: none; } a { outline: none; } /* heading */ h1{font: bold 1.5em Tahoma; padding: 5px 0px;} h2{font: bold 1.3em Tahoma; padding: 3px 0px;} h3{font: bold 1.2em Tahoma; padding: 2px 0px;} h4{font: bold 1.1em Tahoma; padding: 1px 0px;} h5{font: bold 1.0em Tahoma; padding: 0px 0px;} h6{font: bold 0.9em Tahoma; padding: 0px 0px;} /* para-list */ p{margin: 5px 0px; padding: 3px 0px;} /* LAYOUT. -----------------------------------------------*/ #mastCon{width: 100%; float: left; background: url('images/mastCon.gif') center top no-repeat;} #frame{width: 779px; margin: 0 auto; background: #4f0036 url('images/frameTile.jpg') repeat-y;} #frameStretch{width: 779px; padding: 0 0 15px 0; background: url('images/frameStretch.jpg') bottom no-repeat;} #header{width: 752px; float: left; padding: 0 13px 0 14px;} #header #banner{width: 752px; float: left; border-bottom: 1px solid #57033c;} #header #mainNav{width: 722px; float: left; padding: 0 15px 6px 15px; margin: -4px 0 0 0; background:#6d004a url('images/mainNav.jpg') bottom no-repeat; border-top: 1px solid #781f5c;} #header #mainNav li{float: left; list-style: none;} #header #mainNav li a{float: left; padding: 8px 20px; font: normal 1.25em 'Trebuchet MS'; color: #fff; text-decoration: none; border-left: 1px solid #4f0437; border-right: 1px solid #852867;} #header #mainNav li a:hover{color: #6d004a; background:#eeca61 url('images/liaOver.jpg') bottom repeat-x;} #container{width: 752px; float: left; padding: 10px 13px 0 14px;} body#internal #container{padding: 10px 13px 10px 14px;} #flash{width: 532px; float: left; background:#924077 url('images/flashTop.jpg') no-repeat;} #flashStretch{width: 520px; float: left; padding: 6px 6px 3px 6px; background: url('images/flashBottom.jpg') bottom no-repeat;} #info{width: 203px; float: right; color: #d7a4c7;} #info h1{color: #e0be5a; border-bottom: 1px solid #c1949c;} #info1{width: 170px; float: right; color: #d7a4c7;} .NewsEvents{width: 203px; float: left; color: #d7a4c7; margin: 0 0 10px 0; background:#924077 url('images/sideSecTop.jpg') left top no-repeat;} .NewsEventsBtm{width: 179px; float: left; padding: 5px 12px 15px 12px; background: url('images/sideSecBtm.jpg') left bottom no-repeat;} .NewsEvents h1{margin: 0 0 5px 0;} .NewsEvents li{list-style: none;} .NewsEvents li a{color: #d7a4c7; padding: 3px 0 3px 15px; background: url('images/arrowAlone.gif') 0 5px no-repeat;} .NewsEvents .regionBoundary li a{background-image: none; padding: 0;} .NewsEvents1{width: 180px; _width: 180px; float: right; color: #fff; margin: 0 -10px 10px 0px; background:#924077 url('images/sideSecTop1.jpg') left top no-repeat;} .NewsEventsBtm1{width: 160px; float: left; padding: 5px 12px 15px 12px; background: url('images/sideSecBtm1.jpg') left bottom no-repeat;} .NewsEvents1 h1{margin: 0 0 5px 0; border: none !important; color: #fff !important;} .NewsEvents1 li{list-style: circle; background: none !important;} .NewsEvents1 li a{color: #fff !important; padding: 0px 0 3px 15px; background: url(images/liststyle1.jpg) left no-repeat; text-decoration: none; font-weight: normal; font-size: 13px;} .NewsEvents1 .regionBoundary li a{background-image: none; padding: 0;} .NewsEvents2{width: 180px; _width: 180px; float: right; color: #fff; margin: 0 -10px 10px 0px !important; background:#5b86b5 url('images/sideSecTop2.jpg') left top no-repeat;} .NewsEventsBtm2{width: 160px; float: left; padding: 5px 12px 15px 12px; background: url('images/sideSecBtm2.jpg') left bottom no-repeat;} .NewsEvents2 h1{margin: 0px 0 5px 0; color: #fff; border: none !important; color: #fff !important;} .NewsEvents2 li{list-style: none; background: none !important;} .NewsEvents2 li a{color: #fff !important; text-decoration: none !important; padding: 0px 0 3px 15px; background: url('images/liststyle2.jpg') left no-repeat !important; font-weight: normal;} .NewsEvents2 .regionBoundary li a{background-image: none; padding: 0;} #bottomCol { clear: both; width: 752px; _width: 485px; margin-left: -15px; _margin-left: 0;} .canvas { float: left; width: 166px; _width: 162px; border: 1px solid #ddd; min-height: 50px; height: auto !important; height: 50px; padding: 3px; padding-right: 8px; margin: 5px; _margin-left: 0; margin-left: 0px; } .canvas a:link, .canvas a:visited, .canvas a b, .canvas { color: #3384bb; text-decoration: none;} #flashContainer { float: left; width: 312px; margin-left: -10px; _margin-left: -8px; } /* LOGO SCROLLER STYLES INSIDE FLASH CONTAINER ESTORE.HTML TEMPLATE */ #scroller_container { display: none; } .scroller-gallery { width: 100%; height: 75px; display: block; margin: 20px 0; padding: 0; list-style: none !important;} .scroller-gallery li { display: inline; list-style: none !important;} .scroller-gallery li a { background: none !important; background: url() !important; } .scroller-gallery li a img { border: 0px solid #CCC; } .scroller-gallery .previous, .scroller-gallery .next { display: none; } .scroller-list { width: 315px; height: 100px; display: block; background: #FFF; position: relative; overflow: hidden; margin-left: -5px; _margin-left: 0px; } #item_list, #item_list li, #item_list li a { list-style: none !important; background: none !important; background: url() !important; } #listcontainer, #listcontainer li, #listcontainer li a { list-style: none !important; background: none !important; } #it ul li a { background: none !important; } .scroller-list ul { width: 310px; margin: 10px 0 0 0px; padding: 0; list-style: none !important; position: relative; } .scroller-list ul li { width: 160px; margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style: none !important; background: none; } .scroller-list ul li a { width: 150px; height: 75px; display: block; background: none !important; } .scroller-list ul li a img { border: none; } /* .scroller-list .grad-right { width: 170px; height: 100px; display: block; background: url(images/grad_right.png) repeat-y; position: absolute; right: -200px; top: 0; } * html .scroller-list .grad-right { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/grad_right.png", sizingMethod="scale"); } */ /* .scroller-list .previous { width: 25px; height: 25px; display: block; background: url(Images/control_previous.png) no-repeat; position: absolute; left: -1px; top: 40px; } */ .scroller-list .next { width: 25px; height: 25px; display: block; background: url(Images/control_next.png) no-repeat; position: absolute; right: 0px; top: 0px; z-index: 9999px; height: 100px; } * html .scroller-list .previous { background-color: transparent; background-image: url(Images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="testimages/control_previous.png", sizingMethod="scale"); } * html .scroller-list .next { background-color: transparent; background-image: url(Images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="testimages/control_next.png", sizingMethod="scale"); } .scroller-list .previous span, .scroller-list .next span { display: none; } #output { display: none; } /* -------------------------------------------------------------------*/ /*END OF SCROLLER STYLES */ #actions{width: 771px; float: left; padding: 10px 0 0 0; margin: 0 4px; display: inline; color: #fff; background: url('images/actions.jpg') repeat-x;} #aLeft{width: 360px; float: left; padding: 0 0 0 10px;} #aLeft #a1{width: 168px; float: left;} #aLeft #a2{width: 168px; float: right;} #aRight{width: 360px; float: right; padding: 0 10px 0 0;} #aRight #a3{width: 168px; float: left;} #aRight #a4{width: 168px; float: right;} #mainCol{width: 528px; float: right; color: #585858; background: #fff url('images/mainCol.jpg') left bottom no-repeat;} #mainCol h1, #mainCol h2, #mainCol h3, #mainCol h4, #mainCol h5, #mainCol h6{color: #6d004a;} #mainCol ul{padding: 5px} #mainCol a{color: #585858;} #mainCol li{list-style: none; padding: 0 10px 0 15px; background: url('images/listStyle.jpg') 0 8px no-repeat} #mainCol #image{width: 528px; float: left; position: relative;} #mainCol #image #topLeft{width: 6px; height: 6px; position: absolute; top: -7px; _top: 0; left: 0;} #mainCol #image #topRight{width: 6px; height: 6px; position: absolute; top: -7px; _top: 0; right: 0;} *:first-child+html #mainCol #image #topLeft{width: 6px; height: 6px; position: absolute; top: 0px; left: 0;} *:first-child+html #mainCol #image #topRight{width: 6px; height: 6px; position: absolute; top: 0px; right: 0;} #mainCol #content{width: 488px; float: left; margin: -4px 0 0 0; padding: 20px 20px 15px 20px; background: url('images/content.jpg') repeat-x;} #subCol{width: 203px; float: left;} #subCol #sideNav{width: 203px; float: left; background:#924077 url('images/sideSecTop.jpg') left top no-repeat;} #subCol #sideNav h1{color: #e0be5a; padding: 8px 15px} #subCol #sideNav ul{width: 203px; float: left; padding: 0 0 15px 0; margin: 0; background: url('images/sideSecBtm.jpg') left bottom no-repeat;} #subCol #sideNav li{list-style: none; border-top: 1px solid #a6538b; border-bottom: 1px solid #822664;} #subCol #sideNav li a{width: 158px; display: block; padding: 7px 5px 7px 40px; color: #e8dbbc; text-decoration: none; background:#924077 url('images/arrow.gif') no-repeat;} #subCol #sideNav li a:hover{width: 158px; color: #6d004a; text-decoration: none; background:#c59f3a url('images/arrowOver.gif') no-repeat;} #subCol{width: 203px; float: left;} #subCol .sideNav{width: 203px; float: left; background:#924077 url('images/sideSecTop.jpg') left top no-repeat; margin-top: 10px;} #subCol .sideNav h1{color: #e0be5a; padding: 8px 15px} #subCol .sideNav ul{width: 203px; float: left; padding: 0 0 15px 0; margin: 0; background: url('images/sideSecBtm.jpg') left bottom no-repeat;} #subCol .sideNav li{list-style: none; border-top: 1px solid #a6538b; border-bottom: 1px solid #822664;} #subCol .sideNav li a{width: 158px; display: block; padding: 7px 5px 7px 40px; color: #e8dbbc; text-decoration: none; background:#924077 url('images/arrow.gif') no-repeat;} #subCol .sideNav li a:hover{width: 158px; color: #6d004a; text-decoration: none; background:#c59f3a url('images/arrowOver.gif') no-repeat;} #subCol #extraNav{width: 203px; float: left; margin: 15px 0 0 0; background:#924077 url('images/sideSecTop.jpg') left top no-repeat;} #subCol #extraNav h1{color: #e0be5a; padding: 8px 15px} #subCol #extraNav ul{width: 203px; float: left; padding: 0 0 15px 0; margin: 0; background: url('images/sideSecBtm.jpg') left bottom no-repeat;} #subCol #extraNav li{list-style: none; border-top: 1px solid #a6538b; border-bottom: 1px solid #822664;} #subCol #extraNav li a{width: 158px; display: block; padding: 7px 5px 7px 40px; color: #e8dbbc; text-decoration: none; background:#924077 url('images/arrow.gif') no-repeat;} #subCol #extraNav li a:hover{width: 158px; color: #6d004a; text-decoration: none; background:#c59f3a url('images/arrowOver.gif') no-repeat;} #subCol #sideSec{width: 173px; float: left; padding: 15px; color: #fff;} #subCol #sideSec a{color: #fff;} #admin{width: 700px; padding: 15px 25px; background: #fff url('images/admin.jpg') left bottom no-repeat;} #admin h1, #admin h2, #admin h3, #admin h4, #admin h5, #admin h6{color: #6d004a;} #admin ul{padding: 5px 15px;} #logSearch{width: 771px; float: left; height: 55px; margin: 0 4px; display: inline; position: relative;} #logSearch{width: 430px; float: left;} #logSearch .element, #logSearch .regionBoundary{width: 100%; float: left;} #logSearch .loginElement label, #logSearch .loginElement span{display: none;} /* hide labels and pwd checkmark */ #logSearch .loginElement .username{width: 102px; height: 21px; border: 0; position: absolute; left: 70px; top: 21px;} #logSearch .loginElement .password{width: 102px; height: 21px; border: 0; position: absolute; left: 255px; top: 21px;} #logSearch .loginElement .button{width: 43px; height: 21px; font-size: 0; border: 0; color: #4e0137; position: absolute; left: 372px; top: 21px; background: url('images/loginBtn.jpg') no-repeat;} #logSearch .search .searchInput{width: 102px; height: 21px; border: 0; position: absolute; left: 496px; top: 26px; } #logSearch .search .searchButton{width: 29px; height: 26px; font-size: 0; border: 0; color: #4e0137; position: absolute; left: 608px; top: 26px; background: url('images/goBtn.jpg') no-repeat;} #logSearch #audio{width: 116px; height: 39px; position: absolute; left: 648px; top: 21px; } /*javascript:void(0);*/ #footer{width: 779px; margin: 0 auto; color: #ab9a78; padding: 20px 0 0 0;} #footer #fNav{width: 600px; float: left;} #footer #fNav li{list-style: none; display: inline; padding: 0 5px 0 0;} #footer #fNav li a{color: #ab9a78; font-weight: normal;} #footer #water a{width: 129px; height: 29px; float: right; text-indent: -9999px; background: url('images/skysand.png') no-repeat;} /* WATER */ .thumbnail{margin-bottom: -72px !important;} .fieldSelected{background: #E8DBBB !important; border: 0 !important;} .eventsCalendar table { border:1px solid #CCC; width:100%; border-collapse:collapse; } .calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay { padding: 2px; border:1px solid #CCC; } .eventsCalendar table table, .eventsCalendar table table td { border:none; width:100%; border-collapse:collapse; background: #6F004C;} .calendarTitle td { text-align: center; background: #6F004C; color: #FFF; font-weight: bold; } .calendarNextPrevious { font-weight: normal; } .calendarNextPrevious a { color: #FFFFCC; } .calendarToday { color: #000; background:#FFFFEC; } .calendarDayHeader { color: #000; background: #E8DBBB; font-weight: bold; height: 1px; text-align: center; } .calendarWeekendDay { background: #EFEFEF; } .calendarOtherMonthDay { color: #E8DBBB; background: #DDD; } /* MISC. -----------------------------------------------*/ .left{float: left;} .right{float: right;} .black{color: #000;} .white{color: #fff;} .hide{display: none;} /* clearing */ #frameStretch:after{ content: '.'; height: 0px; visibility: hidden; display: block; clear: both; } #footer #fNav {width:437px !important;} /* Styles for the Text Element styles added here will appear in the "apply class" drop-down menu in the editor */ /* */ .our_price { color: #c00606 !important; } .Retail_price { color: #3384bb; text-decoration: none; } .featureditems { color: #6d004a !important; } /* */