body {background: #abb url(../images/bg-body.gif) repeat-x; color: #333;}
#wrap {width: 970px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(../images/header-banner.jpg) no-repeat; height: 203px; position: relative;}
.leadership #header {background: url(../leadership/images/header-banner.jpg) no-repeat;}
.heritage #header {background: url(../heritage/images/header-banner.jpg) no-repeat;}
.justice #header {background: url(../justice/images/header-banner.jpg) no-repeat;}
.responsibility #header {background: url(../responsibility/images/header-banner.jpg) no-repeat;}
.ministries #header {background: url(../ministries/images/header-banner.jpg) no-repeat;}
.religiouslife #header {background: url(../religiouslife/images/header-banner.jpg) no-repeat;}
.pray #header {background: url(../pray/images/header-banner.jpg) no-repeat;}
.archives #header {background: url(../archives/images/header-banner.jpg) no-repeat;}
.newsandpublications #header {background: url(../newsandpublications/images/header-banner.jpg) no-repeat;}
.giving #header {background: url(../giving/images/header-banner.jpg) no-repeat;}
#header h1 a {width: 165px; height: 60px; top: 80px; left: 750px; position: absolute;}
#header ul#headerNav {width: 170px; height: 25px; top: 178px; right: 47px; position: absolute;}
#header ul#headerNav li {list-style: none; display: inline;}
#header ul#headerNav li a {height: 25px; top: 0; position: absolute; display: block;}
#header ul#headerNav li a#hmlnk {width: 36px; left: 0;}
#header ul#headerNav li a#hmlnk:hover {background: url(../images/headerNav-hmlnk.gif) no-repeat;}
#header ul#headerNav li a#cnlnk {width: 62px; left: 48px;}
#header ul#headerNav li a#cnlnk:hover {background: url(../images/headerNav-cnlnk.gif) no-repeat;}
#header ul#headerNav li a#lglnk {width: 43px; left: 122px;}
#header ul#headerNav li a#lglnk:hover {background: url(../images/headerNav-lglnk.gif) no-repeat;}

/**************************************************content area********************************************/
#content {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: #fff url(../images/bg-main_2.gif) repeat-y 100% 0; color: #333; width: 742px; margin-left: 228px; position: relative; float: left;}/*see ie.css for fixes*/
#main h2 {width: 722px; height: 50px; margin: 0 0 25px 0;}
.leadership #main h2 {background: url(../leadership/images/main-title.gif) no-repeat;}
.heritage #main h2 {background: url(../heritage/images/main-title.gif) no-repeat;}
.justice #main h2 {background: url(../justice/images/main-title.gif) no-repeat;}
.responsibility #main h2 {background: url(../responsibility/images/main-title.gif) no-repeat;}
.ministries #main h2 {background: url(../ministries/images/main-title.gif) no-repeat;}
.religiouslife #main h2 {background: url(../religiouslife/images/main-title.gif) no-repeat;}
.pray #main h2 {background: url(../pray/images/main-title.gif) no-repeat;}
.archives #main h2 {background: url(../archives/images/main-title.gif) no-repeat;}
.newsandpublications #main h2 {background: url(../newsandpublications/images/main-title.gif) no-repeat;}
.giving #main h2 {background: url(../giving/images/main-title.gif) no-repeat;}
.contact #main h2 {background: url(../contact/images/main-title.gif) no-repeat;}
.errorpages #main h2 {background: url(../errorpages/images/main-title.gif) no-repeat;}
.search #main h2 {background: url(../search/images/main-title.gif) no-repeat;}
#main img {margin: 0 20px 20px 20px;}
#main #contentContainer {margin: 0 80px 0 40px;}
#main h3 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.3em;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0; line-height: 1.3; font-size: 1.1em;}
#main blockquote {color: #756; margin: 0 40px 20px 40px; font-style: italic; line-height: 1.3; font-size: 1.1em;}
#main div.articleMetadata {margin: 0 0 20px 0; color: #999; font-size: .95em;}
#main ul {margin: 0 0 20px 20px; line-height: 1.3; font-size: 1.1em;}
#main ol {margin: 0 0 20px 30px; line-height: 1.3; font-size: 1.1em;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main .file {margin: 0 0 20px 0; font-size: 1.1em;}
#main .file img {margin: 0 10px 0 0;}
#main table {width: 600px; margin: 0 0 20px 0; border: 1px solid #534; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #534; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #534; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table2column.rightleft tbody tr td.col1 {width: 80%;}
#main table.table2column.rightleft tbody tr td.col2 {width: 20%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}
iframe {background: transparent; width: 622px; border: 0; clear: none; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; padding: 0; text-decoration: none; vertical-align: baseline;}
#main form {font-size: 1.1em;}
#main form p.note {margin: -10px 0 20px 100px; font-size: .9em; clear: both;}
#main form p.required {margin: 0; font-size: .9em; clear: both; display: block;}
#main form label {color: #756; width: 100px; font-weight: bold; float: left;}
#main form label.chkbx, #main form label.radio {color: #444; width: auto; max-width: 400px; margin: 0 0 10px 5px; font-weight: normal; float: left; display: block;}
#main form label.formFullWidth {width: auto; margin: 0 0 5px 0;}
#main form label#lblEmployerName {width: 120px; margin: 0 0 0 100px;}
#main form input {color: #333; margin: 0 0 10px 0; border: 1px solid #999;}
#main form input.chkbx, #main form input.radio {margin: 2px 0 0 100px; float: left; display: block; border: none;}
#main form input#txtOther, #main form input#txtInMemory, #main form input#txtInHonor {margin: 0 0 10px 10px;}
#main form textarea {color: #333; height: 100px; margin: 0 0 10px 0; border: 1px solid #999;}
#main form br {clear: left;}
#main form input#btnSubmit {background: #756; color: #eec; width: auto; margin: 25px 0 20px 20px; display: block; border: 1px outset #db9; float: left;}
#main form input#btnEdit {background: #756; color: #eec; width: auto; margin: 25px 0 20px 20px; display: block; border: 1px outset #db9; float: left;}
#main form input#btnBack {background: #756; color: #eec; width: auto; margin: 25px 0 20px 20px; display: block; border: 1px outset #db9; float: left;}
#main form input#btnNext {background: #756; color: #eec; width: auto; margin: 25px 0 20px 20px; display: block; border: 1px outset #db9; float: left;}
#main form dl dt {background: #fff; width: 300px; color: #756; margin: 0 0 10px 0; font-weight: bold; border-bottom: 1px dotted #756; display: block; float: left; line-height: 1em; clear: left;}
#main form dl dd {width: 250px; max-height: 100px; margin: 0 0 10px 0; padding: 0 10px 0 0; display: block; float: left; overflow: auto;}
#main #error {background: #756; color: #fff; font-size: 1em; padding: 10px; margin: 0 0 20px 0; }
#main #error h4 {margin: 0 0 10px 0;} 
#main #error ul {margin: 0 0 0 35px;}
#main #error ul li {margin: 0;}
#main ul#fsmmagazine {margin: 0 0 20px 0;}
#main ul#fsmmagazine li {width: 120px; margin: 0 30px 20px 0; list-style: none; text-align: center; float: left;}
#main ul#fsmmagazine li h4 {margin: 0 0 10px 0;}
#main ul#fsmmagazine li img {margin: 0 0 5px 0; display: block; text-align: center;}
#main ul#fsmmagazine li p {height: 3em;;}
#main p.footnote {font-size: 1em; clear: both; text-align: center;}
#main .clearImage {display: block; clear: both;}
#main span.divider {background: url(../images/divideline.gif) no-repeat; width: 622px; height: 1px; margin: 10px 0 20px 0; display: block; clear: both;}

#main ul.gallery {margin: 0;}
#main ul.gallery li {width: 108px; margin: 0 11px 15px; list-style: none; display: block; float: left;}
#main ul.gallery li a img {margin: 0; border: none;}
#main ul.gallery li p {margin: 0; text-align: center;}
#main ul.gallery li p a {color: #d81;}
#main ul.gallery li p a:hover {color: #149;}
#main #contentContainer ul.gallery li p.amount a {font-weight: normal; font-size: .9em;}
#main ul.gallery li ul {display: none;}

/**************************************************left column*********************************************/
#sidebar {background: #fff url(../images/bg-sidebar.gif) repeat-y; width: 228px; margin-left: -970px; position: relative; float: left;}
#sidebar ul#sidebarNav {background: url(../images/bg-sidebarNav.gif) no-repeat 0 100%; width: 220px; margin: 0 0 0 8px; padding: 0 0 33px 0;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {width: 220px; height: 24px; display: block;}
#sidebar ul#sidebarNav li a:hover {background-position: -220px 0;}
#sidebar ul#sidebarNav li a:active, #sidebar ul#sidebarNav li a.selected {background-position: -440px 0;}
#sidebar ul#sidebarNav li a#lplnk {background-image: url(../images/sidebarNav-lplnk.gif);}
#sidebar ul#sidebarNav li a#helnk {background-image: url(../images/sidebarNav-helnk.gif);}
#sidebar ul#sidebarNav li a#jmlnk {background-image: url(../images/sidebarNav-jmlnk.gif);}
#sidebar ul#sidebarNav li a#crlnk {background-image: url(../images/sidebarNav-crlnk.gif);}
#sidebar ul#sidebarNav li a#mslnk {background-image: url(../images/sidebarNav-mslnk.gif);}
#sidebar ul#sidebarNav li a#rllnk {background-image: url(../images/sidebarNav-rllnk.gif);}
#sidebar ul#sidebarNav li a#wplnk {background-image: url(../images/sidebarNav-wplnk.gif);}
#sidebar ul#sidebarNav li a#aslnk {background-image: url(../images/sidebarNav-aslnk.gif);}
#sidebar ul#sidebarNav li a#nplnk {background-image: url(../images/sidebarNav-nplnk.gif);}
#sidebar ul#sidebarNav li a#gglnk {background-image: url(../images/sidebarNav-gglnk.gif);}
#sidebar ul#sidebarNav li ul {background: #e92 url(../images/sidebarNav-line.gif) no-repeat 0 100%; width: auto; margin: 0 2px 0 0; padding: 10px 0 1px 30px;}
#sidebar ul#sidebarNav li ul li a {background: url(../images/sidebarNav-bullet01.gif) no-repeat 0 5px; color: #ffd; width: auto; height: auto; padding: 0 0 10px 11px; font-size: 1.1em;}
#sidebar ul#sidebarNav li ul li a:hover, #sidebar ul#sidebarNav li ul li a.selected {background: url(../images/sidebarNav-bullet02.gif) no-repeat 0 5px; color: #534; text-decoration: none;}
#sidebar ul#sidebarNav li ul li ul {background: #e92; padding: 0 0 5px 15px;}
#sidebar ul#sidebarNav li ul li ul li a {background: url(../images/sidebarNav-line01.gif) no-repeat 0 7px; color: #ffd; width: auto; height: auto; padding: 0 0 5px 8px; font-size: 1.1em;}
#sidebar ul#sidebarNav li ul li ul li a:hover, #sidebar ul#sidebarNav li ul li ul li a.selected {background: url(../images/sidebarNav-line02.gif) no-repeat 0 7px; color: #534; text-decoration: none;}
#sidebar form {background: url(../images/bg-search.gif) no-repeat; width: 218px; height: 61px; margin: 0 0 0 8px; position: relative;}
#sidebar form input {color: #756; width: 114px; padding: 3px 0 2px 3px; top: 20px; left: 25px; position: absolute; border: 1px solid #756;}
#sidebar form button {background: url(../images/button-search.gif) no-repeat; width: 61px; height: 37px; top: 12px; left: 143px; position: absolute;}

#main, #sidebar {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}

/**************************************************footer**************************************************/
#footer {background: url(../images/bg-footer.gif) no-repeat; color: #246; margin: 0 0 20px 0; position: relative; clear: both; font-size: .9em;}
#footer ul#footerNav {width: 100%; margin: 0 0 15px 20px; padding: 85px 0 0 0;}
#footer ul#footerNav li {color: #246; list-style: none; display: inline; text-transform: uppercase;}
#footer ul#footerNav li a {color: #246;}
#footer address {margin: 0 0 10px 20px; font-style: normal;}
#footer address a {color: #246;}
#footer p {margin: 0 0 10px 20px;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}