hr { margin: 0px; margin-top: 5px; margin-bottom: 5px; }
.inline { display: inline; float: left; }

/* Temporary Memo */
#memo { position: absolute; top: 0px; left: 500px; display: none; }

#messagesContainer .error {
    background: #f77; font-weight: bold; color: #fff; padding: 10px 0 10px 0px;
}

div.formHidden.wrapper { display: none; }

/*
body { background: url(../../images/layout-header-bg.jpg) repeat-x #000; }
body { background: url(../../images/layout-footer-bg.jpg) repeat-x left bottom #fff; }
*/
#layoutWrapper { background-color: #000; }

#layoutContainer { border: 0px solid #888; }
    #layoutHeaderContainer { white-space: nowrap; height: 125px; width: 100%; background: url(../../images/layout-header-bg.jpg) left bottom repeat-x #fff; padding-bottom: 10px; }
        #layoutHeaderContainer .left { margin-left: 30px; margin-top: 30px;width: 391px; height: 77px; float: left; }
        #layoutHeaderContainer .right { margin-top: 20px; margin-right: 10px; height: 98px; float: right; }
        #layoutContentContainer { color: #fff; background: #000; margin-top: 20px; padding-bottom: 10px; }

#navContainer { width: 960px; height: 36px; }
    #navContentContainer { width: 960px; height: 36px; background-image: url(../../images/nav-links.jpg); background-repeat: no-repeat;  }
        #navContentContainer li, #navContentContainer a { list-style:none;  height:36px; display:block; margin: 0px; float: left; }
			#navContentContainer li a span { display:none; }
            #navContentContainer a:hover, 
			#navContentContainer .active a { background-image: url(../../images/nav-links.jpg); background-repeat: no-repeat; }
	
			/* inspire */
            #navContentContainer .inspire li,
            #navContentContainer .inspire a { background-position: 0 0; width: 147px; }
			#navContentContainer .inspire a:hover { width: 147px; background-position: 0 -36px; }
			#navContentContainer .inspire.active a { width: 147px; background-position: 0 -72px; }
			
			/* about */
            #navContentContainer .about li,
            #navContentContainer .about a { background-position: -147px 0; width: 110px; }
			#navContentContainer .about a:hover { background-position: -147px -36px; } 
			#navContentContainer .about.active a { background-position: -147px -72px; }
			
			/* organizations */
            #navContentContainer .organizations li,
            #navContentContainer .organizations a { background-position: -257px 0; width: 176px; }
			#navContentContainer .organizations a:hover { background-position: -257px -36px; }
			#navContentContainer .organizations.active a { background-position: -257px -72px; }
			
			/* supporters */
            #navContentContainer .supporters li,
            #navContentContainer .supporters a { background-position: -433px 0; width: 123px; }
			#navContentContainer .supporters a:hover { background-position: -433px -36px; }
			#navContentContainer .supporters.active a { background-position: -433px -72px; }
			
			/* stories */
            #navContentContainer .stories li,
            #navContentContainer .stories a { background-position: -556px 0; width: 153px; }
			#navContentContainer .stories a:hover  { background-position: -556px -36px; }
			#navContentContainer .stories.active a { background-position: -556px -72px; }
			
			/* media */
            #navContentContainer .media li,
            #navContentContainer .media a { background-position: -709px 0; width: 128px; }
			#navContentContainer .media a:hover { background-position: -709px -36px; }
			#navContentContainer .media.active a { background-position: -709px -72px; }
			
			/* contact */
            #navContentContainer .contact li,
            #navContentContainer .contact a { background-position: -837px 0; width: 123px; }
			#navContentContainer .contact a:hover { background-position: -837px -36px; }
			#navContentContainer .contact.active a { background-position: -837px -72px; }

#layoutContentContainer .testimonial { width: 220px; overflow: auto; }
    #layoutContentContainer .testimonial em { font-size: 1.2em; font-family: "Vivaldi", "Edwardian Script", "Mistral", cursive; }


#layoutFooterContainer { background: url(../../images/layout-footer-bg.jpg) repeat-x #000; height: 50px; text-align: center; margin-top: 50px; }
    #layoutFooterContainer .info { padding-top: 8px; font-weight: bold; font-size: 0.9em;  }
        #layoutFooterContainer span.spacer { margin-left: 10px; margin-right: 10px; }



