html, body, img { margin: 0;padding: 0; }

body {
text-align: center;
font-size: 12px;
font-family: Trade Gothic, Arial, sans-serif;
color: #000000;
background: #FFD674;
}

h1 { font-size: 170%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }


h1, h2, h3, h4, h5 { color: #0D529C;
}




ul li, ol li { font-size: 100%; }
ul li ul li a { font-size: 100%; }


a { text-decoration: none; }

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover {color: #A63513; }
a:active { color: #A63513; }

.clear { clear: both; }

.wrap {
width: 800px;
margin: 0 auto 0 auto;
position: relative;
}

#bluewrap {
text-align: center;
background: #0D529C;
}

#main {
background: #FFFFFF;
border-top: 3px solid #A63513;
}

#nav {
float: left;
width: 190px;
background: #0D529C;
padding: 10px 0 0 0;
}

#nav a {
display: block;
color: #FFFFFF;
padding: 6px 0 0 20px;
width: 170px;
height: 22px;
text-align: left;
font-weight: bold;
background: url(images/nav.jpg) left top no-repeat;
}

#nav a:hover {
color: #FFD674;
}


#nav #sub {
margin-left: 10px;
display: none;
}

#subnav {
border-top: 1px solid #0D529C;
border-bottom: 1px solid #0D529C;
margin: 0 0 10px 0;
}

#subnav a {
display: block;
color: #0D529C;
font-size: 11px;
text-decoration: none;
padding: 2px 5px 2px 5px;
float: left;
}

#subnav a:hover {
background: #0D529C;
color: #FFFFFF;
}


#content {
float: right;
width: 600px;
text-align: left;
padding: 0 0 20px 0;
}

#homeflash {
position: absolute;
top: 85px;
right: -20px;
width: 650px;
height: 230px;
}

#give {
float: left;
display: block;
width: 188px;
height: 91px;
background: url(images/give.jpg) left top no-repeat;
}

#give:hover {
background: url(images/give_over.jpg) left top no-repeat;
}

#advocate {
float: left;
display: block;
width: 188px;
height: 91px;
background: url(images/advocate.jpg) left top no-repeat;
}

#advocate:hover {
background: url(images/advocate_over.jpg) left top no-repeat;
}

#volunteer {
float: left;
display: block;
width: 188px;
height: 91px;
background: url(images/volunteer.jpg) left top no-repeat;
}

#volunteer:hover {
background: url(images/volunteer_over.jpg) left top no-repeat;
}

.clearline {
clear: both;
border-top: 3px solid #A63513;
height: 1px;
background: #FFD674;
}

#yellowwrap {
text-align: center;
}

#care {
float: left;
width: 190px;
text-align: center;
padding: 10px 0 0 0;
}

#care a {
display: block;
width: 190px;
height: 40px;
padding: 22px 0 0 0;
color: #000000;
font-size: 14px;
background: url(images/care.jpg) left top no-repeat;
}

#care a.care1 {
padding-top: 14px;
height: 48px;
}

#care a:hover {
font-weight: bold;
}

.care {
float: left;
width: 190px;
text-align: center;
padding: 10px 0 0 0;
}

.care a {
display: block;
width: 190px;
height: 40px;
padding: 22px 0 0 0;
color: #000000;
font-size: 14px;
background: url(images/care.jpg) left top no-repeat;
}

.care a.care1 {
padding-top: 14px;
height: 48px;
}

.care a:hover {
font-weight: bold;
}

#care2 {
float: left;
width: 190px;
text-align: center;
padding: 10px 0 0 0;
}

#nav #care_sub {
width: 190px;
text-align: center;
padding: 10px 0 0 0;
}

#nav #care_sub a {
display: block;
width: 190px;
height: 40px;
padding: 22px 0 0 0;
color: #000000;
font-size: 14px;
background: url(/images/care_sub.jpg) left top no-repeat;
text-align: center;
font-weight: normal;
}

#nav #care_sub a.care1 {
padding-top: 14px;
height: 48px;
}

#nav #care_sub a:hover {
font-weight: bold;
}


#slogan1 {
font-size: 22px;
font-weight: bold;
text-align: justify;
}

#slogan2 {
font-size: 14px;
text-align: justify;
}

#slogan3 {
font-size: 12px;
text-align: justify;
}

#mission {
font-size: 12px;
color: #4B485F;
}

#footer {
margin: 0 0 0 190px;
padding: 10px 0 0 0;
text-align: center;
font-weight: bold;
}

#footer_sub {
padding: 10px 0 0 0;
text-align: center;
font-size: 10px;
font-weight: bold;
}


#flash {
width: 800px;
height: 200px;
}

/* END CSS */