* {
    padding: 0;
    margin: 0;
} 

body {
background: #383838 url(images/bkgrnd.jpg) repeat-x;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;
}

img { border: none; }
a { color: #4c320d;  }
a:hover { text-decoration: none; color : #000; }

#wrap {
margin: 0px auto;
width: 877px;
}

#main {
margin: auto auto 0px auto;
width: 877px;
}

.left 
{
    background: url(images/col1.jpg) repeat-y;
    height: 130px;
    width: 570px;
    margin: 0px auto 0px 0px;
}

.center 
{
    background: url(images/spacer.jpg) no-repeat;
    height: 130px;
    width: 8px;
}

.right 
{
    background: url(images/col1.jpg) no-repeat;
    height: 260px;
    width: 570px;
    margin: 0px 0px auto 0px;
}

.img1
{
    width: 140px;
    height: 151px;
    border: 0px;
    padding: 20px;
    background: url(images/whchart.jpg) no-repeat;
    margin: 40px 30px auto auto;
    float: right;
}

.img2
{
    width: 289px;
    height: 137px;
    border: 0px;
    padding: 20px;
    background: url(images/whchart2.jpg) no-repeat;
    margin: 40px 5px auto auto;
    float: right;
}

.img3
{
    width: 140px;
    height: 140px;
    border: 0px;
    padding: 20px;
    background: url(images/cp.jpg) no-repeat;
    margin: 30px 30px auto auto;
    float: right;
}

.img4
{
    width: 140px;
    height: 140px;
    border: 0px;
    padding: 20px;
    background: url(images/cwv.jpg) no-repeat;
    margin: 40px 30px auto auto;
    float: right;
}

#btm {
margin: auto auto 0px auto;
width: 877px;
}

.bottom
{
    background: url(images/elephantbtm.jpg) no-repeat;
    height: 180px;
    width: 877;
    margin: 0px auto 0px 0px;
}

.footing 
{
    background: url(images/footing.jpg) no-repeat;
    height: 27px;
    width: 877;
    padding: 3px 10px 2px 10px;
}

#header { 
background: #383838 url(images/header.jpg) no-repeat;
height: 260px;
width: 877;
}

#menu {
height: 40px;
line-height: 40px;
text-align: center;
display: inline;
background: #383838 url(images/menu.jpg) no-repeat;
width: 877px;
}
#menu ul {
padding-left: 10px;
list-style-type: none;
}
#menu ul li {
display: inline;
text-align: center;
}
#menu ul li a {
color: #eee;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
padding: 0;
}

.left {
width: 570px;
float: left;
text-align: justify;
background: url(http://www.discoverministry.com/images/col1.jpg) repeat-y;
height: 3250px;
}

.left p {padding: 20px 20px 10px 20px; font-size: 1.2em;}

.left h1 {
color: #383838;
font-size: 20px;
font-weight: 100;
padding : 5px 10px 5px 10px;
height: 30px;
background: url(http://www.discoverministry.com/images/h1.jpg) no-repeat;
}

.left h3 {
color: #383838;
font-size: 16px;
padding : 5px 10px 5px 10px;
height: 20px;
background-color: #EA8916;
}

.left ol {margin: 10px 10px 10px 24px; padding: 0px;}

.left ol li {margin: 10px 10px 10px 24px; padding: 0px;}

.right {
width: 299px;
float: right;
font-size: 12px;
background: url(http://www.discoverministry.com/images/col2.jpg) repeat-y;
height: 3250px;
}

.right p {padding: 20px 20px 10px 20px; font-size: 0.95em;}

.right h2 {
height: 30px;
font-size: 12px;
color: #383838;
padding : 5px 10px 5px 10px;
background: url(http://www.discoverministry.com/images/h1a.jpg) no-repeat;
}

.right h3 {
color: #383838;
font-size: 12px;
padding : 5px 10px 5px 10px;
height: 20px;
background-color: #EA8916;
}

.right a { text-decoration: none }

bottom 
{
background: url(images/elephantbtm.jpg) no-repeat;
width: 877px;
height: 180px;
text-align: center;
margin: 0 auto;
}

footer {
background: url(images/footing.jpg) no-repeat;
text-align: left;
color: #383838;
font-size: 11px;
padding: 5px;
height: 27px;
width: 877px;
margin: 0 auto;

}

#footer a { color: #383838;}