/* Basic Elements */ body { background: #3d3d29; margin:0px; padding:0px; font-size: 20px; line-height: 24px; font-family: "Times New Roman", Times, serif; color: #4d4d35; } h1 { display: none; } h2,h3,h4,h5,h6 { font-weight: bold; margin: 15px 0px 15px 0px; padding: 0px; } h2 { font-size: 16px; } h3 { font-size: 14px;} p { margin: 10px 0px 10px 0px; } a { color: #8b6035; text-decoration: underline; } a img { border: none; } address { margin: 10px 0px 10px 0px; font-style: normal; font-size: 13px; line-height: 17px;} form { margin: 0px; padding: 0px; } table td,th { padding: 2px; font-size: 12px; text-align: left; } /* Containers */ #wrapper-main { min-height: 700px; background: url(/skins/cch-green/images/background-body.jpg) center top; } #wrapper-headerbg { background: url(/skins/cch-green/images/header-bg.jpg) repeat-x center top; } #wrapper-content { width: 922px; margin: 0px auto 0px auto; padding: 0px 25px; } /* Header elements */ #header { height: 225px; background: url(/skins/cch-green/images/header-body-bg.jpg) no-repeat; margin-bottom: 20px; position: relative; } #header.kids { background: url(/skins/cch-green/images/header-body-bg-kids.jpg) no-repeat; } #header h1 { display: none; } #header-links { position: absolute; top: 25px; left: 0px; height: 30px; width: 920px; text-align: right; font-size: 16px; line-height: 16px; color: #ccceb0; } #header-links ul { margin: 0px; padding: 0px; } #header-links ul li { float: right; list-style: none; padding: 0px 10px; border-right: 1px solid #ccceb0; } #header-links ul li.last { border-right: 0px; } #header-links ul li a { text-decoration: none; color: #ccceb0; } #header-links ul li a:hover { text-decoration: underline; } #header-nav { position: absolute; top: 176px; left: 0px; height: 45px; width: 920px; text-align: left; font-size: 20px; line-height: 34px; color: #ccceb0; } #header-nav ul { margin: 0px; padding: 0px; } #header-nav ul li { float: left; list-style: none; padding: 0px 0px; } #header-nav ul li a { text-decoration: none; color: #ccceb0; padding: 6px 18px 11px 18px; } #header-nav ul li a.active { background: #000 url(/skins/cch-green/images/header-nav-active.jpg) repeat-x; } #header-nav ul li a.hover { background: #000 url(/skins/cch-green/images/header-nav-active.jpg) repeat-x; } #header-nav ul li a:hover { text-decoration: none; } #content { position: relative; padding-bottom: 35px; } /* need extra padding due to footer cap */ /* Home page elements */ #home-content { width: 610px; height: 290px; position: absolute; top: 0px; left: 313px; background: url(/skins/cch-green/images/home-body-content-bg.jpg) no-repeat;} #home-content h2 { display: none; } #home-content p { padding: 77px 43px 0px 43px; color: #e9ebce; margin: 0px; } #home-content p.scripture { padding: 30px 43px 0px 43px; color: #1c1c13; margin: 0px; font-size: 16px; line-height: 20px; } #home-teasers { margin-top: 40px; } #home-teasers h3 { display: none; } #home-news { float: left; width: 340px; min-height: 240px; background: url(/skins/cch-green/images/home-heading-news.jpg) no-repeat left top; } #home-news-content { width: 254px; min-height: 125px; margin: 40px 15px 15px 17px; padding: 15px; border: 2px solid #4d4f34; background: #ccceb0 url(/skins/cch-green/images/home-news-bg.jpg) no-repeat; } #home-news-content ul { margin: 0px; padding: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; } #home-news-content ul li { margin: 0px 0px 8px 15px; padding: 0px; } #home-news-content a { text-decoration: none; color: #1c1d14; } #home-news-content a:hover { text-decoration: underline; } #home-gallery { float: left; width: 325px; min-height: 240px; background: url(/skins/cch-green/images/home-heading-gallery.png) no-repeat left top; } #home-gallery img { margin: 60px 0px 0px 54px; } #home-directions { float: left; width: 245px; min-height: 240px; background: url(/skins/cch-green/images/home-heading-directions.jpg) no-repeat left top; } #home-directions #map { width: 235px; height: 155px; margin: 40px 15px 15px 17px; padding: 0px; border: 2px solid #4d4f34; } /* Sub Page Elements */ #content-sidebar { float: left; width: 250px; } #content-sidebar-subnav { width: 250px; min-height: 255px; padding-top: 30px; background: url(/skins/cch-green/images/left-heading-subnav.jpg) no-repeat left top; } #content-sidebar-subnav h3 { display: none; } #content-sidebar-subnav .sidebar-box { background: #e9ebce; border: 2px solid #4e5036; min-height: 75px; margin: 0px 15px 15px 17px; padding: 15px; } #content-sidebar-subnav .sidebar-box h4 { color: #a66f37; font-size: 16px; font-weight: bold; font-family: "Times New Roman", Times, serif; border-bottom: 1px solid #afb197; margin:0px 0px 12px 0px; padding: 0px; } #content-sidebar-subnav .sidebar-box ul { margin: 0px; padding: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; } #content-sidebar-subnav .sidebar-box ul li { background: url(/skins/cch-green/images/dove.png) no-repeat 5px 5px; list-style: none; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 25px; } #content-sidebar-subnav .sidebar-box ul li.quick { background: none; list-style: none; margin: 0px 0px 8px 0px; padding: 0px; } #content-sidebar-subnav .sidebar-box ul li.active { background: url(/skins/cch-green/images/dove-on.png) no-repeat 5px 5px; background-color: #d3bc90; } #content-sidebar-subnav .sidebar-box ul li img { margin: 0px 5px -4px 0px; } #content-sidebar-subnav .sidebar-box ul li a { text-decoration: none; color: #1c1d14; } #content-sidebar-subnav .sidebar-box ul li a.active { text-decoration: underline; color: #1c1d14; } #content-sidebar-subnav .sidebar-box ul li a:hover { text-decoration: underline; } #content-sidebar-subnav .sidebar-box a { font-size: 13px; line-height: 16px; text-decoration: none; } #content-sidebar-subnav .sidebar-box a:hover { text-decoration: underline; } #content-right { float: right; width: 670px; min-height: 400px; background: url(/skins/cch-green/images/body-content-bg.jpg) no-repeat left top; padding-top: 30px; } #content-right-body { min-height: 370px; background: #e9ebce url(/skins/cch-green/images/content-body-yellow-bg.gif) no-repeat right top; border: 2px solid #4e5036; margin: 0px 30px 15px 30px; padding: 5px 15px 15px 15px; font-size: 12px; line-height: 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #content-right-body.kids { background: #e9ebce url(/skins/cch-green/images/content-body-kids-bg.gif) no-repeat right top; } #content-right-body h3 { color: #a66f37; font-size: 24px; line-height: 34px; font-family: "Times New Roman", Times, serif; border-bottom: 1px solid #afb197; margin: 0px; padding: 0px; } #content-right-body h4 { font-size: 18px; line-height: 22px; margin: 0px; padding: 0px 0px 4px 0px; } #content-right-body h5 { font-size: 14px; line-height: 18px; margin: 0px; padding: 0px 0px 4px 0px; } #content-right-body p { } #content-right-body p.breadcrumbs { padding: 0px; margin: 0px 0px 10px 0px; font-size: 10px; line-height: 10px; } #content-right-body hr { display: none; } #content-right-body #map { clear: both; width:305px; height:270px; margin:10px 10px 10px 0px; float: left; border: 2px solid #4d4f34; } #content-right-body #photo-gallery img { margin: 10px 5px 20px 5px;border: 1px solid #ccc; background: #f1f1f1; padding: 10px; } #content-wide { float: right; width: 920px; min-height: 400px; background: url(/skins/cch-green/images/body-content-wide-bg.jpg) no-repeat left top; padding-top: 30px; } #content-wide-body { min-height: 370px; background: #e9ebce url(/skins/cch-green/images/content-body-yellow-bg.gif) no-repeat right top; border: 2px solid #4e5036; margin: 0px 30px 15px 30px; padding: 5px 15px 15px 15px; font-size: 12px; line-height: 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #content-wide-body h3 { color: #a66f37; font-size: 24px; line-height: 34px; font-family: "Times New Roman", Times, serif; border-bottom: 1px solid #afb197; margin: 0px; padding: 0px; } #content-wide-body h4 { font-size: 18px; line-height: 22px; margin: 0px; padding: 0px 0px 4px 0px; } #content-wide-body h5 { font-size: 14px; line-height: 18px; margin: 0px; padding: 0px 0px 4px 0px; } #content-wide-body p { } #content-wide-body p.breadcrumbs { padding: 0px; margin: 0px 0px 10px 0px; font-size: 10px; line-height: 10px; } /* Footer elements */ #footer-border { height: 22px; background: url(/skins/cch-green/images/footer-bg.jpg) repeat-x center 1px; } #footer { width: 922px; margin: 0px auto 0px auto; padding: 0px 25px; color: #878a5f; font-size: 16px; line-height: 18px; } #footer p { padding-left: 10px; } #footer a { text-decoration: underline; color: #878a5f; } #footer a:hover { text-decoration: underline; color: #95995a; } #footer ul { margin: 0px; padding: 0px; font-size: 16px; line-height: 16px; } #footer ul li { float: left; list-style: none; padding: 0px 10px; border-right: 1px solid #ccceb0; } #footer ul li.last { border-right: 0px; } #footer ul li a { text-decoration: none; color: #ccceb0; } #footer ul li a:hover { text-decoration: underline; color: #ccceb0; } #footer-cap { width: 921px; height: 51px; background: url(/skins/cch-green/images/footer-body-top-bg.jpg); margin-top: -51px; margin-bottom: 15px; } /* Classes */ div.hr { height: 10px; border-bottom: 1px solid #afb197; margin: 0px 0px 15px 0px; } .clear { clear: both; } .last { border-right: 0px; } .border { border: 2px solid #4d4f34; } .margin { margin: 10px; } .margin-top { margin-top: 10px; } .margin-bottom { margin-bottom: 10px; } .margin-left { margin-left: 10px; } .margin-right { margin-right: 10px; }