/* ------------------------------------------------------------------------------------------------------------------------- Style sheet for version: start date: author: Paul Rich email: paul@perich-web.com website: http://www.perich-web.com/ --------------------------------------------------------------------------------------------------------------------------*/ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1; color: black; background: white; } ol, ul {list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q { quotes: "" "";} /*to ensure scroll bar in firefox*/ html, body { width: 100%; height: 101%; } /*=structure --------------------------------------------------------------------------------------------------------------------------*/ body {background-color:#f0f0f0; } #wrapper {position:relative; min-height:100%; width:1004px; margin:0 auto; 1padding:0 10px 10px 10px; } #header { } #maincontent { float:right; padding-bottom:150px; } #primarycontent { float:left; } #primarycontentinner { } #secondarycontent { float:right; } #secondarycontentinner { } #sidecontent { float:left; padding-bottom:150px;} #footer { clear:both; } /*=dimensions --------------------------------------------------------------------------------------------------------------------------*/ #wrapper {1width:900px; height:100%;} #header {1width:900px; height:180px; } #footer {1width:900px; height:80px; } #sidecontent {width:230px; 1height:100px;} .threecollayout #maincontent {width:720px; 1height:200px; } .threecollayout #primarycontent {width:450px; 1height:500px; margin-top:30px;} .threecollayout #secondarycontent {width:200px; 1height:100%; 1margin-top:-5px; } .threecollayout #primarycontentinner {width:450px; 1height:300px; } .threecollayout #secondarycontentinner {width:165px; 1height:100%; 1margin-top:20px; margin-left:23px;} /* 6*1px widths but here it only allows for 4px*/ .twocollayout #maincontent {width:760px; 1height:200px; } .twocollayout #primarycontent {width:750px; 1height:500px; float:right; } .twocollayout #primarycontentinner {width:680px; 1height:300px; margin-left:30px;} /*=design borders --------------------------------------------------------------------------------------------------------------------------*/ #wrapper {1border:5px black solid; } #header {1border:1px #339999 solid; } #maincontent {1border:3px magenta solid; } #primarycontent {1border:1px red solid; } #primarycontentinner {1border:1px blue solid;} #secondarycontent {1border:1px blue solid; } #secondarycontentinner {1border:1px #993333 solid; } #sidecontent {1border:1px green solid; } #footer {1border:1px #660033 solid; } #secondary_content_wrapper {1border:1px green solid;} #inner_secondary_content_wrapper{1border:1px green solid; height:530px;} body.twocollayout #primarycontent {border-left:1px #C5C6CB solid;} /* --------------------------------------------------------------------------------------------------------------------------*/ #header { background:url(images/main-heading_04.jpg) no-repeat; 1background:url(images/main-heading_02_xmas.jpg) no-repeat; } #footer {position:relative; background:#f0f0f0 url(images/footer_image.jpg) no-repeat center; bottom:0; width:100%;} #secondarycontent {1background:url(images/secondary_content_bg.jpg) repeat-y; } /*=typography --------------------------------------------------------------------------------------------------------------------------*/ #primarycontentinner h1 {font-size:2.6em; color:#993300; margin-bottom:.25em;} #primarycontent #primarycontentinner p {font-size:.9em; line-height:1.3em; letter-spacing:0px; font-family:Georgia, "Times New Roman", Times, serif; } #primarycontent #primarycontentinner p.bold {font-weight:bold;} #primarycontent #primarycontentinner p.larger {font-size:1em;} #primarycontent #primarycontentinner p.paragraph_margin_top {margin-top:20px; padding-top:60px; border-top:1px black solid;} #primarycontent #primarycontentinner p:first-letter {font-size:1.2em;} #primarycontentinner h2 {font-size:2.2em; color:#993300; margin-bottom:.25em; text-align:center;} #primarycontentinner h3 {font-size:1.3em; color:#993300; margin-bottom:.25em; text-align:center; } #primarycontent #primarycontentinner h4 {font-size:1.2em; color:black; margin-bottom:.25em; } .centered {text-align:center;} body#staithe #primarycontent #primarycontentinner p {font-size:1em;} body#staithe #primarycontent #primarycontentinner ul li {list-style: circle none inside ;} #primarycontent #primarycontentinner h4.headline {padding-bottom:35px; border-bottom:1px solid gray; margin-bottom:30px; margin-top:20px; text-align:center;} #secondarycontent #secondarycontentinner p {margin:7px 0px 0px 0px; padding-bottom:8px; font:.9em Arial, Helvetica, sans-serif; color: #003399; 1border-bottom:1px solid grey; text-align:center;} #footer p {color: #888888 ; font:.9em Georgia, "Times New Roman", Times, serif ; padding-top:30px; margin-left:50px;} #footer p a{color:#ced1cf;} #footer p a:hover{color: #ea783f;} #footer p.footer_float {float:left;} #header p.date {float:right; padding-top:25px; padding-right:50px; color: #888888 ; font:1em Georgia, "Times New Roman", Times, serif ;} a.focus {font-size:1.4em;} div#maincontent div#primarycontent div#primarycontentinner p.yaresailing {text-align:left; padding-bottom:50px; margin-bottom:30px; border-bottom:1px solid grey; font-size:16px;} div#maincontent div#primarycontent div#primarycontentinner h4.yaresailing { font-size:22px;} /*javascript fixed positions on scrolling --------------------------------------------------------------------------------------------------------------------------*/ #nav_wrapper {left: 55px; position: absolute; 1margin-left: 35px; width: 280px;} #inner_nav_wrapper { margin-top: 0px; position: absolute; top: 0; /* just used to show how to include the margin in the effect */ 1border-top: 1px solid purple; padding-top: 19px;} #inner_nav_wrapper.fixed { position: fixed; top: 0;} #secondary_content_wrapper {left: 820px; position: absolute; 1margin-left: 35px; width: 180px;} #inner_secondary_content_wrapper { margin-top: 0px; position: absolute; top: 0; /* just used to show how to include the margin in the effect */ 1border-top: 1px solid purple; padding-top: 0px;} #inner_secondary_content_wrapper.fixed { position: fixed; top: 0;} div#maincontent div#primarycontent div#primarycontentinner div.news_text {1position:absolute; font-size:0px;} /* --------------------------------------------------------------------------------------------------------------------------*/ div#centered {text-align:center;} div#centered a{font-size:1.1em;} /*side content --------------------------------------------------------------------------------------------------------------------------*/ #weather_widget {margin-top:-20px;} div#cantley_in_news {width:150px; height:170px; margin-top:20px; padding:10px; background-color:#99CC99; } div#cantley_in_news h3{margin-bottom:10px; text-align:center; 1text-decoration:underline;padding:10px; background-color: #CC9933; font-family:Georgia, "Times New Roman", Times, serif;} div#cantley_in_news blockquote{padding-bottom:10px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;} div#cantley_in_news cite {font-size:smaller;} div#cantley_in_news a:link {color:#000099;} div#cantley_in_news a:visted {color:#8282ad;} div#cantley_in_news a:hover {color:#ce4500;} div#cantley_in_news a:active {color:#57576e;} div#cantley_in_news blockquote { display: none; } div#cantley_in_news #quote0 { display: block; } /*emails --------------------------------------------------------------------------------------------------------------------------*/ #primarycontent #primarycontentinner p.emailheading {padding-top:0px; margin-top:40px; border-top:solid 1px black; font-size:1.2em; background-color: #fcebc8; line-height:2em; text-align:center; color:#021c35;} /*images --------------------------------------------------------------------------------------------------------------------------*/ #primarycontent #primarycontentinner img.border {border:solid 1px #666666;} /*table --------------------------------------------------------------------------------------------------------------------------*/ table.flowershow {font-family:Georgia, "Times New Roman", Times, serif;} table.flowershow tr th, table.flowershow tr td {padding-top:4px;} table.flowershow tr th {font-weight:bold;} table.flowershow tr td.competition {color:#003366;} table.flowershow tr td.winners {color:black; font-weight:bold;} table.flowershow tr td.visibilitynone {visibility:hidden;} /* --------------------------------------------------------------------------------------------------------------------------*/ /*lists --------------------------------------------------------------------------------------------------------------------------*/ #primarycontent #primarycontentinner ul {list-style:disc;} #primarycontent #primarycontentinner ul li, #primarycontent #primarycontentinner ol li {font-size:1em; line-height:1.2em; letter-spacing:0px; font-family:Georgia, "Times New Roman", Times, serif; color: #003366;} /*=navigation --------------------------------------------------------------------------------------------------------------------------*/ /*current page*/ div#sidecontent div#nav_wrapper div#inner_nav_wrapper ul#main_nav li {font:1.2em "times new roman"; display:block; line-height:23px; text-align:center; 1border:1px blue solid; width:150px;} div#inner_nav_wrapper ul#main_nav li.current {color: black; text-decoration:none; background-color:#CCCCCC;cursor: default; } ul#main_nav li a:link {color:#003300 ; text-decoration:none;} ul#main_nav li a:visited {color:#003300 ; text-decoration:none; } ul#main_nav li a:hover {color: #ce4500; } ul#main_nav li a:active {color: green; } #primarycontent #primarycontentinner a {color: #003366;} #primarycontent #primarycontentinner a:hover {color: #ce4500;} #primarycontent #primarycontentinner a {text-decoration:none;} /*=css_template_a -----------------------------------------------------------------------------------------------------------------*/ div#css_template_a h1, div#css_template_a h2, div#css_template_a h3 {font-family:"Times New Roman", Times, serif;} div#css_template_a h1{font-size:2.2em; color:#000066;} div#css_template_a h2{font-size:1.8em; color:#000066;} div#css_template_a h3{font-size:1.3em; color:#000000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; } div#primarycontent div#primarycontentinner div#css_template_a h4 {font-size:1.3em; color:#000066; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; } div#css_template_a h5{font-size:1.1em; color:#000000; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; } div#css_template_a p {font-family:Georgia, "Times New Roman", Times, serif; text-align:left;} div#css_template_a div#list {width:600px; margin-left:30px; 1border:1px solid green;} /*div#primarycontent div#primarycontentinner div#css_template_a div#list ul {}*/ body div#primarycontent div#primarycontentinner div#css_template_a div#list ul li {list-style:none; text-align:left; color:black;} div#css_template_a div.float_left, div#css_template_a div.float_right {width:290px; text-align:left; line-height:1.1em; font-size:1.05em;} div#css_template_a div.float_left { float:left; } div#css_template_a div.float_right { float:right; } div.clear_floats {clear:both;} body div#primarycontent div#primarycontentinner h3.staithe_inner_page_link {text-align:left; color:#003300; font:1.1em Georgia, "Times New Roman", Times, serif;} body div#primarycontent div#primarycontentinner h3.staithe_inner_page_link a {1text-align:left; color:#003300; text-decoration:underline; font:1.1em Georgia, "Times New Roman", Times, serif;} /*body div#primarycontent div#primarycontentinner a h3.staithe_inner_page_link {text-align:left; color:#003300;}*/ body div#primarycontent div#primarycontentinner h3.staithe_inner_page_link a:hover {color: #ce4500;} /*=css_template_newsletter -----------------------------------------------------------------------------------------------------------------*/ img.vilage_news_header, img.church_image, img.sonseekers_image {display:block; margin:0 auto;} div#css_template_newsletter {1border:1px solid grey; width:500px; 1margin-left:50px; position:relative; margin:0 auto;} div#center {text-align:center; } div#css_template_newsletter div#block_01 {width:500px; 1height:500px; 1border:1px solid grey; background:url(news/haze_01.png) no-repeat 50% 50%; text-align:center; } div#css_template_newsletter div#block_02 {width:500px; 1height:500px; 1border:1px solid grey; background:url(news/haze_02.png) no-repeat 50% 50%; text-align:center; } div#css_template_newsletter div#block_03 {width:500px; 1height:500px; 1border:1px solid grey; text-align:center; } div#css_template_newsletter div#block_03 h2 {font-size:25px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#block_03 h3 {font-size:23px; } div#css_template_newsletter div#scroll {width:519px; height:1478px; 1border:1px solid grey; background:url(news/scroll_02.jpg) top no-repeat; } div#css_template_newsletter div#scroll_inner {width:400px; height:1503px; 1border:1px solid blue; text-align:left; } div#css_template_newsletter div#scroll_inner h2 {font-size:24px; text-align:left; display:inline; margin-left:80px;} div#primarycontent div#primarycontentinner div#css_template_newsletter div#scroll_inner h3 {font-size:22px; 1text-align:left; 1display:inline; margin-bottom:.1em;} div#css_template_newsletter h2{font-family:Georgia, "Times New Roman", Times, serif;} div#css_template_newsletter h2{color:#003366;} div#primarycontent div#primarycontentinner div#css_template_newsletter h3{font-size:2.2em;} div#primarycontent div#primarycontentinner div#css_template_newsletter h4{font-size:1.4em;} div#primarycontent div#primarycontentinner div#css_template_newsletter P{font-size:1.2em; 1text-align:left;} div#css_template_newsletter span.cursive {font-family:cursive; font-size:2em} div#bg_top {width:407px; height:47px; background-image:url(news/images/texture_bg_01_top.png);} div#bg_middle{width:407px; background-image:url(news/images/texture_bg_01_middle.png);} div#bg_bottom{width:407px; height:50px; background-image:url(news/images/texture_bg_01_bottom.png);} div#primarycontent div#primarycontentinner div#css_template_newsletter div#scroll_inner h2{display:inline; font-size:24px; text-align:left; margin-left:140px; font-weight:bold;} div#primarycontent div#primarycontentinner div#css_template_newsletter div#scroll_inner P{font-size:.9em; text-align:left;} div#box1 {1border:1px solid blue; width:240px; margin-left:110px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#box1 p {text-align:center;} div#box2 {1border:1px solid blue; width:260px; margin-left:100px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#box2 p {text-align:center;} div#box3 {1border:1px solid blue; width:240px; margin-left:105px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#box3 p {text-align:center;} div#box4 {1border:1px solid blue; width:240px; margin-left:120px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#box4 p {text-align:center;} div#box5 {1border:1px solid blue; width:240px; margin-left:130px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#box5 p {text-align:center;} div#box6 {1border:1px solid blue; width:240px; margin-left:150px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#box6 p {text-align:center;} div#box7 {1border:1px solid blue; width:240px; margin-left:170px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#box7 p {text-align:center;} div#box8 {1border:1px solid blue; width:240px; margin-left:170px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#box8 p {text-align:center;} div#box9 {1border:1px solid blue; width:240px; margin-left:175px; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#box9 p {text-align:center;} div#blackboard {1border:1px solid blue; width:464px; height:355px; background:url(news/blackboard.png);} /*blackboard*/ div#primarycontent div#primarycontentinner div#css_template_newsletter div#blackboard {margin:0 auto; 1border:1px solid green; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#blackboard p {text-align:center; color:#E6E6E6; } div#primarycontent div#primarycontentinner div#css_template_newsletter div#blackboard h3 {text-align:center; color:#fff; font-size:28px;} div#primarycontent div#primarycontentinner div#blackboard_inner {position:relative; 1border:1px solid white; width:340px; height:250px; left:55px; top:50px; } div#primarycontent div#primarycontentinner div#blackboard_inner_02 {position:relative; 1border:1px solid white; width:340px; height:250px; left:55px; top:35px; } div#primarycontent div#primarycontentinner div#blackboard_inner_02 h3 {font-size:25px;} div#primarycontent div#primarycontentinner div#blackboard_inner_02 p {font-size:18px;} /*staithe*/ body#staithe #primarycontent #primarycontentinner ul#financial_regs {width:580px; margin-left:50px; padding-left:20px; } body#staithe #primarycontent #primarycontentinner ul#financial_regs li { list-style: disc outside none ;} body#staithe #primarycontent #primarycontentinner h2.a001_100615_minutes {text-align:center; font-size:1.1em; font-weight:bold; color:#000033;} ol.inside_list {width:570px; margin-left:30px;} /*=broadband.php -----------------------------------------------------------------------------------------------------------------*/ div#broadband_test_form_div { width:451px; height:327px; 1border:1px solid black; background:#f0f0f0 url(images/broadband_speed_form_bg.jpg) no-repeat; margin:0 auto;} div#broadband_test_form_div div {width:370px; height:250px; 1border:1px solid green; margin:50px 0px 0px 30px;} div#broadband_test_form_div div div#left {width:100px; height:200px; 1border:1px solid red; float:left; line-height:.96em; color:#FFCC00; font-size:20px; font-weight:bold;} div#broadband_test_form_div div div#right {width:200px; height:200px; 1border:1px solid yellow; float:right;} div#broadband_test_form_div div div#clear {clear:both; text-align:center;} div#broadband_test_results {margin:50px 0px 0px 100px; 1border:1px solid blue; font-size:22px; } body#broadband_test_results table {margin:10px 0px 0px 20px; 1border:1px solid gray;} body#broadband_test_results table td.col_1{ width:200px;} body#broadband_test_results table td.col_2{ width:80px; text-align:right; color:#FF3300;} body#broadband_test_results table td, body#broadband_test_results table th{ font-family:Arial, Helvetica, sans-serif;} body#broadband_test_results table th {font-size:16px; text-align:right; padding-bottom:10px;} /* -----------------------------------------------------------------------------------------------------------------*/