body{
background: #5D755C url(../img/bg_main.gif) repeat;
margin: 20px auto;
color: #282828;
font-family: Georgia, arial, helvetica, sans-serif;
}
a:link, a:visited{
color: #8C6A00;
text-decoration: underline;
}
a:hover{
color: #757E2F;
}

h1{
font-size: 33px;
color: #5D755C;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0;
}
h2{
font-size: 18px;
font-weight: normal;
color: #3D4B34;
margin: 20px 0 0 0;
}
h3{
font-size: 14px;
font-weight: normal;
color: #8C6A00;
margin: 0;
}
h4{
font-size: 18px;
font-weight: normal;
color: #8C6A00;
margin: 20px 0 5px 0;
}
h5{
font-size: 14px;
font-weight: normal;
color: #3D4B34;
margin: 0;
}
h6{
font-size: 14px;
font-weight: normal;
margin: 0;
}

#wrapper{
width: 754px;
margin: 0 auto;
}

#header_top{
float:left;
width: 754px;
height: 43px;
background: url(../img/hdr_top.gif) bottom left no-repeat;
}

#header{
float: left;
background: url(../img/header_main.jpg) bottom left no-repeat;
height: 167px;
}
#home #header{
background: url(../img/header_home.jpg) bottom left no-repeat;
}
#auxnav{
float: left;
clear: both;
width: 100%;
height: 24px;
margin: 25px 0 0 13px;
padding: 0;
list-style:none;
}
#auxnav li{
display:inline;
float:left;
}
#auxnav a{
height/**/:24px; /* for IE5.5's bad box model */
height:0px !important; /* for most browsers */
padding-top: 24px;
_padding-top: 15px;
overflow: hidden;
}

#auxnav .home{
background: url(../img/btn_auxhome.gif) no-repeat;
width: 67px;
display:block;
_margin: 5px 0 0 0;
}
#auxnav .donate{
background: url(../img/btn_auxdonate.gif) no-repeat;
width: 114px;
display:block;
margin-left: 550px;
_margin: 5px 0 0 540px;
}

#nav{
float: left;
clear: both;
background: #8C6A00 url(../img/nav_bg.gif) repeat-x; 
width: 100%;
height: 28px;
_height: 26px;
margin: 0;
padding: 0;
list-style:none;
}
#nav li{
display:inline;
float:left;
}
#nav a{
height/**/:28px; /* for IE5.5's bad box model */
_height/**/:26px; /* for IE5.5's bad box model */
height:0px !important; /* for most browsers */
padding-top: 30px;
_padding-top: 28px;
overflow: hidden;
display:inline;
}

#nav .donate{
background: url(../img/btn_donate.gif) no-repeat;
width: 68px;
display:block;
}
#nav .donate:hover, #donate #nav .donate{
background: url(../img/btn_donate.gif) -68px 0 no-repeat;
}
#nav .howwecare{
background: url(../img/btn_howwecare.gif) no-repeat;
width: 116px;
display:block;
}
#nav .howwecare:hover, #howwecare #nav .howwecare{
background: url(../img/btn_howwecare.gif) -116px 0 no-repeat;
}
#nav .getinvolved{
background: url(../img/btn_getinvolved.gif) no-repeat;
width: 120px;
display:block;
}
#nav .getinvolved:hover, #getinvolved #nav .getinvolved{
background: url(../img/btn_getinvolved.gif) -120px 0 no-repeat;
}
#nav .eventsfund{
background: url(../img/btn_eventfund.gif) no-repeat;
width: 142px;
display:block;
}
#nav .eventsfund:hover, #eventsfundraisers #nav .eventsfund{
background: url(../img/btn_eventfund.gif) -142px 0 no-repeat;
}
#nav .logo{
background: url(../img/logo_mid.gif) no-repeat;
width: 160px;
display:block;
}
#nav .aboutus{
background: url(../img/btn_aboutus.gif) no-repeat;
width: 81px;
display:block;
}
#nav .aboutus:hover, #aboutus #nav .aboutus{
background: url(../img/btn_aboutus.gif) -81px 0 no-repeat;
}
#nav .soulstories{
background: url(../img/btn_soulstories.gif) no-repeat;
width: 104px;
display:block;
}
#nav .soulstories:hover, #soulstories #nav .soulstories{
background: url(../img/btn_soulstories.gif) -104px 0 no-repeat;
}
#nav .contactus{
background: url(../img/btn_contactus.gif) no-repeat;
width: 67px;
display:block;
}
#nav .contactus:hover, #contactus #nav .contactus{
background: url(../img/btn_contactus.gif) -67px 0 no-repeat;
}
#sidenav{
padding: 20px 10px 0 0;
width: 180px;
float: left;
}
#sidenav ul{
font-size: 14px;
list-style:none;
margin: 0;
padding: 0;
}
#sidenav ul li{
margin: 0;
padding: 0;
_height: 25px;
}
#sidenav ul li a{
display: block;
padding: 3px 0 3px 20px;
text-decoration: none;
background: #F1EFE2 url(../img/arrowcirc.gif) 5px 9px no-repeat;
border-bottom: solid 1px #FFFFFF;
}

