after body*/ /*note to self use relative along with float and margins for position handy when side by side divs*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 4; padding: 4; border: 1; border-color: #CBD89D; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: top; } a img, :link img, :visited img {border: 0} table {border-collapse: collapse; border-spacing: } q:before, q:after, blockquote:before, blockquote:after {content: ""} body {font-size:10px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#ffffff; background:#ffffff url(../Graphics/BGScrollGrayLT.gif)} body h1 {margin-bottom:14px; font-size:1.5em; color:#ffffff} h2, h3, h4, h5, p, ul, ol, dl {margin:15px} h1, h2, h3, h4, h5 { font-family: Arial, Verdana, sans-serif} h2 {clear:both; margin-top:15px; font-size:1.5em; color:#ffffff} h3 {font-size:1.25em; color:#ffffff} h3 { padding:15px;} h3 {text-align: center} h4 {font-size:1.10; color:#ffffff} h4 { padding:8px;} h4 {text-align: center} h5 {font-size:1em; font-style:italic; color:#397AC} a {color:#CBD89D; outline:none} a:hover {text-decoration:none} dt {margin:15px 0; font-weight:bold} dd {margin:5px 0 5px 15px} ol {margin-left:25px} {scrollbar-base-color: [7280AA]} {scrollbar face-color:[D15289]} { scrollbar track-color:[7280AA]} {scrollbar 3dlight-color:[CBD89D]} {scrollbar highlight-color:[ffffff]} { scrollbararrow-color:[7280AA]} ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #7c89b0; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #7280aa; } #wrapper {width:1000px; height:4200px; margin:0 auto; padding:15px; background:#ffffff url(../Graphics/BGScrollDenimBlue.gif)} #content {clear:both; width:96%; height:100%;background-color:#ffffff; border:2px solid #CBD89D} #content {padding:15px} #content {height:3700px;} #content #navigation { margin:0 0 15px 0; width:100%; height:53px;} #homepage #content #navigation {margin:0} #content p {line-height:1.25em} /* if change height in content must match in wrapper - not so actually content cream wrapper has scroll this reacts differently in Mozilla - no change in Chrome*/ /* took out clear:both; in front of content width april 2013 then put back Wrapper is the white area*/ .top{ vertical-align:top; } /* use this in tables to top align */ #specialpad { position: relative; float:right; padding: 18px; height: 50px; width: 50px; } /*used this to create padding didn't work */ .specialpad { padding: 18px; height: 50px; width: 50px; } /*used this to create padding class="specialpad" didn't work */ .extralinespacing {line-height:200%;font-weight:lighter;} /*c class for extra space between lines

