/***********************************************/ /* becauseofGod_site.css */ /* */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ body{ font-family: Arial,sans-serif; color: #000000; /******* was 333333 ******/ background-color: #ffffff; line-height: 1.166; /**margin: 0px;**/ /**padding: 0px;**/ } a:link, a:visited, a:hover { color: #0000bb; text-decoration: none; } a:hover { color:#FF0000; text-decoration: underline; } /* overrides decoration from previous rule for hovered links */ h1, h2, h3, h4, h5, h6 { font-family: Arial,sans-serif; /**margin: 0px;**/ /**padding: 0px;**/ } h1{ font-family: Verdana,Arial,sans-serif; /**font-size: 150%;**/ color: #000000; } h2{ /**font-size: 150%;**/ color: #000000; /**background-color:#FFCC00;**/ } h3{ /**font-size: 120%;**/ color: #000000; /**background-color: #55ffff;**/ } h4{ /**font-size: 120%;**/ color: #000000; } h5{ /**font-size: 100%;**/ color: #000000; } ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font: bold 100% Arial,sans-serif; color: #334d55; } /***********************************************/ /* Layout Divs */ /***********************************************/ #masthead{ margin: 0; padding: 0px 0px; border-bottom: hidden; width: 100%; /**was 1200px**/ font-size: 200%; } #masthead2{ margin: 0; padding: 10px 0px; border-bottom: 1px solid #cccccc; width: 100%; font-size: 90%; } #masthead3{ margin: 0; padding: 10px 0px; border-bottom: 1px solid #cccccc; width: 100%; font-size: 80%; } #borderarea{ margin: 0; padding: 10px 0px; background-color:#ffffff; width: 100%; } #navBar{ margin: 0 79% 0 0; /** wax 0 850px 0 0 was 85% was 0 79% 0 0 **/ padding: 0px; background-color: #55ffff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 65%; /**was 80% - made lettering in navbar smaller**/ } #navBar2{ /** margin: 0 850px 0 0; /** was 85% was 0 79% 0 0 **/ padding: 0px; background-color: #55ffff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 65%; /**was 80% - made lettering in navbar smaller**/ } #content{ float:right; width: 85%; /** was750px; /**was 850px /**was 85% was80% - makes navbar on side narrower or wider**/ background-color: #ffffff; margin: 0; padding: 0 3% 0 0; } #content2{ float:left; width: 85%; /**wax 850px;**/ background-color: #ffffff; margin: 0; padding: 0 3% 0 0; } #content3{ float:right; width: 80%; background-color: #ffffff; margin: 0; padding: 0 3% 0 0; font-size: 80%; } #titleblock{ width: 80%; background-color: #ffffff; margin: 0; /**was 5px;**/ padding: 0 3% 0 0; } #pageblock{ width: 80%; background-color: #ffffff; margin: 0; /**was 5px;**/ padding: 0 3% 0 0; } /***********************************************/ /*Component Divs */ /***********************************************/ #siteName{ margin: 0px; padding: 0px 0px 10px 10px; } /*************** #pageName styles **************/ #pageName{ padding: 0px 0px 10px 10px; } /************* #globalNav styles **************/ #globalNav{ color: #cccccc; padding: 0px 0px 0px 10px; white-space: nowrap; } /* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line this will force a horizontal scrollbar if there isn't enough room for all links remove rule or change value to 'normal' if you want the links to line-wrap */ #globalNav img{ display: block; } #globalNav a { font-size: 90%; padding: 0px 4px 0px 0px; } /************* #breadCrumb styles *************/ #breadCrumb{ font-size: 50%; padding: 0px 0px 0px 0px; } /************** .feature styles ***************/ .feature{ padding: 0px 0px 10px 10px; font-size: 80%; } .feature h3{ padding: 30px 0px 5px 0px; text-align: center; } .feature img{ float: left; padding: 0px 10px 0px 0px; border: none; margin: 0 5px 5px 0; } /* adjust margins to change separation between the feature image and text flowing around it */ /***********************title page styles ******************/ .titlepage h1{ padding: 30px 0px 5px 0px; text-align: center; font-size: 400%; } .titlepage h5{ padding: 30px 0px 5px 0px; text-align: center; font-size: 400%; } /***********************************************************/ /************** .story styles *****************/ .story{ clear: both; padding: 10px 0px 0px 10px; font-size: 70%; /**background-color:#66FF66;**/ } .story h3{ padding: 30px 0px 5px 0px; text-align: center; } .story p{ padding: 0px 0px 10px 0px; } /************** .scripture and attention styles *****************/ .scripture { FONT-SIZE: 14px; MARGIN-LEFT: 40px; COLOR: #0000FF; LINE-HEIGHT: 16px; MARGIN-RIGHT: 40px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none } .attention { FONT-SIZE: 12px; MARGIN-LEFT: 40px; COLOR: #FF0000; LINE-HEIGHT: 16px; MARGIN-RIGHT: 40px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none } /************* #siteInfo styles ***************/ #siteInfo{ clear: both; /**border: 1px solid #cccccc;**/ font-size: 75%; color: #333333; /**padding: 5% 5% 5% 5%;**/ margin-top: 0%; } #siteInfo2{ width: 80%; clear: both; border: 1px solid #cccccc; font-size: 75%; color: #333333; padding: 10px 10px 10px 10px; margin-top: 0px; margin-left:5px; } /* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with) the bottom border of the navBar in cases where they "touch" */ #siteInfo img{ /**padding: 4px 4px 4px 0px;**/ vertical-align: middle; } /************* #search styles ***************/ #search{ padding: 5px 0px 5px 10px; border-bottom: 1px solid #cccccc; font-size: 90%; } #search form{ margin: 0px; padding: 0px; } #search label{ display: block; margin: 0px; padding: 0px; } /*********** #navBar link styles ***********/ #navBar ul a:link, #navBar ul a:visited {display: block;} #navBar ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #navBar li {border-bottom: 1px solid #EEE;} /* fix for browsers that don't need the hack */ html>body #navBar li {border-bottom: none;} /*********** #sectionLinks styles ***********/ #sectionLinks{ position: relative; margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; } #sectionLinks h3{ padding: 10px 0px 2px 10px; } #sectionLinks a:link{ padding: 2px 0px 2px 10px; border-top: 1px solid #cccccc; width: 100%; voice-family: "\"}\""; voice-family:inherit; width: auto; } #sectionLinks a:visited{ border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; } #sectionLinks a:hover{ border-top: 1px solid #cccccc; background-color: #dddddd; padding: 2px 0px 2px 10px; } /*********** .relatedLinks styles ***********/ .relatedLinks{ margin: 0px; padding: 0px 0px 10px 10px; font-size: 120%; } .newstuff{ margin: 0px; padding: 0px 0px 0px 0px; font-size: 90%; background-color:#ffffff; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } .newstuff h3{ padding: 10px 0px 2px 0px; background-color:#FFFF00; COLOR: #ff0000; } /************** #advert styles **************/ #advert{ padding: 10px 0px 0px 10px; font-size: 80%; border-top: 1px solid #cccccc; } #advert img{ display: block; } /************** #headlines styles **************/ #headlines{ margin: 0px; padding: 10px 0px 20px 10px; font-size: 80%; } #headlines p{ padding: 5px 0px 5px 0px; }