/*  Caring for Children stylesheet (media = screen, projection)
	Last updated on 06-26-06 by Matt H.
	Sections:
	  Universal
	  Header
	  Main Navigation
	  Container
	  Content
	  Section Navigation
	  Footer
	  Tables
	  Section Specific
	  Browser Specific

	Colors used:
	  black (#000000) [text]
	  blue (#117dbc) [links]
	  dark brown (#664433) [h3]
	  light brown (#a99165) [homepage #help a]
	  golden brown (#998155) [homepage #help h2]
	  dark red (#8c0102) [links:hover]
	  red (#a20003) [homepage #content h2 em]
	  dark gray (#666666) [h2]
	  gray (#999999) [navigation background]
	  light gray (#cccccc) [borders]
	  lighter gray (#eeeeee) [table even rows]
	  white (#ffffff) [background]
*/

/* Universal
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
body, ul, ol, li, p, h1, h2, h3, table, tr, th, td { padding: 0; margin: 0; font-weight: normal; text-align: left; }
body { padding-bottom: 100px; font: 76% Arial, Helvetica, sans-serif; background: #ffffff url(../images/bear_corner.png) no-repeat fixed right bottom; }
a { color: #117dbc; text-decoration: none; font-weight:bold; }
a:hover, a:focus { color: #8c0102; text-decoration: underline; }
a img { border: none; }
li { list-style: none; }
.hide { display: none; }
/* Header
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
#header { width: 60.1em; height: 154px; margin: 0 auto; }
#header a#skip { display: block; position: absolute; top: 0; right: 0; width: 8em; font-size: .5em; text-align: center; text-decoration: none; font-weight: bold; color: #ffffff; background-color: transparent; z-index: 5; }
#header a#skip:after { content:"\00a0\25bc"; }
#header a#skip:hover, #header a#skip:focus { background-color: #117dbc; height: 2em; width: 12em; font-size: 1em; line-height: 1.8em; }
#header img { margin-top: 6px; }
#homepage #header #donate { background: right; padding-left: 254px; }
/* Main Navigation
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
#navcontainer { width: 60em; max-width: 98%; margin: 0 auto; padding-bottom: .4em; border: 1px solid #999999; background-color: #ffffff; }
#navcontainer #navigation { margin: 0; float: left; background-color: #ffffff; width: 100%; }
#navcontainer #navigation li { display: inline; }
#navcontainer #navigation li a { border-top: .4em solid #ffffff; border-left: .4em solid #ffffff; float: left; display: block; padding-top: .27em; padding-bottom: .3em; line-height: 1.5em; color: #ffffff; background-color: #999999; text-decoration: none; font-weight: bold; text-align: center; }
#navcontainer #navigation li a:hover, #navcontainer #navigation li a:focus { background-color: #8c0102; }
#navcontainer #navigation li a#about { width: 12em; }
#navcontainer #navigation li a#children { width: 12em; }
#navcontainer #navigation li a#apply { width: 10em; }
#navcontainer #navigation li a#contribute { width: 10.9em; background-position: 97% center; background-repeat: no-repeat; }
#navcontainer #navigation li a#partners { width: 12.85em; }
/* Container for Content and Section Navigation
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
#container { width: 60.1em; max-width: 98%; margin: 0 auto; background-color: transparent; }
/* Content area
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
#content { clear: both; float: left; width: 42.5em; padding: .75em 0 1.25em 0; background-color: #ffffff; }
#homecontent { clear: both; float: left; width: 42.5em; padding: .3em 0 .15em 0; background-color: #ffffff; }
#content h1 { font-size: 1.8em; font-variant: small-caps; color: #8c0102; margin: 0 0 .5em 0; }
#content h2 { font-size: 1.5em; font-variant: small-caps; color: #666666; margin: .5em 0; font-weight: bold; }
#content h3 { font-size: 1.3em; font-weight: bold; color: #664433; margin: .66em 0; }
#content p, #content ul, #content ol { margin: 1em 0; }
#content ul, #content ol { margin-top: -.75em; }
#content ul ul, #content ol ol { margin-top: 0em; font-size: .85em; margin-bottom: -0.15em; }
#content td ul, #content td ol { margin-top: auto; }
#content p.footnote { margin-top: -.5em; margin-left: 1em; }
#content p, #content li { font-size: 1.2em; line-height: 133%; }
#content ul li, #content ol li { margin-left: 2.5em; }
#content ul li { list-style-type: disc; }
#content ol li { list-style-type: decimal; }
#content span.idnumber { font-family: consolas, 'Courier New', Courier, mono; }
#content a.pdf { padding-right: 18px; background: url(../images/pdf.png) no-repeat right center; }
#sectionnav a.pdf { background: url(../images/pdf.png) no-repeat 7.1em center; }
#content .center { background: center; text-align: center; }
/* Section Navigation
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
#sectionnav { float: right; width: 15.5em; border-left: 1px dotted #999999; background-color: #ffffff; margin: 4px 0; }
#sectionnav ul { margin: 1em .5em 1em .6em; }
#sectionnav ul li { padding: 0 0 1em 1.85em; background: url(../images/heart.png) no-repeat .1em .2em; }
#sectionnav ul a { display: block; width: 100%; font-size: 1.1em; font-weight: bold; }
/* Footer
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
#footer { clear: both; width: 60.1em; max-width: 98%; margin: 0 auto; background-color: #ffffff; }
#footer p { padding: .2em; border: 1px solid #999999; overflow: auto; }
#footer span { display: block; float: right; width: 29em; text-align: right; padding: .3em 1em; color: #ffffff; background-color: #999999; }
#footer ul { clear: both; padding: .3em 0; text-align: right; }
#footer li { display: inline; border-left: 1px solid #000000; padding: 0 .67em; }
#footer li.firstchild { border: none; }
#footer li a { font-weight: bold; }
/* Tables
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
table { margin: 1em 0; border-collapse: collapse; color: #000000; background-color: #ffffff; border: 1px solid #999999; }
tr.odd { background-color: #ffffff; }
tr.even { background-color: #eeeeee; }
th, td { padding: .33em .5em; font-size: 1.1em; line-height: 133%; border-right: 1px solid #cccccc; }
th { color: #ffffff; background-color: #999999; font-weight: bold; padding-bottom: .4em; /*	width: 50%;*/
	border-top: 1px solid #cccccc; }
