/* CSS Document */

body, table, tr, td, div, img, form, object, embed, ul, ol, li, cite, a {
padding: 0;
margin: 0;
border-width: 0;
}

body {
width: 800px;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #222;
background-color: #dde;
margin: 0 auto;
}


/* TEXT STYLES AND GENERAL STYLES */

p, ul, td { 
line-height: 22px;
margin: 0 0 10px 0; 
}

a {
color: #d71440;
}

h1 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #2e3092;
margin: 0 0 10px 0; 
}

h2 {
font-family: Palatino, Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #2e3092; 
line-height: 22px;
font-weight: normal;
margin: 0 0 10px 0; 
}

h2 span {
color: #d71440;
font-variant: small-caps;
}

h3 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #d71440; 
line-height: 22px;
text-transform: capitalize;
margin: 0 0 10px 0; 
}

.clear {
clear: both;
}


/* CONTAINERS, BOXES AND COLUMNS */

#container {
width: 800px;
float: left;
background-color: #fff;
margin-bottom: 20px;
}

#header {
width: 800px;
height: 190px;
float: left;
padding: 0;
margin: 0;
}

#header #topnav {
width: 752px;
height: 22px;
float: left;
text-align: right;
font-size: 10px;
padding: 2px 30px 2px 0;
border-left: 18px #f8971d solid;
}

#header #topnav p, #header #topnav a {
color: #444;
text-decoration: none;
margin-bottom: 0;
}

#header h1 span {
display: none;
}

#page_content_outer {
width: 782px;
float: left;
border-left: 18px #d14 solid;
}

#page_content_inner {
width: 782px;
float: left;
background: url(../images/bg-pagecontent.gif) top left repeat-y;
border-bottom: 18px #f8971d solid;
}

/* nav bar */
#navmain {
width: 154px;
float: left;
padding: 28px 10px;
margin: 0;
}

#navmain p {
float: left;
padding: 0;
margin: 0;
}

#navmain img.give {
margin: 40px 4px 28px 4px;
}

/* right/main content area, with various boxes and layouts for pages of the site */

#pagecontent {
width: 554px;
float: left;
padding: 28px 30px 28px 24px;
}

#pagecontent p span, #pagecontent td span {
color: #d71440;
font-weight: bold;
}

#pagecontent ul {
list-style-type: none;
}

#pagecontent ul li {
background: url(../images/bullet.gif) left 8px no-repeat;
padding-left: 12px;
margin-left: 25px;
}


/* for a main image and quote/header at the top (home, message, overview) */
#pagecontent #top_wide_head, #pagecontent #top_wide_head2 {
width: 554px;
height: 289px;
float: left;
background: url(../images/bg-cross.gif) left top no-repeat;
border-bottom: 4px #239 solid;
margin-bottom: 20px;
}

#pagecontent #top_wide_head2 {
height: 231px;
}

#top_wide_head img.left, #top_wide_head2 img.left {
float: left;
padding-right: 10px;
}

#top_wide_head h2 {
padding-top: 20px;
}

#top_wide_head2 h2 {
font-size: 18px;
line-height: 25px;
padding-top: 80px;
}

#top_wide_head h2 a {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#top_wide_head h2 a.give {
font-family: Palatino, Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: #d71440; 
}

/* for 3-column photo/box area on the home page */
#pagecontent .photobox {
width: 170px;
float: left;
padding: 0 22px 0 0;
}

#pagecontent .right {
padding: 0;
}

.photobox img {
}

.photobox .textarea {
width: 150px;
height: 130px;
float: left;
padding: 10px;
background: #dde url(../images/bg-cross_sm.gif) 130px 115px no-repeat;
border-top: 16px #239 solid;
margin-top: -2px !important;
}

.photobox .textarea h3 {
display: none;
}

.photobox .textarea img {
border: 0;
margin: 0 0 6px 0;
}

.photobox .textarea p {
font-size: 11px;
line-height: 14px;
margin: 0 0 6px 0;
}

/* for 2-column content on overview page and giving/history page */
#pagecontent .twocol {
width: 266px;
float: left;
padding: 0 22px 0 0;
}

.twocol p.hdr {
margin: 0;
}

.twocol table {
margin: 0 0 20px 0;
}

.twocol table.parish td {
font-size: 10px;
line-height: 18px;
vertical-align: top;
}

/* for action section */
#pagecontent .entry_rightimage {
width: 554px;
height: 167px;
float: left;
background: url(../images/bg-cross-left.gif) left top no-repeat;
border-bottom: 4px #239 solid;
margin-bottom: 20px;
}

.entry_rightimage img.right {
float: right;
margin-left: 10px;
}

#pagecontent .entry_leftimage {
width: 554px;
height: 167px;
float: left;
background: url(../images/bg-cross.gif) left top no-repeat;
border-bottom: 4px #239 solid;
margin-bottom: 20px;
}

.entry_leftimage img.left {
float: left;
padding-right: 10px;
}

.entry_rightimage h3, .entry_leftimage h3 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #d71440; 
line-height: 22px;
text-transform: capitalize;
margin: 20px 0 0 0;
}

.entry_rightimage p, .entry_leftimage p {
font-family: Palatino, Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #222;
line-height: 22px;
margin: 0 0 10px 0; 
}

.entry_rightimage p span, .entry_leftimage p span {
color: #d71440;
font-weight: bold;
text-transform: capitalize;
}

/* misc other anomolies */

#pagecontent p.faq {
margin: 0 0 20px 0;
}

#pagecontent p.footer {
border-top: 1px #2e3092 solid;
margin: 20px 0 10px 0;
}