#content{
width:754px;
background: #FFFFFF;
float: left;
}
#content_mid{
padding: 20px 0 0 10px;
font-size: 12px;
line-height: 18px;
width: 300px;
float: left;
}
#contentwsidenav{
float: left;
padding: 20px 0 0 10px;
width: 470px;
}
#contentwsidenav span{
color: #947411;
font-weight: bold;
font-style: italic;
}
#content_full{
_float: left;
padding: 20px 40px;
font-size: 13px;
line-height: 22px;
}

#content_left{
float: left;
color: #363636;
width: 416px;
padding: 20px 30px 10px 40px;
font-size: 13px;
line-height: 22px;
}
#content_right{
float: left;
background:url(../img/sidetest_bg.gif) top left no-repeat;
width: 200px;
font-size: 12px;
line-height: 18px;
padding: 120px 20px 30px 20px;
}
#rightcol{
padding: 20px 0 0 0;
float: right;
width: 160px;
}

p.decobox{
width: 324px;
background: url(../img/decobox.gif) no-repeat;
font-size: 12px;
text-align: center;
padding: 17px 20px;
margin-left: 20px;
line-height:18px;
letter-spacing:0;
font-family:times;
}

#btm_box{
width: 728px;
float:left;
margin: 0;
padding: 0 0 0 25px;
background: #F1EFE2 url(../img/btmbox_bg.gif) top left no-repeat;
border-top: solid 1px #D5D3C6;
list-style: none;
clear:both;
color: #424239;
line-height: 14px;
}
#btm_box .section{
width: 212px;
height: 205px;
background:url(../img/btmbox_border.gif) bottom right no-repeat;
float:left;
font-size: 11px;
margin: 0;
padding: 10px 15px;
}
#btm_box h2{
font-size: 12px;
text-transform: uppercase;
margin: 10px 0;
color: #757E2F;
}
#btm_box em{
margin-top: 5px;
background:#FAF9EE;
padding: 5px;
font-style: normal;
display:block;
}
#btm_box span{
font-weight: bold;
color: #951919;
}
#btm_box a{
color: #656947;
text-decoration: underline;
}
.section ul{
float: left;
width: 90px;
margin: 10px 0 0 10px;
padding: 0;
list-style-type:disc;
}

/*Donate*/
.ways2donate{
float: left; 
width: 390px; 
border: solid 1px #CCCCCC;
clear: both;
font-size: 12px;
margin-right: 10px;
line-height:normal;
}
.ways2donate h2{
background: #8C6A00;
margin: 0;
padding: 5px 10px;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
}
.ways2donate ul{
float: left;
width: 100px;
margin: 9px 0 0 25px;
_margin: 9px 0 0 10px;
padding: 0;
}
.ways2donate ul li{
padding-bottom: 10px;
}