#landingSplash { margin: 0 auto 0 auto; background: #f00; width: 800px; height: 400px; }

#randomQuotes { height: 50px; }
    #randomQuotes li { list-style: none; display: none; }
        #randomQuotes strong { margin-left: 10px; white-space: nowrap; }

#excerptContainer { width: 960px; text-align: center; margin-left: auto; margin-right: auto; }        
    #excerptContainer a { font-weight: bold; font-size: 20px; text-decoration: none; color: #fff; }        
    #excerptContainer a:hover { text-decoration: underline; }        
    #excerptContainer .overview { text-align: left; color: #fff; font-size: 20px; padding: 0 10px 0 10px; margin: 0 0 50px 0; }
    
/* Headers */
h1                                  { margin-top: 15px; }
h1.privacy                  { width: 373px; height: 29px; text-indent: -100em; background: url(../../images/headers/privacy.jpg) no-repeat; }
h1.stories                  { width: 373px; height: 29px; text-indent: -100em; background: url(../../images/headers/success-stories.jpg) no-repeat; }
h1.donationProcess  { width: 373px; height: 29px; text-indent: -100em; background: url(../../images/headers/about-donation.jpg) no-repeat; }
h1.aboutUs                  { width: 373px; height: 29px; text-indent: -100em; background: url(../../images/headers/about-us.jpg) no-repeat; }
h1.inspireChild        { width: 373px; height: 29px; text-indent: -100em; background: url(../../images/headers/inspire-child.jpg) no-repeat; }
h1.mediaRoom              { width: 373px; height: 29px; text-indent: -100em; background: url(../../images/headers/media-room.jpg) no-repeat; }
h1.supporters            { width: 373px; height: 29px; text-indent: -100em; background: url(../../images/headers/supporters.jpg) no-repeat; }
h1.organizations      { width: 373px; height: 29px; text-indent: -100em; background: url(../../images/headers/youth-organizations.jpg) no-repeat; }
h1.contactUs              { width: 373px; height: 29px; text-indent: -100em; background: url(../../images/headers/contact-us.jpg) no-repeat; }


#stepsIndicator {}
    #stepsIndicator li { display: inline; float: left; margin: 0px; margin-right: 15px; }
    
