/* PAGE STRUCTURE */ body {background:#000 url(../_images/body_bg.png) top left repeat-x; color:#fff; font-family:Georgia, serif;} #page-container {position:absolute; width:766px; height:555px; left:50%; top:50%; margin-left:-383px; margin-top:-277.5px; /* display:none; */} #home #page-container {background:url(../_images/home_frame.png) top left no-repeat;} #spiritual-healing #page-container {background:url(../_images/spiritual_healing_frame.png) top left no-repeat;} #about #page-container {background:url(../_images/about_frame.png) top left no-repeat;} #contact #page-container {background:url(../_images/contact_frame.png) top left no-repeat;} #living-waters #page-container {background:url(../_images/living_waters_frame.png) top left no-repeat;} #recent-healings #page-container {background:url(../_images/recent_healings_frame.png) top left no-repeat;} #faq #page-container {background:url(../_images/faq_frame.png) top left no-repeat;} h1 {margin:75px 0 0 252px; background-repeat:no-repeat; height:0; overflow:hidden;} #spiritual-healing h1 {background-image:url(../_images/spiritual_healing_heading.png); padding-top:39px; width:232px; } #about h1 {background-image:url(../_images/about_heading.png); padding-top:33px; width:242px; } #contact h1 {background-image:url(../_images/contact_heading.png); padding-top:33px; width:242px; } #living-waters h1 {background-image:url(../_images/living_waters_heading.png); padding-top:59px; width:438px; } #recent-healings h1 {background-image:url(../_images/recent_healings_heading.png); padding-top:38px; width:417px; } #faq h1 {background-image:url(../_images/faq_heading.png); padding-top:39px; width:332px; } #content-wrapper {margin-left:206px; padding:55px 29px 46px 46px;} #living-waters #content-wrapper {padding-top:34px;} #content {height:331px;} /* NAVIGATION */ #navigation {width:157px; height:185px; background:url(../_images/navigation.png) no-repeat; position:absolute; bottom:16px; left:19px;} #navigation li {position:absolute; left:0;} #navigation li, #navigation a {height:26px; width:157px; display:block; text-decoration:none;} a span {display:none;} #navigation #tab0 {top:0px;} #navigation #tab1 {top:26px;} #navigation #tab2 {top:54px;} #navigation #tab3 {top:80px;} #navigation #tab4 {top:106px;} #navigation #tab5 {top:131px;} #navigation #tab6 {top:158px;} #tab0 a:hover {background:transparent url(../_images/navigation.png) 0 -185px no-repeat;} #tab1 a:hover, #spiritual-healing #tab1 a {background:transparent url(../_images/navigation.png) 0 -211px no-repeat;} #tab2 a:hover, #living-waters #tab2 a {background:transparent url(../_images/navigation_lw.png) 0 -239px no-repeat;} #tab3 a:hover, #recent-healings #tab3 a {background:transparent url(../_images/navigation.png) 0 -265px no-repeat;} #tab4 a:hover, #faq #tab4 a {background:transparent url(../_images/navigation.png) 0 -291px no-repeat;} #tab5 a:hover, #about #tab5 a {background:transparent url(../_images/navigation.png) 0 -316px no-repeat;} #tab6 a:hover, #contact #tab6 a {background:transparent url(../_images/navigation.png) 0 -343px no-repeat;} /* NAVIGATION FOR HOME PAGE */ #home #navigation {width:184px; height:179px; background:url(../_images/navigation_home.gif) no-repeat; position:absolute; left:auto; right:0px; bottom:32px;} #home #navigation li {position:absolute; left:0;} #home #navigation li, #home #navigation a {height:31px; width:184px; display:block; text-decoration:none;} #home #navigation #tab0 {display:none;} #home #navigation #tab1 {top:0px;} #home #navigation #tab2 {top:31px;} #home #navigation #tab3 {top:61px;} #home #navigation #tab4 {top:91px;} #home #navigation #tab5 {top:123px;} #home #navigation #tab6 {top:153px;} #home #tab1 a:hover {background:transparent url(../_images/navigation_home.gif) 0 -179px no-repeat;} #home #tab2 a:hover {background:transparent url(../_images/navigation_home.gif) 0 -210px no-repeat;} #home #tab3 a:hover {background:transparent url(../_images/navigation_home.gif) 0 -240px no-repeat;} #home #tab4 a:hover {background:transparent url(../_images/navigation_home.gif) 0 -270px no-repeat;} #home #tab5 a:hover {background:transparent url(../_images/navigation_home.gif) 0 -302px no-repeat;} #home #tab6 a:hover {background:transparent url(../_images/navigation_home.gif) 0 -332px no-repeat;} /* NAVIGATION FOR LIVING WATERS PAGE */ #living-waters #navigation {background:url(../_images/navigation_lw.png) no-repeat;} /* CONTENT */ .toc li {font-size:1em;} .toc .list-title {font-size:110%;} .toc ol {padding-left:1.8em;} .toc li:before, .bullets li:before {content:"* ";} .toc li:first-letter, .bullets li:before {margin-left:-.8em;} .toc li + li {margin-top:2px;} #content a, .toc a, #send-label {border-bottom:1px dotted #fff; color:#fff;} #send-label {padding-bottom:2px;} #content a:hover, .toc a:hover, #send-label:hover {border-bottom:none; cursor:pointer;} .link-note {font-size:.75em;} #send-label:hover {padding-bottom:3px;} h2 {font-size:1.25em;} span + h2, p + h2, div + h2, ul + h2, ol + h2, table + h2, a + h2 {margin-top:2em;} .toc + h2 {margin-top:20px;} #recent-healings .toc + h2 {margin-top:23px;} /* TO AVOID TEXT CUTOFF AT BOTTOM OF CONTENT PANE (IN FIREFOX) */ .dropcap {font-size:40pt; float:left; margin:0px 5px 0 0; line-height:.72em; display:block;} p, table {font-size:.875em; line-height:1.55em;} p + p, ul + p, ol + p, table + p, p + ul, p + table {margin-top:1em;} h2 + p {margin-top:1.25em;} .first-phrase {font-size:1.142857em;} ul {font-size:.875em; padding-left:3.5em;} li.list-heading {font-weight:bold;} span.signature {display:block; text-align:right;} table {line-height:1.125em;} th {padding-bottom:1em;} td {padding-left:.5em; width:45%;} tr > td:first-child {padding-left:3.5em; padding-right:.5em; text-align:right; border-right:1px solid #fff; width:auto;} #content p.top {font-size:.5em !important; margin:0; width:100%; text-align:right;} /* CONTACT FORM */ #contact-info, #name-label, #email-label, #phone-label, #message-label, #send-label, #closing-line {background-repeat:no-repeat; height:0; overflow:hidden;} #name-label, #email-label, #phone-label, #message-label, #send-label {margin-bottom:5px;} #contact-info {float:right; text-align:right; margin-top:20px; margin-right:18px; background-image:url(../_images/contact_info.png); padding-top:156px; width:208px; } #contact-info a {width:153px; height:22px; position:absolute; left:565px; top:289px; border:none;} #contact-info a:hover {border:none;} #contact-info a span {visibility:hidden;} #name-label {background-image:url(../_images/contact_name.png); width:93px; padding-top:14px; margin-bottom:5px;} #email-label {background-image:url(../_images/contact_email.png); width:48px; padding-top:15px; margin-bottom:5px;} #phone-label {background-image:url(../_images/contact_phone.png); width:49px; padding-top:15px; margin-bottom:5px;} #message-label {background-image:url(../_images/contact_message.png); width:64px; padding-top:20px; margin-bottom:1px;} #send-label {background-image:url(../_images/contact_send.png); width:39px; padding-top:16px; margin-bottom:5px;} #contact-info p {line-height:1.2em; font-size:1.25em; color:#FDD791;} form {margin:-28px auto auto -17px;} label {display:block; color:#78BACD; font-size:1.14em;} fieldset + fieldset {margin-top:.7em;} input {width:224px;} textarea {width:96%; height:90px;} #send-button {display:none;} input, textarea {font-size:.9em; color:#fff; padding:5px 2px; font-family:Georgia, serif; border-top:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #99BFC1; border-right:1px solid #FCAA47; background:transparent;} .error-msg {position:relative; top:-30px; left:206px; padding:0 16px; width:528px; text-align:center; font-size:1em; line-height:1.125em;} /* INDEX PAGE */ #index {background:url(../_images/welcome_bg.jpg) repeat;} #index #navigation, #index h1, #index #content-wrapper {display:none;} #index #page-container {background:url(../_images/index_frame.png) top left no-repeat;} #index a {display:block; width:766px; height:555px; cursor:pointer;} /* JSCROLLPANE */ .jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;} .jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:url(../_images/track.png) no-repeat;} .jScrollPaneDrag{position:absolute;background:url(../_images/slider.png) no-repeat;cursor:pointer;overflow:hidden;} .jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;} .jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;} a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/ height:9px;} a.jScrollArrowUp:hover{/*background-color:#f60;*/} a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/ height:9px;} a.jScrollArrowDown:hover{/*background-color:#f60;*/} a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{/*background-color:#f00;*/}