/* CSS Document */
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; width: 1%; }
/* End */
a {
background-color: #fbfbf1;
color: #/*fbfbf1*/000;
display: block;
font-size: 11px; font-weight: bold; text-decoration: none;
margin: 0; padding: 0;
}
a:hover {
text-decoration: underline;
}
a:hover {
text-decoration: none;
background-color: inherit;
border: none;
color: #000;
display: block;
}
img {
border: none;
}
p ul {
display: none;
}
body {
background-color: #fbfbf1;
font: normal 10pt Arial, Helvetica, sans-serif;
margin: 0; padding: 0;
position: relative;
}
dd {
line-height: 150%;
/*letter-spacing: 0.05em;*/
}
dl {
margin: 0;
padding: 0;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #900;
margin: 0;
padding: 0;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #900;
margin: 0;
padding: 0;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #900;
margin: 0;
padding: 0;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #900;
margin: 0;
padding: 0;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #900;
margin: 0;
padding: 0;
}
h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #900;
margin: 0;
padding: 0;
}
input, textarea {
border: #ccc solid 1px;
font: 10pt normal Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
select {
border: #ccc solid 1px;
font: 10pt normal Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
width: 90%;
}
li:hover ul, li.over ul {
display: block;
}
li ul {
position: absolute;
left: 0;
top: 25px;
display: none;
}
ol {
line-height: 150%;
list-style-type: square;
}
optgroup {
background-color: #333;
color: #fbfbf1;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-align: left;
padding: 2px 0 2px 0;
width: 125px;
}
option {
font-size: 11px;
text-align: left;
}
option.shaded {
background-color: #f0f0f0;
}
p {
line-height: 150%;
margin:  0;
padding: 0;
}
td {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
}
td.left {
margin: 0;
padding: 5px 5px 0 0;
text-align: left;
vertical-align: top;
width: 45%;
}
td.right {
margin: 0;
padding: 5px 5px 0 5px;
text-align: left;
vertical-align: top;
width: 45%;
}
ul {
margin: 0;
padding: 0;
list-style: none;
/*width: 150px;
border-bottom: 1px solid #ccc;*/
}
ul li {
/*position: relative;*/
line-height: 20px;
}
ul li a {
display: block;
text-decoration: none;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background: #fff;
color: #333;
border: 1px solid #ccc;
border-bottom: 0;
padding: 5px;
}
#banner {
position: fixed; top: 0; left: 22%; right: 0; height: 120px; margin: 5px 5px 5px 0;
background-color: inherit;
}
#banner a {
padding: 0; margin: 0; display: inline;
}
#banner_gracesprings {
background-color: #fff; 
background-image: url(images/gray_line_bkgrnd.gif);
border: 1px solid #099;
width: 200px; height: 95px; float: left;
text-align: center; vertical-align: middle;
}
#banner_hsf {
background-color: #fff; 
background-image: url(images/gray_line_bkgrnd.gif);
border: 1px solid #6b1513;
text-align: center; vertical-align: middle;
width: 135px; height: 95px; float: left;
}
#banner_links {
width: 115px; height: 95px; /* position: fixed; top: 5px; left: 570px; */
background-color: #fbfbf1; text-align: left; vertical-align: middle; float: left;
}
#banner_mural {
/* position: fixed; top: 4px; left: 690px; */
}
#banner_photos {
position: fixed; top: 5px; left: 795px; right: 10px; height: 95px;
background-color: #fbfbf1; text-align: left; vertical-align: middle; float: left;
border: 1px double #900;
}
#css_links {
position: fixed;
top: 110px;
height: 30px;
left: 205px;
right: 0;
background-color: #fbfbf1/*cc9*/;
z-index: 6;
}
#top_nav {
position: fixed; top: 140px; height: 25px; left: 22%/*225px*/; right: 0;
}
#link_select {
margin-bottom: 5px;
max-width: 190px;
width: /*190px*/100%;
height: auto; max-height: 25px;
}
#link_button {
background-color: #099; color: #fff;
font-size: 11px; font-weight: bold; letter-spacing: 0.25em; text-indent: 8px;
margin: 0; padding: 0;
height: auto; max-height: 18px;
}
#main {
position: fixed; top: 160px; left: 22%; bottom: 25px; right: 0;
text-align: left; background-color: #fbfbf1; overflow: scroll;
}
#main_table {
text-align: left; background-color: #fbfbf1; overflow: scroll;
}
#main_1_column {
position: absolute; top: 30px; left: 2%; width: 100%; height: auto;
background-color: inherit; color: inherit;
}
#sub_nav {
position: fixed; bottom: 0; height: 25px; left: 22%/*225px*/; right: 0;
}
#sub_nav td a {
background-color: #b14f42/*ad633c*/;
color: #fff;
border: 1px dotted #900;
font-size: 11px;
}
#sub_nav td a:hover {
background-color: #fbfbf1;
color: #900;
}
/*
#main_right {
position: absolute; top: 35px; left: 50%; width: 45%; height: auto;
background-color: #fbfbf1;
}
*/
#sidebar {
position: fixed; top: 0; left: 0; bottom: 0; width: /*205px*/20%; margin: 0; padding: 0;
text-align: left; overflow: hidden;
background-color: inherit; border-right: 3px solid #900;
}
#sidebar_address {
position: absolute; top: 145px; left: 12px; height: 80px;
font-size: 12px; font-weight: bold; text-align: left; color: #099;
width: 90%;
overflow: hidden;
}
#sidebar_church_pic {
/*margin: 2px 3px 3px 2px;*/
margin: 1% 1% 1% 1%;
position: absolute; top: 0px; left: 0; width: 98%; max-width: 201px; max-height: 116px;
}
#sidebar_form {
position: absolute; top: 230px; margin: 0 0 0 12px; padding: 0; width: 90%;
}
#sidebar_form_label {
display: block; overflow: hidden;
height: 15px; padding: 0; margin: 0; background-color: #099;
font-weight: bold; letter-spacing: 0.125em; color: #fbfbf1; text-indent: 5px;
}
#sidebar_highlights {
position: absolute; top: 310px; bottom: 0; left: 12px; margin: 0; padding: 0;
width: 90%;
background-color: inherit;
color: #000;
font-size: 11px;
display: block;
overflow: scroll;
}
#sidebar_highlights p {
line-height: 175%;
}
#slash {
position: fixed; top: 120px; left: 0; right: 0; height: 20px; background-color: #099; color: #fbfbf1; font-weight: bold; letter-spacing: 0.1em; text-indent: 5px; max-height: 20px;
}
.bold {
font-weight: bold;
}
.bottom_padding {
padding-bottom: 5px;
}
.decorated:before {
content: " • "; color: #900;
}
.divider {
margin-bottom: 10px; margin-top: 10px; width: 50%; text-align: center; color: #ccc;
}
.top_nav_current_link a {
background-color: #b14f42/*bd836dad633c*/;
text-align: center; color: #fff; font-size: 11px; font-weight: bold; letter-spacing: 0.05em;
max-height: 15px; min-height: 15px; overflow: auto;
border: 1px dotted #900;
}
.top_nav_link a {
background-color: #fbfbf1;
text-align: center; color: #099; font-size: 11px; font-weight: bold; letter-spacing: 0.05em;
max-height: 15px; min-height: 15px; overflow: auto;
border: 1px solid #099;
}
.top_nav_link a:hover {
background-color: #099;
text-align: center; color: #fff; font-size: 11px; font-weight: bold;
max-height: 25px; overflow: auto;
}
.leaded_head {
margin-top: 10px;
}
.image_bground_lft {
background-color: #fff; 
background-image: url(images/gray_line_bkgrnd.gif);
border: 1px outset #ccc;
float: left;
margin-right: 5px;
padding: 8px 10px;
text-align: center; vertical-align: middle;
}
.image_bground_rt {
background-color: #fff; 
background-image: url(images/gray_line_bkgrnd.gif);
border: 1px outset #ccc;
float: right;
margin-left: 5px;
padding: 8px 10px;
text-align: center; vertical-align: middle;
}
.image_bground_gall {
background-color: #fff; 
background-image: url(images/gray_line_bkgrnd.gif);
border: 1px outset #ccc;
margin-right: 5px;
padding: 8px 10px;
/*text-align: center; vertical-align: middle;*/
}
.inline_link {
background-color: #ebebe1;
color: #900;
display: inline;
}
.inline_link:hover {
background-color: #900;
color: #fbfbf1;
display: inline;
}
.block_link {
background-color: #ebebe1;
color: #900;
margin-bottom: 3px;
}
.block_link:hover {
background-color: #900;
color: #fbfbf1;
}
.gallery_caption {
background-color: inherit; color: #900;
border-top: 1px solid #900;
font-weight: bold;
text-align: left;
}
.gall_cell {
vertical-align: middle;
border-top: 1px dotted #900;
}
.photo_caption {
font-size: 11px;
line-height: normal;
}
.popup_link {
font-size:10px; text-align: right; color: #000; font-weight: normal;
}
.popup_link:hover {
background-color: #fbfbf1;
font-size:10px; text-align: right; color: #000; font-weight: normal;
}
.head_main {
color: #aa7;
padding-left: 5px;
}
.head_sidebar {
background-color: #099; color: #fff;
display: block;
text-indent: 10px; padding: 2px 0; letter-spacing: 0.125em;
max-height: 20px; overflow: hidden;
}
.history_indent {
text-indent: 1em;
}
.indent {
text-indent: 1em;
}
.illum_incipit:first-letter {
color: #b35f40;
font-size: larger;
}
.leaded {
line-height: 200%;
}
.contact_name {
font-weight: bold;
}
.rt_bot_space {
float: left;
margin: 0 10px 10px 0;
}
.lt_bot_space {
float: right;
margin: 0 0 10px 10px;
}
.right_aligned {
text-align: right;
}
.section_page {
background-color: #eee;
color: #900;
font-weight: bold;
}
.spaced {
letter-spacing: 1px;
}
.text_main {
padding-left: 5px;
}
.text_sidebar {
width: 195px;
padding-right: 5px;
}
.top_nav_section_name {
background-color: #099;
color: #fff;
}
.whats_this {
vertical-align: bottom;
border: 1px solid #6b1315; background-color: #fbfbf1;
color: #6b1315; font-size: 9px; font-weight: bold;
display: inline;
}
.whats_this:hover {
border: 1px solid #6b1315; background-color: #6b1315;
color: #fbfbf1; font-size: 9px; font-weight: bold;
display: inline;
}

/* for drop-downs */
#home_nav {
display: none;
}