*/ } /* zoom for images worked 03/09/23*/ .geeks { overflow: hidden; margin: 0 auto; } .geeks img { transition: 1.9s all ease-in-out; } .geeks:hover img { transform: scale(1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); } #rightcontenttwo { position: relative; width:70%; float:right; padding: 18px; margin-top:8px; margin-right:4px; margin-bottom:28px; background-image:url(../Graphics/BGScrollGreenLT.gif); border:6px solid #CBD89D; text-align: center; color: #7280AA; font-size:10px; font color: #ffffff; text color: #ffffff;} /*used for whats so special 2015 */ } .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } /*designed for all browsers could not get this to work - class? */ #rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-top-right-radius: border-top-left-radius: 3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; -moz-border-radius:3px; -moz-border-topleft:3px; -moz-border-topright:3px; -moz-border-bottomleft:3px; -moz-border-bottomright:3px; -webkit-border-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;} /*used for rounded corers */ .indented { padding-left: 50pt; padding-right: 50pt; } /* intents a paragraph */ .transparent { zoom: 1; /* gives the object layout */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } /*used this class element for 50 percent opacity all browsers*/ .whitetext { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; position: relative; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } .form { border : 2px solid #CBD89D; width:length;200px; padding : 0px; /*used for search*/ } #left { position: relative; float:left; top:0px; left: 4px; width:240px; padding:2px; border:2px solid #CBD89D; color: #FFFFFF; font-family: verdana, arial, sanf-serif; font-size:12px; /*not used*/ } #list-menu ul {margin: 0; padding: 0; list-style-type: none; font-family: verdana, arial, sanf-serif; color: #ffffff; font-size: 14px;} #list-menu li { margin: 0px 0px 0px;} #list-menu a { display: block; width: 240px; height: 25px; padding: 4px 4px 4px 4px; border: 8 px solid #CBD89D; background: #7280AA; font-family: verdana, arial, sanf-serif; color: ffffff; text-decoration: none; } /*lets remove the link underlines*/ #list-menu a:link, { color:ffffff;} #list-menu a:active, { color:ffffff;} #list-menu a:visited { color:ffffff;} #list-menu a:hover {color:b55a61; border: 2px solid #CBD89D; background: #7280AA; color: #ffffff; } #list-menu a:hover { border: 4px solid #CBD89D; background: url(../Graphics/BasicBar.jpg); color: #FFFFFF; font-family: verdana, arial, sanf-serif; color: ffffff; } /*used this for main menu */ #featureright { position: relative; position: top; width:350px; height:50px; padding:4px; margin-bottom:20px; background:#7280AA; border:0px solid #ffffff; text-align: center; font-size: 8px; font-family: verdana, arial, sanf-serif; font color: #ffffff; text color: #ffffff; a link color:#ffffff; a visited color: #ffffff; a active color: #ffffff; } /*used this in featured sale */ #featureright2 { position: relative; position: top; width:550px; height:50px; padding:2px; margin-bottom:14px; background:#7280AA; border:0px solid #ffffff; text-align: center; font-size: 10px; font-family: verdana, arial, sanf-serif; font color: #ffffff; text color: #ffffff; a link color:#ffffff; a visited color: #ffffff; a active color: #ffffff; } /*used this in double featured sale */ #flashplayer { position: relative; float:right; width:275px; padding:12px; margin-bottom:12px; margin-right:12px; border:0px solid #CBD89D; width:510px; padding:22px; background-image:url(../Graphics/BGScrollPink.gif); font-size: 10px; font-family: verdana, arial, sanf-serif; font color: #ffffff; text color: #ffffff; a link color:#ffffff; a visited color: #ffffff; a active color: #ffffff; } /*used this for flash player */ #featurehnij { position: relative; float:left; width:400px; padding:12px; margin-bottom:12px; margin-right:12px; margin-top:12px; border:0px solid #CBD89D; width:400px; padding:8px; background-image:url(../Graphics/BGScrollPink.gif); font-size: 10px; font-family: verdana, arial, sanf-serif; font color: #ffffff; text color: #ffffff; a link color:#ffffff; a visited color: #ffffff; a active color: #ffffff; } /*used this for free HNIJ His Name is Jesus*/ #leftcontent3 { position: relative; float:right; width:400px; padding:8px; margin-top:8px; margin-right:8px; margin-right:8px; background-image: url(../Graphics/BGScrollPink.gif); text-align: center; color: #7280AA; font-size:8px; font color: #ffffff; text color: #ffffff; } /*used this in name blessings*/ #image-border2 { background-image: url(../Graphics/BGScrollDenimBlue.gif); padding: 18px; margin: 1em;} /*/*used this in name blessings*/ */ } } #image-border3 { background-image: url(../Graphics/BGScrollPink.gif); padding: 18px; margin: 1em;} /*/*used this in 8 x 10*/ */ } #box { position: relative; float:right; width: 450px; padding:8px; margin-top:12px; margin-right:12px; margin-left:12px; margin-bottom:12px; background-image:url(../Graphics/BGScrollPink.gif); border:6px solid #CBD89D; font-family: verdana, arial, sanf-serif; color: #ffffff; text color: #ffffff; A: #ffffff; } /*would not work 8 x 10 easy frame */ #boxtwo { background-image:url(../Graphics/BGScrollPink.gif); position: relative; float:left; padding: 4px; width: 360px; padding:4px; margin-top:18px; margin-bottom: 18px; margin-right:48px; border:4px solid #CBD89D; text-align: center; font-family: verdana, arial, sanf-serif; color: #ffffff; text color: #ffffff; A: #ffffff; } /*used this spanish */ #boxthree { background-image:url(../Graphics/BGScrollPink.gif); position: relative; float:right; padding: 4px; width: 485px; padding:4px; margin-top:38px; margin-right:38px; margin-bottom: 4px; border:6px solid #CBD89D; text-align: center; font-family: verdana, arial, sanf-serif; color: #ffffff; text color: #ffffff; A: #ffffff; } /*worked for 8 x 10*/ #leftcontent2 { position: relative; float:left; width:270px; padding:10px 10px; margin-top:28px; margin-bottom:28px; margin-right:8px; background-image:url(../Graphics/BGScrollGreenLT.gif); border:6px solid #CBD89D; text-align: center; color: #7280AA; font-size:10px; font color: #ffffff; text color: #ffffff;} /*used this changed to Amazing Grace 2015*/ #contentthree { position: relative; float:left; float:top; width:500px; padding:0px 0px; margin-top:0px; margin-left:0px; background-image:url(../Graphics/BGScrollPink.gif); border:6px solid #7280AA; text-align: center; color: #7280AA; font-size:10px; font color: #ffffff; text color: #ffffff;} /*used this kits */ #rightcontent { position: relative; float:left; width:450px; padding:10px 10px; margin-right:150px; margin-left:150px; margin-top:40px; border:6px solid #7280AA; background-image:url(../Graphics/BGScrollNewBlue.gif); color: #FFFFFF; font-family: verdana, arial, sanf-serif; font-size:10px;} /*was wonkie did not use */ /*below worked for menu flyouts 6/7/16 */ .menusubnav{ background:#CBD89D; margin:0; padding:0; width:200px; z-index:10; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; color:#fff; } .menusubnav li{ margin:0; padding:0; list-style:none; } .menusubnav a{ margin:0; padding:10px; display:block; border-bottom: 1px solid #CBD89D; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; text-decoration:none; color: #fff; } /* hide the third level */ .menusubnav ul > li > ul{ margin:0; padding:0; width:0; height:0; visibility:hidden; } .menusubnav ul > li:hover > ul{ visibility:visible; } .menusubnav ul > li:hover > ul{ width:200px; display:block; position:relative; top:-35px; left:190px; visibility:visible; } /* add background color */ .menusubnav ul > li:hover > ul > li > a{ background:#CBD89D; } .floating-menu { font-family: sans-serif; padding: 5px;; width: 130px; z-index: 100; position: fixed; }