body {
    margin: 0px;
    padding: 0px;
    font-family: georgia,verdana,arial,helvetica,sans-serif;
}

img {
    border: 0px;
}

hr { height: 1px; width: 100%; color: #888; background-color: #888; border: 0px; }
h1 { font-size: 22px; font-weight: none; }

.inline { 
    display: inline;
    float: left;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

pre {
    background: #fdd;
    color: #f00;
}

a { margin-top: 0px; font-size: 10pt; margin-left: 0px; color: #fff; font-family: georgia,verdana,arial,helvetica,sans-serif; text-decoration: none; }
a.footerlinks:link { margin-top: 0px; font-size: 12pt; margin-left: 0px; color: #aaa; font-family: georgia,verdana,arial,helvetica,sans-serif; text-decoration: none; }
a:hover { text-decoration: underline; }
p { font-size: 9pt; font-family: georgia,verdana,arial,helvetica,sans-serif; margin-top: 0px; }
#layoutContainer { width: 960px; margin-left: auto; margin-right: auto; }
#layoutHeader { width: 960px; height: 93px; margin-left: auto; margin-right: auto; background: #adf; padding: 0 10px 0 10px; background: url(../images/layout-shadow-sides.gif) repeat-y; }
#layoutBody { width: 960px; margin-left: auto; margin-right: auto; padding: 0 10px 0 10px; background: url(../images/layout-shadow-sides.gif) repeat-y; }
    #layoutContent { width: 940px; border-top: 1px solid #fff; background: url(../images/dh_design_bg.jpg) no-repeat; color: #fff; }
        #navContainer { padding: 8px 0 14px 14px; color: #fff; }
            #navContainer a.active { font-weight: bold; }
#layoutFooter { width: 960px; padding: 0px; font-size: 9px; color: #aaaaaa; margin: 0 0 50px 0; }
    #layoutFooter .footer { width: 940px; height: 150px; background: url(../images/layout-shadow-sides.gif) repeat-y; padding: 0 10px 0 10px; }
    #layoutFooter .footerBottom  { width: 960px; background: url(../images/dh_bottomgreybar.gif) -2px 0 no-repeat; height: 19px; }
    #layoutFooter .subfooter { width: 940px; margin-top: 0px; margin-left: auto; margin-right: auto; padding: 0 0 0 0; }
    #layoutFooter p  { font-size: 9px; color: #aaa; }
    #layoutFooter p a { font-size: 9px; color: #aaa; text-decoration: underline; }
    #layoutFooter  .links { font-size: 20px; float: left; padding: 10px 0 20px 10px; }
        #layoutFooter .links a { font-size: 16px; color: #aaa; text-decoration: none; }
        #layoutFooter .links a:hover { text-decoration: underline; }
    #layoutFooter .pageCode { float: right; margin: 10px 4px 0 0; }
/*	
#indexIndex {}
    #indexIndex .image { width: 302px; height: 315px; padding: 15px 0 0 10px; }
    #indexIndex .content { width: 600px; padding: 0 8px 0 20px; background: url(../images/whitedotblue_bg.gif) repeat-y; color: #fff; font-size: 10pt; }
        #indexIndex .heading { font-size: 22px; margin: -5px 0 15px 0; }
        #indexIndex p { margin: 0 0 10px 0; } 
        #indexIndex .content p { line-height: 13pt; }
            #indexIndex .content .row1 { margin: 0 100px 0 0; }
            #indexIndex .content .row2 { margin: -10px 30px 0 0; }
                #indexIndex .content .row2 .col1 {  margin: 12px 0 0 0; }
                    #indexIndex .row2 .col1 p { font-size: 16px; }
                #indexIndex .row2 .col2 { width: 210px; float: right; }
        #indexIndex .trackingCode { display: none; }
*/
#indexIndex {}
    #indexIndex .image { width: 302px; height: 315px; padding: 49px 0 0 10px; }
    #indexIndex .content { width: 600px; margin: 0 0 0 0; padding: 0 8px 0 20px; background: url(../images/whitedotblue_bg.gif) repeat-y; color: #fff; font-size: 10pt; }
        #indexIndex .heading { font-size: 22px; margin: -5px 0 15px 0; }
        #indexIndex p { margin: 0 0 10px 0; } 
        #indexIndex .content p { line-height: 13pt; }
            #indexIndex .content .row1 { margin: 0 100px 0 0; }
            #indexIndex .content .row2 { margin: -10px 30px 0 0; }
                #indexIndex .content .row2 .col1 {  margin: 12px 0 0 30px; }
                    #indexIndex .row2 .col1 p { font-size: 16px; }
                #indexIndex .row2 .col2 { height: 112px; width: 275px; float: right; background: url(../images/whitedotblue_bg.gif) repeat-y; }
                
        #indexIndex .facebook .fbCol1 { width: 61px; height: 41px; margin: 20px 0 0 40px; }
        #indexIndex .facebook .fbCol2 { width: 150px; margin: 25px 0 0 20px; }
            #indexIndex .facebook .fbCol2 .fbRow1 { font-size: 15px; line-height: 15px; }
            #indexIndex .facebook .fbCol2 .fbRow2 { margin: 10px 0 0 0; }
        #indexIndex .trackingCode { display: none; }

#aboutUs {}
    #aboutUs .content { width: 550px; padding: 0 60px 30px 16px; color: #fff; font-size: 10pt; }
        #aboutUs .heading { font-size: 22px; margin: -5px 0 15px 0; }
    #aboutUs .image { width: 314px; height: 290px; padding: 0 0 0 0px; background: url(../images/whitedotblue_bg.gif) repeat-y; text-align: center; }
        #aboutUs img { margin: 40px 0 0 0; }
        #aboutUs a { text-decoration: underline; }

#aboutGiving {}
    #aboutGiving .content { width: 550px; padding: 0 60px 0 16px; color: #fff; font-size: 10pt; }
        #aboutGiving .heading { font-size: 22px; margin: -5px 0 15px 0; }
    #aboutGiving .image { width: 314px; height: 290px; padding: 0 0 0 0px; background: url(../images/whitedotblue_bg.gif) repeat-y; text-align: center; }
        #aboutGiving img { margin: 40px 0 0 0; }
    #aboutGiving a { text-decoration: underline; }

#sharingStories {}
    #sharingStories .heading { font-size: 20px; margin: -5px 15px 20px 14px; }
    #sharingStories .content { width: 940px; text-align: center; }

#handsExplore {}
    #handsExplore .row1 { margin: 0 10px 0 10px; font-size: 10pt; }
        #handsExplore .col1 {}
            #handsExplore .heading { font-size: 18px; margin: 0; }
            #handsExplore .subheading { margin: 0; }
        #handsExplore .col2 { float: right; }
            #handsExplore .col2 .label { height: 25px; line-height: 25px; vertical-align: middle; padding: 0 10px 0 0; }
            #handsExplore .col2 .element { height: 25px; line-height: 25px; vertical-align: middle; }
            #handsExplore .col2 .submit { height: 20px; line-height: 25px; vertical-align: middle; }
            #handsExplore .col2 input.submit { margin: 0 0 0 4px; }
    #handsExplore .content { text-align: center; }
    
#handsSearch {}
    #handsSearch .row1 { margin: 0 10px 0 10px; font-size: 10pt; }
        #handsSearch .col1 {}
            #handsSearch .heading { font-size: 18px; margin: 0 15px 0 0; }
        #handsSearch .col2 { float: right; }
            #handsSearch .col2 .label { height: 25px; line-height: 25px; vertical-align: middle; padding: 0 10px 0 0; }
            #handsSearch .col2 .element { height: 25px; line-height: 25px; vertical-align: middle; }
            #handsSearch .col2 .submit { height: 20px; line-height: 25px; vertical-align: middle; }
            #handsSearch .col2 input.submit { margin: 0 0 0 4px; }
    #handsSearch .content { text-align: center; padding: 20px; }
        #handsSearch .content .noResults { padding: 50px; }
            #handsSearch .content .noResults a { text-decoration: underline; }
    #handsSearch .paginator { font-weight: bold; color: #000; font-size: 10pt; }
    
#formCommunitySearch {}
    #formCommunitySearch input { font-family: georgia,verdana,arial,helvetica,sans-serif; }
        #formCommunitySearch input.text { width: 200px; font-size: 12px; color: #666; }
        #formCommunitySearch div.submit { padding: 0 10px 0 10px; }
    #handsSearchResults  { width: 100%; font-size: 12px; }
        #handsSearchResults  th { color: #000; font-weight: bold; text-align: left; }
        #handsSearchResults  td { text-align: left; }
            #handsSearchResults  td.name { font-weight: bold; }
            #handsSearchResults  td.thumbnail { width: 80px; }

#handsUpload {}
    #handsUpload .inline { display: inline; float: left; height: 420px; font-size: 9pt; }
        #handsUpload .info { width: 283px; padding: 0 10px 0 20px; }
            #handsUpload .info .heading { font-size: 22px; margin: -5px 15px 20px 0; }
        #handsUpload .form { width: 294px; height: 420px; background: url(../images/whitedotblue_bg.gif) repeat-y; padding: 0 10px 0 10px; font-size: 9pt; }
            #handsUpload .form .label { text-align: right; white-space: nowrap; }
            #handsUpload .form .element { width: 158px; }
                #handsUpload .form .element input { width: 158px; }
                    #handsUpload .form  textarea { width: 290px; }
        #handsUpload .sample { width: 280px; background: url(../images/whitedotblue_bg.gif) repeat-y; padding: 0 10px 0 10px; }
            #handsUpload .sample .instructions { font-weight: bold; }
            #handsUpload .sample .submit { float: right; width: 240px; margin: 60px 0 0 0px; }
                #handsUpload .sample .submit .label { display: inline; float: left; height: 31px; line-height: 31px; vertical-align: middle; text-align: right; width: 130px; }
                #handsUpload .sample .submit .element { display: inline; float: right; width: 98px; }
            #handsUpload .sample .agreements { margin: 10px 0 10px 0; }
                #handsUpload .sample .agreements .spacing { height: 10px; }
                #handsUpload .sample .agreements .element { vertical-align: top; }
        
#handsDesign {}
    #handsDesign .inline { display: inline; float: left; height: 410px; font-size: 9pt; }
        #handsDesign .info { width: 283px; padding: 0 10px 0 20px; }
            #handsDesign .info .heading { font-size: 22px; margin: -5px 15px 20px 0; }
        #handsDesign .form { width: 294px; background: url(../images/whitedotblue_bg.gif) repeat-y; padding: 0 10px 0 10px; font-size: 9pt; }
            #handsDesign .form .sendSelfCopy { padding: 14px 0 0 0; }
                #handsDesign .form .label { text-align: right; }
                #handsDesign .form .element { width: 158px; }
                    #handsDesign .form .element input { width: 158px; }  
        #handsDesign .sample { width: 280px; background: url(../images/whitedotblue_bg.gif) repeat-y; padding: 0 10px 0 10px; }
            #handsDesign .sample .submit { float: right; }
            #handsDesign .sample .agreements { margin: 10px 0 10px 0; }
                #handsDesign .sample .agreements .spacing { height: 10px; }
                #handsDesign .sample .agreements .element { vertical-align: top; }
                    #handsDesign .sample textarea { width: 280px; }
            #handsDesign .sample .charactersRemaining { text-align: right; width: 100%; }
        #handsDesign .handSelectorContainer { margin-left: 313px; background: url(../images/whitedotblue_bg.gif) repeat-y; text-align: left; padding: 0 0 0 5px; }

#handsDiabetes {}
    #handsDiabetes .inline { display: inline; float: left; font-size: 9pt; margin: 0 0 40px 0; }
        #handsDiabetes .info { width: 283px; padding: 0 10px 0 20px; }
            #handsDiabetes .info .heading { font-size: 22px; margin: -5px 15px 20px 0; }
        #handsDiabetes .form { width: 607px; background: url(../images/whitedotblue_bg.gif) repeat-y; padding: 0 10px 0 10px; font-size: 9pt; }
            #handsDiabetes .form .questions { margin: 10px 0 0 0; }
            #handsDiabetes .form #diabetesQuestion5 p { font-weight: bold; }
            #handsDiabetes .form table { border-collapse: collapse; }
                #handsDiabetes .form table td { margin: 0 0 0 0; }

#handsThankYou { padding: 0 15px 150px 15px; }
    #handsThankYou .heading { font-size: 22px; margin: -5px 15px 20px 0; }
    #handsThankYou p {}
        #handsThankYou p.links { font-weight: bold; }
            #handsThankYou p.links a { text-decoration: underline; }

#referFriend {}
    #referFriend .inline { display: inline; float: left; height: 305px; }
        #referFriend .info { width: 283px; padding: 0 10px 0 20px; }
            #referFriend .info .heading { font-size: 22px; margin: -5px 15px 20px 0; }
        #referFriend .form { width: 294px; background: url(../images/whitedotblue_bg.gif) repeat-y; padding: 0 10px 0 10px; font-size: 9pt; }
            #referFriend .form .sendSelfCopy { padding: 14px 0 0 0; }
        #referFriend .sample { width: 283px; background: url(../images/whitedotblue_bg.gif) repeat-y; padding: 0 20px 0 10px; }
            #referFriend .sample .instructions { font-weight: bold; }
            #referFriend .sample .submit { float: right; }
        
#referThanks { padding: 20px; height: 300px; }
    #referThanks .heading { font-size: 22px; margin: -5px 15px 20px 0; }
    #referThanks a { font-weight: bold; text-decoration: underline; }
    
#errors { background: #fff; padding-top: 0px; }
    #errors .close { width: 100%; text-align: right; }
        #errors .close a { color: #aaa; font-size: 9px; font-weight: bold; }
    #errors .instructions {}
        #errors .instructions .image { width: 60px; margin: 0 0 0 20px; display: inline; float: left; }
        #errors .instructions .text { display: inline; float: left; }
            #errors .instructions .text .row1 { color: #888; font-weight: bold; font-size: 9px; }
            #errors .instructions .text .row2 { color: #f00; font-weight: bold; font-size: 12px; }
    #errors .items {}
        #errors .items ul { color: #f00; }
            #errors .items li { font-size: 9pt; }
        
#contentSubmissionAgreement { background: #fff; padding: 0 10px 10px 10px; }
    #contentSubmissionAgreement .close { width: 100%; text-align: right; padding: 0 10px 0 0; }
        #contentSubmissionAgreement .close a { color: #aaa; font-size: 9px; font-weight: bold; }
    #contentSubmissionAgreement .content { height: 300px; overflow: auto; font-family: georgia,verdana,arial,helvetica,sans-serif; font-size: 9px; color: #aaaaaa; padding: 0 10px 0 10px; border-top: 2px solid #aaa; border-left: 2px solid #aaa; }
        #contentSubmissionAgreement .content p { font-size: 9px; }