/* Step Containers */
.stepContainer {}
.stepContainer .number  { border: 2px solid #fff; border-bottom: 0px; height: 30px; line-height: 30px; text-align: center; width: 120px; font-weight: bold; }
.stepContainer .content { background: url(../../images/step_container-bg.jpg); border: 2px solid #fff; font-family: arial; font-size: 0.8em; padding: 9px; }
    .stepContainer .heading { background: #777; font-size: 1.5em; margin-bottom: 10px; padding: 5px; padding-top: 10px; }
    .stepContainer .instructions { background: #777; display: inline; float: left; padding: 4px; width: 222px; margin-top: -10px; }
    .stepContainer .details { background: #09c; border: 0px solid #fff; margin-left: 10px; width: 698px; }
        .stepContainer .details .photo { padding: 4px; margin-top: 10px; text-align: center; width: 178px;}
            .stepContainer .details .photo img { height: 192px; width: 168px; }
        .stepContainer .details .info { padding: 4px; margin-top: 10px; overflow: auto; width: 500px; height: 220px; overflow: auto; }
        .stepContainer .details .info div.wrapper { }
            .stepContainer .details .info div.term { font-size: 1.2em; font-weight: bold; }
            .stepContainer .details .info div.definition { margin-bottom: 2px; }
            .stepContainer .details .info .name .term,
            .stepContainer .details .info .age .term { display: inline; }
            .stepContainer .details .info .name .definition,
            .stepContainer .details .info .age .definition { display: inline; clear: right; padding-left: 5px; }        
        .stepContainer .details .placeholder { height: 200px; padding: 20px; font-size: 1.5em; }
    .stepContainer .gallery { height: 100px; margin-top: 10px; overflow: hidden; }
        .stepContainer .gallery .thumbnails { height: 96px; }
            .stepContainer .metadata { display: none; }
            .stepContainer .gallery ul { }
                .stepContainer .gallery li { display: block; float: left; height: 96px; margin-left: 2px; margin-right: 2px; }
                .stepContainer .gallery li img {}
        .stepContainer .gallery .control { margin-top: 30px; }

#stepContainer1 {}
#stepContainer1 .number { background: url(/includes/inspire/images/child/steps1.jpg) no-repeat; width: 200px; height: 38px; border: 0px; }
#stepContainer1 .content { border-color: #09c; padding: 4px 0 4px 0; text-align: center; }
    #stepContainer1  .details { background: #09c; }
    
#stepContainer2 { margin-top: 30px; }
#stepContainer2 .number {  background: url(/includes/inspire/images/child/steps2.jpg) no-repeat; width: 200px; height: 38px; border: 0px; }
#stepContainer2 .content { border-color: #996; padding: 4px 0 4px 0; text-align: center; }
    #stepContainer2 .details { background: #996; height: 330px; }
    #stepContainer2 .supporterLogo { display: none; }
    #supporterLogoContainer { height: 140px; margin-top: 10px; text-align: center; }
    
#stepContainer3 { margin-top: 30px; }
#stepContainer3 .number { background: url(/includes/inspire/images/child/steps3.jpg) no-repeat; width: 200px; height: 38px; border: 0px; }
#stepContainer3 .content2 { height: 500px; padding: 3px 3px 3px 3px; background: url(/includes/inspire/images/step_container-bg.jpg); border: 2px solid #9a6600; }
    #stepContainer3 .instructions2 { padding: 250px 10px 0px 10px; width: 230px; height: 500px; background: url(/includes/inspire/images/child/steps-3-sidebar-bg.jpg) no-repeat; }
        #stepContainer3 .quotes .selector { }
            #stepContainer3 .quotes ul { list-style-type: none; }
            #stepContainer3 .quotes li { margin-left: 0px; margin-bottom: 5px; }
            #stepContainer3 .quotes .author { margin-right: 10px; font-weight: bold; display: block; }
            #stepContainer3 .quotes .quote { font-style: italic; }
            #stepContainer3 .quotes .inserter { color: #d19d3a; font-weight: bold; }
        #stepContainer3 .details2 { width: 700px; height: 500px; background: #d19d3a; text-align: center; }
            #stepContainer3 .details2 textarea { width: 95%; height: 430px; margin: 14px auto 0px auto; font-family: verdana, arial, georgia; font-size: 18px; }
            #inspireFormDonationsOrder-letter-label { display: none; }
            #letterProgressBar { width: 95%; margin: 0px auto 0px auto; }
            
#stepContainer4 { margin-top: 30px; }
#stepContainer4 .number { background: url(/includes/inspire/images/child/steps4.jpg) no-repeat; width: 200px; height: 38px; border: 0px; }
#stepContainer4 .content2 { padding: 3px; border: 2px solid #693; }
    #stepContainer4 .content2 table { margin: 0px; }
    #stepContainer4 .instructions2 { padding: 250px 10px 0px 10px; width: 230px; background: #666 url(/includes/inspire/images/child/steps-4-sidebar-bg.jpg) no-repeat; height: 500px; }
    #stepContainer4 .details2 { background: #9c6 url(/includes/inspire/images/child/steps4-bg.jpg) repeat-x; height: 730px; padding: 10px; width: 680px; vertical-align: top; color: #000; }
    #stepContainer4 .errors { background: #f22; }
    #formSubmitProcess { padding: 3px; font-weight: bold; }
    
#donationOverview {}
#donationOverview .number { background: url(/includes/inspire/images/child/steps-review.jpg) no-repeat; width: 200px; height: 38px; border: 0px; }
    #donationOverview .content2 { padding: 3px 3px 3px 3px; background: url(/includes/inspire/images/step_container-bg.jpg); border: 2px solid #aaa; }
    #donationOverview .container { background: #666 url(/includes/inspire/images/child/donation-bg.jpg) repeat-x; }
        #donationOverview .container h3 { padding: 0 0 0 10px; }
    #donationOverview table { width: 90%; margin: 10px auto 20px auto; }
        #donationOverview table .label { font-size: 14px; font-weight: bold; font-family: verdana, arial, georgia; color: #444; text-align: center; }
        #donationOverview table .value { font-size: 18px; font-weight: bold; font-family: verdana, arial, georgia; color: #fff; text-align: center; }
    #donationOverview dl { width: 90%; margin: 0 auto 0 auto; }
        #donationOverview dt { width: 100px; display: block; float: left; clear: left; font-size: 15px; font-weight: bold; color: #bbb; text-align: right; padding: 0 15px 0 0; }
        #donationOverview dd { width: 700px; display: block; float: left; font-size: 15px; }

    
#proceedContainer { text-align: right; width: 100%; margin-top: 10px; }

.copyContainer {}
	.copyContainer a {color:#99cc00;}
	.copyContainer a:hover {color:#0099cc;}
	.copyContainer strong {color:#fff;}
	.copyContainer .blurbLeft {display:block;float:left;background:#99cc00;width:180px;margin:0px 10px 10px 0px;padding:10px;font-size:1em;line-height:1.6em;font-family:Georgia,Times,"Times New Roman",serif;font-style:italic;}
	.copyContainer .blurbRight {display:block;float:right;background:#0099cc;width:180px;margin:0px 0px 10px 10px;padding:10px;font-size:1em;line-height:1.6em;font-family:Georgia,Times,"Times New Roman",serif;font-style:italic;}
	.copyContainer h1 {}
	.copyContainer h2 {}
	.copyContainer h3 {font-family:Georgia,Times,"Times New Roman",serif;font-size:1.4em;font-weight:normal;color:#0099cc;margin:5px 0px;}
	.copyContainer p {font-family:arial,helvetica,sans-serif;font-size: 1em;line-height:1.6em;}
	.copyContainer hr {border-color:#222;}
	.copyContainer .tocWrapper {background:#1a1a1a;font-size:.9em;padding:10px;width:200px;border:1px solid #222;}
		.copyContainer .tocWrapper ul {margin:0px;}
		.copyContainer .tocWrapper li {margin-left:15px;color:#444;padding:3px;}
	.copyContainer .supporterWrapper {}
		.copyContainer .supporterWrapper .url {}
	
	.copyContainer .contactWrapper {list-style:none;}
		.copyContainer .contactWrapper li {margin-left:0px;padding:5px;margin-bottom:5px;border-bottom:1px solid #1a1a1a;}

.storiesHeader {padding:10px 0px;}
.storiesContainer {background:#444 url('/includes/inspire/images/step_container-bg.jpg');padding:10px;}
	.storiesContainer .synopsis {font-size:12px;line-height:18px;padding:20px;}
	.storiesContainer .mentor {color:#cccccc;margin:5px 0px 0px 0px;padding-left:20px;width:260px; display: inline; float: left;}
		.storiesContainer .mentor .wrapper {background:#000;padding:15px;}
		.storiesContainer .mentor img {width:230px;}
		.storiesContainer .mentor .heading, 
		.storiesContainer .mentor .title {color:#ff9966;font-size:14px;text-align:center;}
		.storiesContainer .mentor .summary {font-size:14px;line-height:24px;padding:15px 0 0 0; font-size: 12px; line-height: 16px; }
	.storiesContainer .correspondence {width: 400px; display: inline; float: left; margin: 0px; font-size: 12px; line-height: 14px;}
    .storiesContainer .child {color:#cccccc;margin:5px 0px 0px 0px;padding-right:20px;width:260px; display: inline; float: left;}
		.storiesContainer .child .wrapper {background:#000;padding:15px;}
		.storiesContainer .child img {width:230px;}
		.storiesContainer .child .heading, 
		.storiesContainer .child .title {color:#ff9966;font-size:14px;text-align:center;}
		.storiesContainer .child .summary {font-size:14px;line-height:24px;padding:15px 0 0 0; font-size: 12px; line-height: 16px; }

#contactIndex {}
    #contactIndex .profiles { margin: 0 0 20px 0; }
    #contactIndex .profile { padding: 10px; }
        #contactIndex .profile.odd { background: #222; }
        #contactIndex .profile .photo { display: inline; float: left; width: 160px; height: 225px; }
        #contactIndex .profile .bio { display: inline; float: left; width: 730px; padding: 0 20px 20px 20px; }
            #contactIndex .profile .bio .name { color: #0099cc; font-size: 18px; font-family: Georgia,Times,"Times New Roman",serif; margin: 0px; }
            #contactIndex .profile .bio .title { font-weight: bold; }
            #contactIndex .profile .bio .email { margin: 0 0 20px 0; }
            
#donationProcess { width: 730px; height: 520px; background: url(/includes/inspire/images/donation-process-bg.jpg); padding: 220px 0 0 230px; }
    #donationProcess .match { width: 500px; height: 300px; }
        #donationProcess .match ul { margin: 0px; }
            #donationProcess .match li { margin: 0px; display: none; list-style: none; }