@charset "utf-8";
/* CSS Document */

body {
margin: 10px 0 0 0px;
padding: 0;
font-family: Helvetica, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
background-color: #9b1120;
}

#content_wrapper {
border: 10px solid #FFFFFF;
background-color: #FFFFFF;
background-image: url(images/page_bg2.jpg);
background-position: top left;
background-repeat: no-repeat;
margin: 0 auto;
position: relative;
width: 880px;
}

#content_spacer {
padding-left: 200px;
}

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

a {
color: #9c1120;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#logo {
position: absolute;
top: 0px;
right: 0px;
background-image: url(images/logo.gif);
width: 173px;
height: 202px;
}

#nav {
padding-left: 10px;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li {
float: left;
}

#nav ul li a {
display: block;
margin-right: 3px;
height: 29px;
width: 89px;
}

#nav ul li a.nav_home {
background-image: url(images/btn_home.gif);
}

#nav ul li a.nav_about {
background-image: url(images/btn_about.gif);
}

#nav ul li a.nav_directors {
background-image: url(images/btn_directors.gif);
}

#nav ul li a.nav_programs {
background-image: url(images/btn_programs.gif);
}

#nav ul li a.nav_partnerships {
background-image: url(images/btn_partnerships.gif);
}

#top_slogan {
margin-top: 30px;
background-image: url(images/slogan.gif);
width: 413px;
height: 74px;
}

#front_text {
margin-top: 30px;
padding: 5px;
border-top: 2px solid #F2F2F2;
border-left: 2px solid #F2F2F2;
height: 160px;
width: 460px;
overflow: scroll;
background-color: #f2f2f2;
}

#bot_buttons  {
padding-top: 20px;
padding-bottom: 20px;
}

#bot_buttons ul {
margin: 0;
padding: 0;
list-style: none;
}

#bot_buttons li {
float: left;
}

#bot_buttons li a {

}

#bot_buttons li a.btn_donation {
background-image: url(images/btn_donation.gif);
display: block;
width: 210px;
height: 68px;
}

#bot_buttons li a.btn_volunteer {
background-image: url(images/btn_volunteer.gif);
display: block;
width: 263px;
height: 52px;
}

#bot_buttons li a.btn_watch {
background-image: url(images/btn_watch.gif);
display: block;
width: 199px;
height: 52px;
}

#bottom_slogan {
background-image: url(images/slogan_bottom.gif);
width: 666px;
height: 44px;
margin-top: 20px;
margin-bottom: 20px;
}

#front_contact p.left {
float: left;
font-weight: bold;
padding-right: 10px;
}

#front_contact p.right {
font-weight: bold;
}

#page_content {
padding: 8px;
width: 666px;
height: 370px;
overflow: scroll;
}

#page_heading {
height: 52px;
display: block;
padding-top: 20px;
padding-left: 8px;
}

hr {
height: 1px;
border: none;
color: #333333;
background-color: #333333;
margin: 5px 0 5px 0;
}