* { margin:0; padding:0;} body {background: #a9a88f url(pagebg.jpg) no-repeat center top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5b5b4e;} #wrap {background:#FFFFFF; width:960px; margin:auto;} /* Header/banner area */ #header { padding:0 8px 5px 8px; /* this sets the white border, right left outside are 8px, smaller are 5px. */ height:39px; background: #ffffff url(headerbg.jpg) no-repeat center top; } #header ul {list-style:none;} #banner { padding:0 8px 0 8px; /* this sets the white border, right left outside are 8px, smaller are 5px. this is the banner area for subpages */ height:198px; background-image: url(header.jpg); background-repeat: no-repeat; } #banner_home { padding:0 8px 0 8px; /* this sets the white border, right left outside are 8px, smaller are 5px. this is the banner area for the homepage only */ height:300px; background-image: url(header.jpg); background-repeat: no-repeat; } /* for the image to the right of the logo area in the Header/banner area */ #banner #right_whoweare { width:404px; height:198px; float:right;background-image: url(bannerimg_whoweare.jpg);} #banner #right_blog { width:404px; height:198px; float:right;background-image: url(bannerimg_blog.jpg);} #banner #right_news { width:404px; height:198px; float:right;background-image: url(bannerimg_news.jpg);} #banner #right_contact { width:404px; height:198px; float:right;background-image: url(bannerimg_contact.jpg);} #banner #right_reachingout { width:404px; height:198px; float:right;background-image: url(bannerimg_reachingout.jpg);} #banner #right_scampaign { width:404px; height:198px; float:right;background-image: url(bannerimg_news.jpg);} #banner #right_getinvolved { width:404px; height:198px; float:right;background-image: url(bannerimg_getinvolved.jpg);} #banner #right_pastorscorner { width:404px; height:198px; float:right;background-image: url(bannerimg_pastorscorner.jpg);} #banner #left {width:533px; height:198px; float:left;background-image: url(central_logobanner.jpg);} #banner_home #left_serving {width:533px; height:300px; float:left;background-image: url(servingbanner.jpg);} #banner_home #right_misc { width:404px; height:198px; float:right;background-image: url(bannerimg_blog.jpg);} #banner #right_misc { width:404px; height:198px; float:right;background-image: url(bannerimg_blog.jpg);} /* mission banner */ #mission_banner {width:404px; height:172px; float:right;background-image: url(mission_banner.jpg);margin:0;} #mission_banner #insidewrapper {width:404px; float:right;margin:172px 0 0 0;padding:0;} #mission_banner #insidewrapper #lefthome {width:198px; height:220px; float:left;background: #e2d27b url(missionbg_left.jpg) no-repeat left top;padding:0 0 0 0;} #mission_banner #insidewrapper #lefthome h2{padding:15px 0 25px 10px;margin:0 0 0 10px;color:#9d3827;} #mission_banner #insidewrapper #lefthome p{font-size:10px;padding:0 6px 10px 20px;color:#614a28;} #mission_banner #insidewrapper #lefthome ul{font-size:10px;padding:0 10px 10px 10px;color:#614a28;margin:0 0 0 10px;} #mission_banner #insidewrapper #lefthome li{font-size:10px;padding:0 10px 0 0;color:#614a28;margin:0 0 0 0px;} #mission_banner #insidewrapper #righthome {width:198px; height:220px; float:right;background: #e2d27b url(missionbg_right.jpg) no-repeat left top;padding:0 0 0 0;} #mission_banner #insidewrapper #righthome h2{padding:15px 0 25px 10px;margin:0 0 0 10px;color:#9d3827;} #mission_banner #insidewrapper #righthome p{font-size:10px;padding:0 6px 10px 20px;color:#614a28;} #mission_banner #insidewrapper #righthome ul{font-size:10px;padding:0 10px 10px 10px;color:#614a28;margin:0 0 0 10px;} #mission_banner #insidewrapper #righthome li{font-size:10px;padding:0 10px 0 0;color:#614a28;margin:0 0 0 0px;} /* Main Menu */ #mainmenu { width:944px; height:54px; background: #ffffff url(menubg.jpg) repeat-x center top;margin:0 0 0 8px;} /* Main Content */ #content {padding:0 8px 0 8px; /* this sets the white border, right left outside are 8px, smaller are 5px. */} #content #sidebar { width:197px; float:right;} #content #left {width:740px; float:left;} #content #left p {line-height:20px; margin-bottom:20px;} .clear {clear:both;} /* Breadcrumbs */ #breadcrumb {margin:19px 20px 10px 35px;font-size:12px;font-weight:normal;color:#3a2e18;text-align:right;} #breadcrumb a:link {color:#53110b} #breadcrumb a:visited {color:#53110b;text-decoration:underline} #breadcrumb a:hover {color:#6f1d15} #breadcrumb a:active {color:#53110b;text-decoration:underline} /* Footer */ #footer {width:960px; background: #6b6a57 url(footer.jpg) no-repeat center top; height:100px; padding-top:25px; text-align:center;} #footer p {display:block; margin-top:3px; color:#171712} #footer #copyright { font-size:10px; color:#171712} #footer a{color:#171712;} #footer a:hover{color:#92917a;} #sitename {display:block; padding-top:20px; padding-left:20px; font-variant:normal; text-transform:uppercase;} #sitename .description {display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #BB9F6C; font-variant:normal;} #sitename a{text-decoration:none;} #sitename a:visited,active{text-decoration:none;} /* Headings */ h2, h3, h4, h5, h6 {color:#584436; font-family:Arial, Helvetica, Verdana, sans-serif;margin:10px 0 0 0;padding:0 0 0 0;} h1 {font-size:24px;color:#992e23;padding:10px 0 0 0;} h2 {font-size:20px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /* Links */ a {color:#992e23;} a:visited {color:#992e23;} a:active {color:#992e23;} a:hover {color:#336699; text-decoration:none;} /* Sidebar area */ #sidebar .sidebartop {display:inherit;padding:0 0 13px 0; background:#d5c262 url(sidebartop.jpg) no-repeat center top;} #sidebar {background-color: #ffffff;padding:0 0 10px 0;} #sidebarcontent {padding:5px 10px 5px 12px;} #sidebarmenu {background: #d5c262; padding:0px 10px 5px 12px;} #sidebar h1 {display:block; padding:14px 5px 5px 10px; font-size:18px; color:#992e23; font-family:Arial, Helvetica, Verdana, sans-serif;} #sidebar h2 {display:block; padding:0px; font-size:16px;color:#992e23;} #sidebar h3 {font-weight: bold; font-size:12px;} #sidebar p { font-size:11px;margin:0 0 10px 0;} #sidebar ul {list-style:none; } #sidebar li { display:block; background:url(borderbtm.jpg) repeat-x center bottom;} #sidebar a {display:block; color:#614a28; padding:5px 5px 5px 15px; text-decoration:none; background:url(bullet1.gif) no-repeat 3px 6px; } #sidebar a:hover{color:#992e23; background-color:#d2bb58; } #sidebar #current a{color:#992e23; background-color:#d2bb58; } /* Sidebar 2 */ #sidebarcontent2 {padding:5px 10px 5px 12px; margin:5px 0 0 0; background: #ecead2 url(sidecontent2bg.jpg) repeat-x center top;} #sidebarcontent2 a {display:block; color:#614a28; padding:5px 5px 5px 15px; text-decoration:none; background:url(borderbtm2.jpg) repeat-x center bottom;} #sidebarcontent2 a:hover{color:#992e23; background:#dfddc4 url(borderbtm2.jpg) repeat-x center bottom;} /* Sidebar 3 */ #sidebarcontent3 {text-align: left;margin:5px 0 0 15px;} #sidebar p {margin:0 0 3px 0;} #sidebarcontent3 ul {padding: 0px 0;margin: 0 0 0 0px;width: 100%;font: normal .95em Arial, Helvetica, sans-serif;text-align: left;border-bottom:none;height:auto;} #sidebarcontent3 li {padding-left: 0px;background: none;border-bottom:none;height:auto;} #sidebarcontent3 h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5b5b4e;padding:0px 5px 0px 0px;margin:0px 5px 0px 0px;border-bottom:none;} #sidebarcontent3 h2.newsletter {background: url(newslettericon.gif) no-repeat 0px 5px; padding: 5px 0 0 25px;border-top: #ecead3 solid 1px;} #sidebarcontent3 h2.event {background: url(eventicon.gif) no-repeat 0px 5px; padding: 5px 0 0 25px;border-top: #ecead3 solid 1px;} #sidebarcontent3 h2.rss {background: url(rssicon.gif) no-repeat 0px 5px; padding: 5px 0 0 25px;border-top: #ecead3 solid 1px;} #sidebarcontent3 h2.blog {background: url(blogicon.gif) no-repeat 0px 5px; padding: 5px 0 0 25px;border-top: #ecead3 solid 1px;} #sidebarcontent3 h2.podcast {background: url(podcasticon.gif) no-repeat 0px 5px; padding: 5px 0 0 25px;border-top: #ecead3 solid 1px;} #sidebarcontent3 h2 {border-top: #ecead3 solid 1px;} #sidebarcontent3 h2 a {color:#992e23; background:none; text-decoration:none;} #sidebarcontent3 h2 a:hover {color:#992e23; background:none; text-decoration:underline;} #sidebarcontent3 h2 a:visited,active {color:#992e23; background:none; text-decoration:none;} #sidebarcontent3 h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5b5b4e;padding:5px 5px 0px 0px;margin:0px 5px 0px 0px;} #sidebarcontent3 p a:hover {color:#992e23; background:none; text-decoration:underline;} #sidebarcontent3 a {display:inline;height:none;padding:3px 0px 0px 0px;border-bottom:none;background:none;margin: 0 0 0 0px;text-decoration:underline;} #sidebarcontent3 a:visited,active {display:inline;color:#614a28;border-bottom:none;text-decoration:underline;padding:3px 0px 0px 0px;} #sidebarcontent3 a.sb3 {display:inline;color:#614a28;background:none; border-bottom:none;text-decoration:none;padding:3px 0px 0px 0px;} #sidebarcontent3 ul li a:visited,active {display:inline;color:#614a28;border-bottom:none;text-decoration:underline;padding:3px 0px 0px 0px;} #sidebarcontent3 ul li a:hover {display:inline;color:#992e23;border-bottom:none;text-decoration:none;background:none;} #left .post {background: url(postmid.jpg) repeat-y; width:641px; margin-left:8px; margin-bottom:20px;} #left .post .posttop {background:url(posttop.jpg) no-repeat; height:11px;} .post .postitem {padding:10px;} .post .postbottom {background:url(postbottom.jpg) no-repeat; height:30px; font-size:11px; padding-top:17px; text-align:center; } .post h2 {display:block; padding:5px 0px 5px 0px; border-bottom:solid 1px #D8CDB8; margin-bottom:15px;} #left .postinfo {display:block; font-size:11px; color:#666666; font-variant:normal; font-weight:normal;} h2 a {text-decoration:none;} h2 a:visited {text-decoration:none;} h2 a:active {text-decoration:none;} h2 a:hover {text-decoration:none;} blockquote {display:block; padding:15px 15px 15px 35px; margin:10px; border-bottom: dashed 1px #D0BE9B; border-top: dashed 1px #D0BE9B;font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color: #000000; background:url(quote.png) no-repeat 5px 10px;} blockquote p { line-height:25px; margin:0px;} .rightquote { float:right; width:250px; text-align:left;} blockquote cite {display:block; color:#000000; font-weight:bold; padding:3px; margin-top:10px;} .leftquote { float:left; width:250px; text-align:right;} /* Top Menu */ #topmenu {float:right;} #topmenu ul{float:right; width:100%;} #topmenu li {display: inline; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} #topmenu a {display:block; float:left; color:#87c8f4; height:28px; padding-top:10px; padding-left:15px; padding-right:15px; text-decoration:none;background:url(bullet2.gif) no-repeat center left;} #topmenu a:hover {display:block; float:left; color:#ffffff; height:28px; padding-top:10px; padding-left:15px; padding-right:15px; text-decoration:none; background:#336e98 url(bullet2.gif) no-repeat center left;} #pagination {background:#f7f7f1; padding:8px; margin-left:8px; margin-top:20px; margin-bottom:20px;} #pagination .pre{display:block; padding:3px; float:left;} #pagination .next{display:block; padding:3px; float:right;} #pagination .clear2 { clear:left; width 99%;} #left img {background:#ffffff; padding:3px; border: solid 1px #c7c4a8; margin:0 8px 8px 0;} #left .leftimg {float:left;background:#ffffff; padding:3px; border: solid 1px #c7c4a8; margin:0 8px 8px 0;} #left .leftimgnobdr {float:left;background:#ffffff; padding:3px; border: solid 0px #c7c4a8; margin:0 8px 8px 0;} #left .rightimg {float:right;background:#ffffff; padding:3px; border: solid 1px #c7c4a8; margin:0 0 8px 8px;} #left .rightimgnobdr {float:right;background:#ffffff; padding:3px; border: solid 0px #c7c4a8; margin:0 0 8px 8px;} /* Banner at in breadcrumb area of subpage */ #bodybanner {margin-bottom:0px; margin-left:0px;} #bodybanner #whoweare{background:url(bodybanner_whoweare.jpg) no-repeat;width: 740px; height:53px;} #bodybanner #reachingout{background:url(bodybanner_reachingout.jpg) no-repeat;width: 740px; height:53px;} #bodybanner #news{background:url(bodybanner_news.jpg) no-repeat;width: 740px; height:53px;} #bodybanner #contact{background:url(bodybanner_contact.jpg) no-repeat;width: 740px; height:53px;} #bodybanner #pastorscorner{background:url(bodybanner_pastorscorner.jpg) no-repeat;width: 740px; height:53px;} #bodybanner #scampaign{background:url(bodybanner_reachingout.jpg) no-repeat;width: 740px; height:53px;} #bodybanner #getinvolved{background:url(bodybanner_getinvolved.jpg) no-repeat;width: 740px; height:53px;} #bodybanner #misc{background:url(bodybanner_whoweare.jpg) no-repeat;width: 740px; height:53px;} /* Main body area */ #main {margin-bottom:15px;} #main #mainhead {height:40px;} #main #maincontent {padding:10px 20px 10px 35px;} #main #maincontent p {margin:10px 0 20px 0;} #main #maincontent ul{padding:10px 0px 10px 35px;} #main #maincontent li{padding:4px 0px 0px 0px;} #main #maincontentshort {width:520px; float:left;overflow:auto;position:relative;line-height:20px;padding:10px 0 0 0;} #mainhead ul {list-style:none; padding-left:10px;} #mainhead li {display:inline;background:url(bullet2.gif) no-repeat center left;} #mainhead a {display:block; float:left; height:30px; padding:10px 10px 0px 10px; background:url(tabnormal.jpg) repeat-x; color:#ffffff; text-decoration:none;} #mainhead a:visited,active {display:block; float:left; height:30px; padding:10px 10px 0px 10px; background:url(tabnormal.jpg) repeat-x; color:#ffffff; text-decoration:none;} .post ul {list-style:square; margin-left:10px;} .post ol { list-style:decimal; list-style-position:inside;} .post li {padding:5px 10px 5px 10px;} .post ul li {margin-left:10px;} #left code { white-space: pre; display: block; font-family: "Courier New", Courier, monospace; font-size: 12px; background-color: #E3D6C6; color:#000000; margin: 10px; padding:10px;} #left table {width:95%; border:solid 1px #e8e9db;} #left th {padding:10px; background: #e8e9db; color:#000000; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:14px; text-transform:uppercase; margin:0px; border-bottom: solid 1px #e8e9db;} #left td {padding:10px; background:#f4f5ef; text-align:center; border-bottom: solid 1px #e8e9db;} .form {margin:10px 25px 10px 50px;} .form .text {display:block; border:solid 1px #B6A278; background: #F9F8F2; width:250px; padding:5px; font-size:14px; color:#000000;} .form label {display:block; margin-bottom:3px; margin-top:10px;} .form .text:hover{background:#FFFFFF; border: solid 1px #000000;} .form .text:focus {background:#F4EFE3; border: solid 1px #000000;} .form .button { display:block; border:solid 1px #CBBA96; background:#EAE3D5; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;} .form .button:hover { display:block; border:solid 1px #CBBA96; background: #EDECD1; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;} /* Misc */ #flashbanner {padding:0px 0px 0px 8px;margin:0px 0px 0px 8px;position:relative;text-align:right;} /* This is the part for the CSS menu - these settings are for a horizontal menu */ #dmenu{ /* menu list container */ list-style-type: none; /* disable the display of the list item bullets */ margin: 0 0 0 25px; /* space around the list container */ padding: 0px; /* space within the list container */ position: static; /* need this so that the z-index stuff works correctly */ background-color: #fff; /* the default background color within the main menu container */ color: #d8956d; /* the default font color (not links) within the main menu container */ z-index: 20; /* push the menu up in the layer order a bit so it isn't hidden behind anything */ /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */ display: block; } #dmenu li{ /* top-level menu element */ list-style-type: none; /* disable the display of the list item bullets */ float: left; /* this is to allow for the horizontal main menu */ /* border: black solid 1px; /* border for each of the main menu items */ /* background-color: #ffc; /* main menu item background color */ color: #000; /* main menu item font color (not links) */ margin: 0px; /* spacing between main menu items */ padding: 0px 2px 0 2px; /* padding within main menu items */ width: 125px; /* the width of each main menu item */ display: inline; background: url(menudiv.jpg) no-repeat right; } #dmenu li.height{ height:54px; } /* properties for the "active" id on top-level main menu */ #dmenu #active { background-color: #9b2f23; color: #ffffff; } #dmenu #active a{ color: #ffffff; } #dmenu #active ul li a{ color: #d8956d; } #dmenu ul { /* third-level (or greater) menu element list elements */ position: absolute; /* this is so that it doesn't push that page content around on hover */ margin: 10px 0 0 0; /* space around the list container */ padding: 0px; /* space within the list container */ list-style-type: none; /* disable the display of the list item bullets */ display: none; width: 125px; /* should be the same as #dmenu li width */ background-color: #86251c; /* sub-menu default background color */ color: #000; /* sub-menu default font color (not links) */ z-index: 99; /* want to be sure this is above the rest of the menu */ } #dmenu ul li{ /* second-level or greater menu element links */ background-color:#86251c; /* default background color for sub-menu container */ color: #000; /* default font color (not links) for sub-menu container */ border: none; /* sub-menu item border settings */ margin: -1px; /* spacing between sub-menu containers */ padding: 3px 3px 8px 3px; /* This is for padding between menu items in the drop-downs */ width: 150px; /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */ border-top: #611b13 solid 1px; border-right: #611b13 solid 1px; border-bottom: #611b13 solid 1px; border-left: #611b13 solid 1px; display: block; background-image:none; } #dmenu li a{ /* top-level menu element links */ text-align: center; /* text alignment in main menu item links */ width: 125px; /* set this to #dmenu ul width */ display: block; color:#d8956d; text-decoration:none; background-image:none; margin:18px 0 0 0; } #dmenu ul a { /* all the other level menu link elements */ padding-top: 3px; margin: 0px; width: 150px; /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */ display: block; color:#d8956d; background-image:none; text-align: left; } #dmenu a:hover{ display:block; color: #ffffff; } /* top-level hovering properties */ #dmenu li:hover{ display: block; background-color: #9b2f23; color: #ffffff; } #dmenu ul li:hover, /* higher level hovering properties */ #dmenu ul li a:hover{ display: block; width: 150px; /* should be set to the same value as #dmenu ul li width */ color: #ffffff; background-image:none; display:block; text-align: left; } #dmenu ul ul{ /* higher-level list containers */ display: none; /* don't display by default */ position: absolute; margin-left: 125px; /* this should be the width of #dmenu ul li */ margin-top: -1.65em; /* this will push the sub-menu up to the level of it's parent */ text-align: left; } /* only non-MSIE browsers use this */ #dmenu ul li>ul, #dmenu ul ul li>ul{ margin-top: -1.65em; /* should be set to the same as #dmenu ul ul margin-top */ } /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */ #dmenu li:hover ul ul, #dmenu li:hover ul ul ul, #dmenu li:hover ul ul ul ul, #dmenu li:hover ul ul ul ul ul{ display:none; text-align: left; } #dmenu li:hover ul, #dmenu ul li:hover ul, #dmenu ul ul li:hover ul, #dmenu ul ul ul li:hover ul, #dmenu ul ul ul ul li:hover ul{ display:block; text-align: left; } li>ul { top: auto; left: auto; } .content { /* This is used for the content that will appear below the menu */ clear: left; }