td { vertical-align: top; }
caption { font-size: 1.2em; text-align: left; padding-bottom: .1em; }
#content td p, #content td li { font-size: 1em; }
#content tfoot td { font-size: 1em; text-align: center; background-color: #cccccc; }
/* Section Specific
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
#homepage #content { width: 44.25em; height: 320px; min-height: 320px; }
#homepage #content h1, #homepage #content h2 { line-height: 100%; color: #000000; font-variant: normal; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: normal; }
#homepage #content h1 { font-size: 2.2em; }
#homepage #content h2 { font-size: 2em; margin-top: 1.4em; margin-bottom: 1.4em; }
#homepage #content h1 em, #homepage #content h1 strong, #homepage #content h2 em { text-transform: uppercase; font-style: normal; font-weight: normal; }
#homepage #content h1 span { display: block; padding-top: .2em; }
#homepage #content h1 span#second, #homepage #content h1 span#fourth { text-transform: uppercase; }
#homepage #content h1 span#second, #homepage #content h2 { margin-left: 1.5em; }
#homepage #content h1 span#fourth { margin-left: 3em; }
#homepage #content h2 em { color: #a20003; }
#homepage #content p { width: 16em; margin-left: .5em; margin-bottom: 0; }
#homepage #sectionnav { border: none; }
#homepage #sectionnav h2 { font-size: 1.2em; font-weight: bold; color: #8c0102; text-align: center; margin: .4em 0; }
#homepage #sectionnav p { margin: .67em 1em; font-weight: bold; }
#homepage #sectionnav #help { padding: 0px 0 .15em 2px; }
#homepage #sectionnav #help h2 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #000000; text-align: center; }
#homepage #sectionnav #help p { color: #000000; background-color: transparent; font-weight: bold; margin: .5em; }
#homepage .admin { color: #666666; font-size: 0.8em; }
#homepage #tagline { color: #666666; width: 60.1em; margin: 20px auto 0; text-align: center; font-size: 0.6em; }
#aboutpage #agencies { width: 100%; }
#aboutpage #content td { /*width: 50%;*/
}
#applypage #income_guidelines { width: 80%; }
#applypage #content th { width: 20%; }
#aboutpage #navcontainer #navigation li a#about, #applypage #navcontainer #navigation li a#apply, #partnerspage #navcontainer #navigation li a#partners, #childrenpage #navcontainer #navigation li a#children { background-color: #8c0102; }
#applypage #sectionnav, #partnerspage #sectionnav, #contactpage #sectionnav, #resourcespage #sectionnav, #privacypage #sectionnav, #childrenpage #sectionnav { display: none; }
#applypage #content, #partnerspage #content, #contactpage #content, #resourcespage #content, #privacypage #content, #childrenpage #content { width: 100%; padding: .75em 0 1.25em 0; }
#aboutpage #header, #applypage #header, #partnerspage #header, #contactpage #header, #resourcespage #header, #privacypage #header, #childrenpage #header { background: #ffffff url(../images/partners.jpg) no-repeat right bottom; }
#applypage #header { background-image: url(../images/apply.jpg); }
#partnerspage #header { background-image: url(../images/about.jpg); }
#contactpage #header { background-image: url(../images/contact.jpg); }
#resourcespage #header { background-image: url(../images/resources.jpg); }
#privacypage #header { background-image: url(../images/privacy.jpg); }
#childrenpage #header { background-image: url(../images/children.jpg); }
#partnerspage #content p { clear: left; }
#partnerspage #content p img.logo { float: left; margin: .2em 1.5em 0 0; }
#partnerspage #content p img#sfs { margin-bottom: 0; }
#content a.external { padding-right: 15px; background: url(../images/external.gif) no-repeat right center; }
#content a.pdf { padding-right: 32px; background: url(../images/pdf.gif) no-repeat right center; }
.clear { display:inline; clear: both; height: 0; visibility: hidden; content: "."; }
#content .subheading { padding: 0 0 0 3px; ; margin: -10px 0 0 0; font-size: 1em; }
#content .left { float: left; width: 48%; }
#content .right { float: right; width: 48%; }
#content .donatelist { padding-left: 20px; }
/* Browser Specific
((((((((((((((((((((((((((((((o)))))))))))))))))))))))))))))) */
/* IE 6 and under * * * * * * * * * * * * * * * * * * * * * * */
/* (fix peekaboo bug) */
* html #footer p { height: 1%; }
/* (fix IE's 3-pixel gap on floats) */
* html #navcontainer #navigation { margin-right: -3px; }
/* Hidden from IE 6 and under * * * * * * * * * * * * * * * * */
/* (self-clearing floats) */
#container:after, #navcontainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Firefox/Mozilla custom scroll icon (middle-click) */
html>img { width: 0 !important; height: 28px !important; padding-left: 28px !important; background-image: url(../images/autoscroll.png); }