/* reset margin and padding to 0 for all elements */
html, body, p, h1, h2, h3, h4, h5, h6, div, ul, li {
margin: 0;
padding: 0;
}

/* This fixes an IE bug that caused awkward text-resizing */
html {
font-size: 100%;
}

body {
text-align: center;
font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif;
background: url(/img/background.gif);
}

a {
text-decoration: none;
color: #6d9d52;
}

a:hover {
text-decoration: underline;
}

li {
margin-left: 1em;
}

h1 {
color: #ae5e09;
font-size: 145%;
margin-bottom: 0.7em;
font-weight: normal;
}

/* this prevents images from disappearing in IE 6 */
img { 
position: relative;
border: none; /* and this removes image borders unless explicitly set */
}

#header {
background: url(/img/bkg-header.gif);
}

#footer {
margin-bottom: 1em;
color: #ae5e09;
font-size: 85%;
}

#page {
width: 855px;
margin: auto;
}

#content-bkg {
background: url(/img/bkg-content-middle.gif);
width: 859px;
}

#content {
text-align: left;
background: url(/img/bkg-content-middle.jpg) no-repeat 0 30px;
}

.secondary #content-bkg {
background: url(/img/bkg-secondary-content.gif);
}

.secondary #content {
background: none;
background: url(/img/bkg-secondary-content.gif);
}

#content p {
margin-bottom: 1em;
}

#maincontent {
margin-left: 35px;
width: 450px;
float: left;
}

#sidebar {
float: left;
width: 280px;
margin-left: 50px;
padding-top: 15px;
}

#sidebar p {
padding-left: 10px;
}

.line {
margin: 10px 0;

}

.preload {
display: none;
}

.clear {
clear: both;
}

#site-id {
margin-left: 8px;
}

#content-bottom {
margin-bottom: -3px;
}

#footer-cross {
margin-top: 5px;
margin-bottom: 10px;
}

.highlight {
color: #ae5e09;
}

/* Image menu */
ul#issues {
position: relative;
height: 340px;
margin-left: 7px;
}

ul#issues li {
list-style-type: none;
}

ul#issues a {
display: block;
position: absolute;
}

ul#issues a span {
display: none;
}

#congregation_outreach a {
background: url(/img/btn-congregation_outreach.jpg);
width: 340px;
height: 170px;
position: absolute;
top: 0;
left: 0;
}

#congregation_outreach a:hover {
background: url(/img/btn-congregation_outreach-on.jpg);
}

#childrens_mental_health a {
background: url(/img/btn-childrens_mental_health.jpg);
top: 0px;
left: 340px;
width: 170px;
height: 340px;
position: absolute;
}

#childrens_mental_health a:hover {
background: url(/img/btn-childrens_mental_health-on.jpg);
}

#christian_voluntarism a {
background: url(/img/btn-christian_voluntarism.jpg);
top: 0px;
left: 510px;
width: 340px;
height: 170px;
position: absolute;
}

#christian_voluntarism a:hover {
background: url(/img/btn-christian_voluntarism-on.jpg);
}

#lutheran_education a {
background: url(/img/btn-lutheran_education.jpg);
top: 170px;
left: 0px;
width: 340px;
height: 170px;
position: absolute;
}

#lutheran_education a:hover {
background: url(/img/btn-lutheran_education-on.jpg);
}

#prisoner_services a {
background: url(/img/btn-prisoner_services.jpg);
top: 170px;
left: 510px;
width: 340px;
height: 170px;
position: absolute;
}

#prisoner_services a:hover {
background: url(/img/btn-prisoner_services-on.jpg);
}

/* End Image menu */