.dontateonlinebox{
float: right; 
width: 266px;
}
.soulstory{
float: left; 
background: url(../img/soulstory_bg.gif) repeat;
border: solid 1px #E9E2CE; 
clear: both; 
_clear: none; 
margin: 0 30px 20px 30px;
padding: 20px;
color: #4F4F46;
font-size: 11px;
font-style: italic;
line-height: 18px;
}
.soulstory h2{
background: url(../img/soulstory_title.gif) top center no-repeat;
text-align: center;
margin: 0px;
height: 0;
overflow:hidden;
padding-top: 40px;
}
.soulstory h3{
background: url(../img/soulfamstory_title.gif) top center no-repeat;
text-align: center;
margin: 0px;
height: 0;
overflow:hidden;
padding-top: 40px;
}
.soulstory h4{
background: url(../img/soulvolstory_title.gif) top center no-repeat;
text-align: center;
margin: 0px;
height: 0;
overflow:hidden;
padding-top: 40px;
}
/*About Us */
.beigebox{
background: #F1EFE2;
padding: 10px 10px 5px 10px;
font-size: 11px;
line-height: 14px;
}
.whitebox{
background: #FFFFF;
padding: 10px 10px 5px 10px;
font-size: 11px;
line-height: 14px;
margin: 10px 0;
}
#aboutus .soulstory{
float: right;
width: 440px;
margin: 0 0 20px 0;
_margin: 10px 0 20px 180px;
}
#aboutus h2{
margin: 0;
}
#aboutus #content_mid{
color: #4E402A;
font-style: italic;
}

/*Contact Us */
#contactus .howtodonate{
background: url(../img/soulstory_bg.gif) repeat;
float: right;
width: 350px;
padding: 10px;
border: solid 1px #CCCCCC;
margin-top: 20px;
}
/* Get Involved */
#getinvolved .topnav{
float: left;
padding: 10px;
font-size: 12px;
text-align:center;
margin-bottom: 10px;
}
#getinvolved h1{
margin: 0 0 20px 0;
}
#getinvolved h4{
margin: 0;
}
#getinvolved .soulstory{
width: 310px;
}
#getinvolved .landingboxbig1{
float: left; 
width: 326px; 
font-size: 11px;
line-height: 16px;
padding: 0 20px 20px 0;
border-right: dotted 1px #B3B1A8;
}
#getinvolved .landingboxbig1 ul{
padding: 0;
margin: 12px 0 0 15px;
}
#getinvolved .landingboxbig1 ul li{
padding: 0 0 20px 0;
}
#getinvolved .landingboxbig2{
float: left; 
width: 310px; 
font-size: 11px;
line-height: 16px;
padding-left: 15px;
}
#getinvolved #btm_box .section{
height: 190px;
line-height: 16px;
}

/* Events Fundraisers */
#eventsfundraisers #contentwsidenav{
width: 350px;
padding: 0;
}
#eventsfundraisers #rightcol{
width: 290px;
}
#eventsfundraisers .soulstory{
_width: 500px;
_margin-top: 10px;
}
#eventsfundraisers #contentwsidenav{
line-height: 16px;
font-size: 12px;
}
#eventsfundraisers .event{
float: left; 
width: 208px;
height: 150px;
font-size: 12px;
line-height:18px;
border-right: dotted 1px #B3B1A8;
padding: 0 10px;
}
.photogallerythumb{
padding: 3px;
border: solid 1px #F1EFE2;
margin-right: 10px;
}
.orangebutton{
padding: 3px 5px;
background:#F1EFE2;
color: #36442F !important;
text-decoration: none;
display:block;
}
.orangebutton:hover{
text-decoration: underline;
}
/* How We Care */
#howwecare .soulstory{
_width: 400px;
margin: 0 20px 0 0;
}
/* Donate */
#donate .soulstory{
_width: 500px;
_margin-top: 10px;
}
/*Donate Online */
.donateon_column {
float: left; 
width: 122px; 
padding: 0 20px 10px 20px;
text-align:center;
}
/* Contact */
#contactus .soulstory{
_width: 500px;
_margin-top: 10px;
}

#footer{
float:left;
width: 754px;
clear:both;
background:url(../img/footer_bg.gif) top left no-repeat;
font-size: 11px;
color: #F1EFE2;
text-align: center;
padding: 10px 0;
}
#footer a, #footer a:visited{
color: #F1EFE2;
text-decoration: none;
}
#footer a:hover{
color: #F1EFE2;
text-decoration: underline;
}
#home #footer{
background: url(../img/footer_bghome.gif) top left no-repeat;
}