/*Charity Website Stylesheet - Created By Zeke Bolton

The layout CSS*/

html {
}

p {
margin: 10px 0px 0px 0px;
}

* {
border: none;
}

a:link img {
text-decoration: none;
}

body {
margin-top: 0px;
font-family: georgia;
background-image: url('images/bodybk.gif');
}

#wrapper {
margin: 0 auto;
width: 650px;
border: 1px solid #57761f;
background-image: url('images/wrapperbk.gif');
background-repeat: repeat-y;
}

#header {
margin-top: 0px;
width: 100%;
height: 125px;
background-color: #3f5a0e;
background-image: url("images/header.gif");
background-repeat: no-repeat;
background-position: top left;
border-bottom: 2px solid #57761f;
}

#left {
width: 200px;
float: left;
position: relative;
}

#contents {
width: 430px;
padding: 10px 10px 10px 10px;
margin-left: 200px;
background-color: #ffffff;
text-align: left;

}

#footer {
width: 100%;
height: 60px;
background-color: #7f9852;
color: #fff;
font-size: 80%;
text-align: center;
border-top: 2px solid #57761f;
}

#footer p {
position: relative;
top: 5px;
}

#header h1 {
margin: 0px;
color: #fff;
position: relative;
font-size: 140%;
font-family: georgia;
top: 35px;
left:170px;
}

#header p{
margin: 0px;
color: #fff;
position: relative;
font-size: 90%;
font-family: georgia;
top: 35px;
left:173px;
}

#left ul {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}

* html #left ul {
position: absolute;
top: 0px;
left: 0px;
}

/*span link styles */

a:link, a:active {
text-decoration: underline;
}

a:visited {
text-decoration: underline;
color: #000;
}

a:hover {
color: #7f9852;
}

#left a:link{
display: block;
background-image: url('images/link.gif');
background-repeat: no-repeat;
width: 150px;
height: 20px;
padding: 5px 5px 5px 15px;
margin: 5px 2px 0px 26px;
color: #fff;
text-decoration: none;
}

#left a:visited {
display: block;
background-image: url('images/link.gif');
background-repeat: no-repeat;
width: 150px;
height: 20px;
padding: 5px 5px 5px 15px;
margin: 5px 2px 0px 26px;
color: #fff;
text-decoration: none;
}

#left a:active {
display: block;
background-image: url('images/linkah.gif');
background-repeat: no-repeat;
color: #000;
text-decoration: none;
font-weight: bold;
width: 150px;
}

#left a:hover {
display: block;
background-image: url('images/linkah.gif');
background-repeat: no-repeat;
color: #000;
text-decoration: none;
font-weight: bold;
width: 150px;

}

#header a:link, #header a:hover, #header a:visited, #header a:active{
text-decoration: none;
color: #fff;
}

li {
margin: 0px 0px 5px 0px;
}

.active {
display: block;
background-image: url('images/linkah.gif');
background-repeat: no-repeat;
width: 150px;
height: 20px;
padding: 5px 5px 5px 15px;
margin: 5px 2px 0px 26px;
color: #000;
text-decoration: none;
font-weight: bold;
}

table {
border: 1px solid #e5e5e5;
}

#whitespace {
width: 5px;
height: 100px;
}

#contents img {
padding: 5px 0px 5px 5px;
}

#contents h1 {
font-size: 130%;
font-family: arial;
text-decoration: underline;
text-align: center;
}

.attention {
padding: 10px;
background: #CCEFD0;
border: 1px solid #9BDAA2;
}