/* CSS Document */

/* Global Styles 
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: .8em; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
img {display: block; } /* display block removes the background underline for images that linked */
.clr { clear: both; margin: 0; padding: 0; }

html { height: 100%; margin-bottom: 1px; }
body { color: #333; background: #d0f1fb url(images/background.jpg) repeat-x 0 0; font-family: verdana, geneva, sans-serif; font-size: .8em; }
a:link, a:visited { color: #0753d0; background-color: inherit; text-decoration: none; background: url(images/nav_underline.gif) repeat-x 100% 100%; padding-bottom: 1px; white-space: nowrap; }
a:hover, a:active { color: #666; background-color: inherit; background: none; text-decoration: none; }


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

/* Header Area
-------------------------------------------------- */
#header { padding-top: 4px; }
#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
#header img.logo { width: 349px; height: 87px; padding-left: 10px; }
#header ul { }
#header li {float: left; margin: 0 13px; }
#header li.last {float: left; margin: 0 0 0 13px; }
#header img {display: block; width: 164px; height: 118px; }

/* Top Navigation
-------------------------------------------------- */
#mainnav { display: block; text-align:center; padding: 18px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#mainnav li { display: inline; background: url(images/bullet_heart.gif) no-repeat 0 50%; padding: 0 6px 0 21px; margin: 0; }
#mainnav li.first { background: none; padding: 0 6px 0 0; }
#mainnav a:hover, .home #mainnav a.nhome, .program #mainnav a.nprogram, .success #mainnav a.nsuccess, .need #mainnav a.nneed, .help #mainnav a.nhelp, .links #mainnav a.nlinks, .contact #mainnav a.ncontact { color: #666; background-color: inherit; background: none; text-decoration: none; }

/* Content Area
-------------------------------------------------- */
#contentWrap { float:left; width: 509px; background: url(images/content_bkg.gif) no-repeat bottom right; }
.content { margin: 1px 3px 3px 0; border-left: 1px solid #aeaeae; padding: 1em 1em 1.5em 1em; color: inherit; background-color: #fff; }
.content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
.content h1 { font-size: 130%; padding-bottom: .5em; color: #0ca1d1; background-color: inherit; }
.content h2 { color: #008080; background-color: inherit; font-size:1em; font-weight: bold; }
.content p { padding: .5em; line-height: 1.4em; }

/* Contact Page
----------------------------------------------- */
.contactus:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */
.contactus div { float: left; }
.contactus dl { margin-left: 260px; padding-top: .5em; }
.contactus dd { line-height: 1.4em; }

form {margin: 0; padding: 0; }
fieldset {padding: 0 0 10px 10px; margin: 0; border: 1px solid #3fc6f1; }
legend {font-weight: bold; padding-bottom: 8px; color: #008080; background-color: inherit; }
label {float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
label.last {font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select {clear: right; margin: 5px 0; border: 1px solid #c0c0c0; font-family:inherit; font-size: 1em; padding:1px 3px; }
input.submit {margin: 0; padding: 3px; color: inherit; background-color: #3fc6f1; cursor:pointer; }
.errorMessage {color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }


#infoWrap { float:right; width: 244px; background: url(images/content_bkg.gif) no-repeat bottom right; }
.info { margin: 1px 3px 3px 0; border-left: 1px solid #aeaeae; padding: 1em; color: inherit; background-color: #fff; font-size: .85em; }
.info p { padding: .5em; line-height: 1.3em; }
.info p.more { text-align:right; margin: 0; padding-bottom: 0; }

/* Footer
-------------------------------------------------- */
#footer { display: block; text-align:center; padding: 18px 0; font-family:Arial, Helvetica, sans-serif; }
#footer li { display: inline; background: url(images/bullet_gray.gif) no-repeat 0 50%; padding: 0 6px 0 15px; margin: 0; }
#footer li.first { background: none; padding: 0 8px 0 0; }
.copyright { margin-top: 2em; padding-bottom: 1em; font-size: .85em; }
#footer a:hover, .home #footer a.nhome, .program #footer a.nprogram, .success #footer a.nsuccess, .need #footer a.nneed, .help #footer a.nhelp, .links #footer a.nlinks, .contact #footer a.ncontact { color: #666; background-color: inherit; background: none; text-decoration: none; }


/* Image styles
-------------------------------------------------- */
img.frame { float:left; background: url(images/pic_frame_vert.gif) no-repeat bottom right; padding: 3px 6px 6px 3px; margin: 10px 10px 5px 0; }
img.donate { width: 189px; height: 138px; }
img.arrow { width: 4px; height: 6px; margin: 5px 0 0 5px; }
img.divider { width: 208px; height: 16px; padding: 12px 0 2px 0; }
img.icon { display:inline; width: 14px; height: 14px; vertical-align: middle; }
img.block { display:inline; float: right; padding-left: 15px; margin-top: 5px; }
img.contact { display:inline; width: 200px; height: 134px; margin-top: 1em; }

/* Miscellaneous Spans
-------------------------------------------------- */
.blue { color: #0753d0; background-color: inherit; }
.green { color: #008080; background-color: inherit; font-weight: bold; }