body { margin: 0 0 0 0; background-color: #fdf6da; color: #181818; text-align: center; font-family: Arial, Verdana, helvetica, san-serif; font-size: 12px; } div#home-background { margin: 0 0 0 0; background: #fdf6da url('/images/pact_background.jpg') no-repeat center top; color: #181818; text-align: center; font-family: Arial, Verdana, helvetica, san-serif; font-size: 12px; width: 1100px; min-height: 720px; margin-left: auto; margin-right: auto; } /* for Internet Explorer */ /*\*/ * html div#home-background { height: 720px;} /**/ div#global-nav { width: 960px; margin-left: auto; margin-right: auto; height: 32px; text-align: left; } div.logo { margin-left: 44px; margin-top: 21px; float: left; padding-bottom: 16px; } div.actions { float: right; width: 200px; margin-right: 60px; margin-top: 40px; text-align:left; } div.actions td.icon { border-right: 1px solid #e7e7e7; color: #848484; font: Verdana, helvetica, san-serif 11px; text-transform: uppercase; padding: 2px 10px 2px 0px; } div.actions td.donate { padding: 2px 0px 2px 0px; } div.actions table { border-collapse:collapse; } div.actions td { padding: 2px 5px 2px 10px; color: #848484; font: Verdana, helvetica, san-serif 11px; font-weight: bold; } div.actions td a:link { color: #848484; } div.actions td a:visited { color: #848484; } div#topnav { width: 960px; height: 34px; clear: both; margin-left: auto; margin-right: auto; } div#main-area { width: 960px; margin-left: auto; margin-right: auto; text-align: left; clear: both; } div.mission { float: left; width: 142px; margin-left: 44px; margin-top: 50px; color: #4e2200; font-weight: bold; font-size: 14px; line-height: 27px; padding-right: 10px;} .pumpkin { color: #d05c07; font-size: 15px; } div.flash-area { float: right; width: 735px; margin-left: 29px; } div#mid-area { width: 960px; margin-left: auto; margin-right: auto; text-align: left; clear: both; } div.pactprovides { float: left; width: 200px; margin-left: 11px; } div.CTAs-area { float: right; width: 749px; text-align: left; background: url('/images/CTAs_background.png') no-repeat top left; height: 161px; } div.CTAs-area table#CTAs { margin-left: 17px; } div.CTAs-area table#CTA-item { margin-top: 15px; margin-left: 7px; } div.CTAs-area table#CTA-item td { padding: 0px 8px 0px 0px;} .ctatitle { font-size: 12px; font-weight: bold; color: #e06f1d; } .ctaabstract { margin-top: 10px; font-size: 11px; } .ctamore { margin-top: 10px; font-size: 11px; } div#content-wrapper { width: 960px; margin-left: auto; margin-right: auto; text-align: left; clear: both; margin-top: 27px; } div.leftcolumn { float: left; width: 200px; margin-left: 11px; } div.sectionname { margin-top: 36px; margin-left: 34px; color: #e06f1d; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; width: 150px;} div.leftcolumn table#leftnav-table { margin-top: 8px; margin-bottom: 16px;} div.leftcolumn table#leftnav-table td.nav{ background: url('/images/leftnav_background.png') repeat-y; } div.leftpactprovides { margin-top: 38px; margin-bottom: 20px; } div.content-area { float: right; width: 747px; } .content-body { background-color: #faf7ef; border-left: 1px solid #dedede; border-right: 1px solid #dedede; padding: 0 35px 20px 35px; } .banner { background: url('/images/banner_background.png') no-repeat top left; width: 382px; height: 95px; padding-left: 35px; padding-right: 15px; padding-top: 33px;} .banner-right { background: url('/images/banner_right_background.png') repeat-y top left; } div#footer-area { background: url('/images/footer_background.png') repeat-x #4d3728; width: 100%; height: 200px; clear: both; } div.footer-wrapper { width: 910px; margin-left: auto; margin-right: auto; } div.footnav { margin-top: 35px; padding: 55px 25px 25px 25px; * padding: 25px; color: #645143; font-size: 12px; font-family: Verdana, helvetica, san-serif; border-bottom: 1px solid #625045; } div.footnav a:link { color: #999999; text-decoration: none; padding-left: 5px; padding-right: 5px;} div.footnav a:hover { color: #999999; text-decoration: underline; } div.footnav a:visited { color: #999999; } div.follow { text-align: right; color: #999999; font-size: 12px; font-family: Verdana, helvetica, san-serif; padding: 25px; } div.follow td { color: #999999; font-size: 12px; font-family: Verdana, helvetica, san-serif;} p { font-family: Arial, Verdana, helvetica, san-serif; font-size: 12px; color: #333333; line-height: 19px;} td { font-family: Arial, Verdana, helvetica, san-serif; font-size: 12px; color: #333333; line-height: 19px;} h1{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #4e2200; line-height: 20px;} h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #002e5f; } h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #333333; line-height: 18px;} h2.quote {font-family: Georgia, Times New Roman, Times, serif; font-weight: bold; font-size: 14px; color: #002e5f; font-style:italic; } a:link {color: #e06f1d; text-decoration: none;} a:visited {color: #e06f1d; text-decoration: none;} a:hover {color: #e06f1d; text-decoration: underline;} .line {color: #d2d2d2;} .return {font-family: Arial, Verdana, helvetica, san-serif; font-size: 11px; color: #333333;} .staff { float:left; padding:10px; border-bottom: 1px solid #9d9d9d; border-top: 1px solid #9d9d9d; border-right: 1px solid #9d9d9d; border-left: 1px solid #9d9d9d; margin-top: 10px; *margin-top: 25px; margin-right: 10px; margin-bottom: 0px; background-color: #FFFFFF; } #leftnav { width: 150px; margin: 0px 0px;} #leftnav ul { margin: 0px 0px 0px 10px; padding: 0px; list-style-type: none; font-family: Arial, Helvetica, Verdana, sans-serif; } #leftnav ul li { margin: 0px 0px; padding: 0px; color: #6e6e6e; line-height: 14px; font-weight: bold; } #leftnav ul li a { display: block; width: 130px; *width: 150px; padding: 6px 5px 6px 15px; font-size: 12px; border-top: 1px solid #d6d4d0; background: url(/images/arrow_off.gif) no-repeat 5px 10px; } #leftnav ul li a:link, #leftnav ul li a:visited { color: #6e6e6e; text-decoration: none; } #leftnav ul li a:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_on.gif) no-repeat 5px 10px; } #leftnav ul li a.on { color: #e06f1d; text-decoration: none; background: url(/images/arrow_on.gif) no-repeat 5px 10px; } #leftnav ul li a.on:link, #leftnav ul li a.on:visited { color: #e06f1d; text-decoration: none; } #leftnav ul li a.on:hover { color: #e06f1d; text-decoration: none; } #leftnav ul li a.first:link, #leftnav ul li a.first:visited { color: #6e6e6e; text-decoration: none; border-top: 0px; } #leftnav ul li a.first:hover { color: #e06f1d; text-decoration: none; } #leftnav ul li a.firston:link, #leftnav ul li a.firston:visited { color: #e06f1d; text-decoration: none; border-top: 0px; background: url(/images/arrow_on.gif) no-repeat 5px 10px; } #leftnav ul li a.firston:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_on.gif) no-repeat 5px 10px; } #leftnav ul li a.sub { display: block; width: 130px; *width: 150px; padding: 6px 5px 6px 15px; font-size: 12px; border-top: 1px solid #d6d4d0; background: url(/images/collapse.gif) no-repeat 5px 10px; } #leftnav ul li a.sub:link, #leftnav ul li a.sub:visited { color: #6e6e6e; text-decoration: none; } #leftnav ul li a.sub:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_down.gif) no-repeat 5px 10px; } #leftnav ul li a.subon { display: block; width: 130px; *width: 150px; padding: 6px 5px 6px 15px; font-size: 12px; border-top: 1px solid #d6d4d0; background: url(/images/arrow_down.gif) no-repeat 5px 10px; } #leftnav ul li a.subon:link, #leftnav ul li a.subon:visited { color: #e06f1d; text-decoration: none; } #leftnav ul li a.subon:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_down.gif) no-repeat 5px 10px; } /*2nd level leftnav */ #leftnav ul li ul { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; font-family: Arial, Helvetica, Verdana, sans-serif; } #leftnav ul li ul li { margin: 0px 0px; padding: 0px; color: #6e6e6e; line-height: 14px; font-weight: normal; } #leftnav ul li ul li a { display: block; width: 120px; *width: 150px; padding: 4px 5px 4px 25px; font-size: 12px; border-top: 0px; background: url(/images/arrow_off.gif) no-repeat 15px 8px; } #leftnav ul li ul li a:link, #leftnav ul li ul li a:visited { color: #6e6e6e; text-decoration: none; } #leftnav ul li ul li a:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_on.gif) no-repeat 15px 8px; } #leftnav ul li ul li a.on { color: #e06f1d; text-decoration: none; background: url(/images/arrow_on.gif) no-repeat 15px 8px; } #leftnav ul li ul li a.on:link, #leftnav ul li ul li a.on:visited { color: #e06f1d; text-decoration: none; } #leftnav ul li ul li a.on:hover { color: #e06f1d; text-decoration: } #leftnav ul li ul li a.sub { display: block; width: 120px; *width: 150px; padding: 4px 5px 4px 25px; font-size: 12px; border-top: 0px; background: url(/images/collapse.gif) no-repeat 15px 8px; } #leftnav ul li ul li a.sub:link, #leftnav ul li ul li a.sub:visited { color: #6e6e6e; text-decoration: none; } #leftnav ul li ul li a.sub:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_down.gif) no-repeat 15px 8px;} #leftnav ul li ul li a.subon { display: block; width: 120px; *width: 150px; padding: 4px 5px 4px 25px; font-size: 12px; border-top: 0px; background: url(/images/arrow_down.gif) no-repeat 15px 8px; } #leftnav ul li ul li a.subon:link, #leftnav ul li ul li a.subon:visited { color: #e06f1d; text-decoration: none; } #leftnav ul li ul li a.subon:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_down.gif) no-repeat 15px 8px;} /*3rd level leftnav */ #leftnav ul li ul li ul { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; font-family: Arial, Helvetica, Verdana, sans-serif; } #leftnav ul li ul li ul li { margin: 0px 0px; padding: 0px; color: #6e6e6e; line-height: 14px; font-weight: normal; } #leftnav ul li ul li ul li a { display: block; width: 110px; *width: 150px; padding: 4px 5px 4px 35px; background: url(/images/bullet_off.gif) no-repeat 25px 8px; font-size: 11px; border-top: 0px; } #leftnav ul li ul li ul li a:link, #leftnav ul li ul li ul li a:visited { color: #6e6e6e; text-decoration: none; } #leftnav ul li ul li ul li a:hover { color: #e06f1d; text-decoration: none; background: url(/images/bullet_on.gif) no-repeat 25px 8px; } #leftnav ul li ul li ul li a.on:link, #leftnav ul li ul li ul li a.on:visited { color: #e06f1d; text-decoration: none; background: url(/images/bullet_on.gif) no-repeat 25px 8px; } #leftnav ul li ul li ul li a.on:hover { color: #e06f1d; text-decoration: none; background: url(/images/bullet_on.gif) no-repeat 25px 8px; } #leftnav ul li ul li ul li a.sub { display: block; width: 110px; *width: 150px; padding: 4px 5px 4px 35px; font-size: 11px; border-top: 0px; background: url(/images/collapse.gif) no-repeat 25px 8px; } #leftnav ul li ul li ul li a.sub:link, #leftnav ul li ul li ul li a.sub:visited { color: #6e6e6e; text-decoration: none; } #leftnav ul li ul li ul li a.sub:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_down.gif) no-repeat 25px 8px;} #leftnav ul li ul li ul li a.subon { display: block; width: 110px; *width: 150px; padding: 4px 5px 4px 35px; font-size: 11px; border-top: 0px; background: url(/images/arrow_down.gif) no-repeat 25px 8px; } #leftnav ul li ul li ul li a.subon:link, #leftnav ul li ul li ul li a.subon:visited { color: #e06f1d; text-decoration: none; } #leftnav ul li ul li ul li a.subon:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_down.gif) no-repeat 25px 8px;} /*4th level leftnav */ #leftnav ul li ul li ul li ul { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; font-family: Arial, Helvetica, Verdana, sans-serif; } #leftnav ul li ul li ul li ul li { margin: 0px 0px; padding: 0px; color: #6e6e6e; line-height: 14px; font-weight: normal; } #leftnav ul li ul li ul li ul li a { display: block; width: 110px; *width: 150px; padding: 4px 5px 4px 45px; background: url(/images/bullet_off.gif) no-repeat 35px 8px; font-size: 11px; border-top: 0px; } #leftnav ul li ul li ul li ul li a:link, #leftnav ul li ul li ul li ul li a:visited { color: #6e6e6e; text-decoration: none; } #leftnav ul li ul li ul li ul li a:hover { color: #e06f1d; text-decoration: none; background: url(/images/bullet_on.gif) no-repeat 35px 8px; } #leftnav ul li ul li ul li ul li a.on:link, #leftnav ul li ul li ul li ul li a.on:visited { color: #e06f1d; text-decoration: none; background: url(/images/bullet_on.gif) no-repeat 35px 8px; } #leftnav ul li ul li ul li ul li a.on:hover { color: #e06f1d; text-decoration: none; background: url(/images/bullet_on.gif) no-repeat 35px 8px; } #leftnav ul li ul li ul li ul li a.sub { display: block; width: 110px; *width: 150px; padding: 4px 5px 4px 45px; font-size: 11px; border-top: 0px; background: url(/images/collapse.gif) no-repeat 35px 8px; } #leftnav ul li ul li ul li ul li a.sub:link, #leftnav ul li ul li ul li ul li a.sub:visited { color: #6e6e6e; text-decoration: none; } #leftnav ul li ul li ul li ul li a.sub:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_down.gif) no-repeat 35px 8px;} #leftnav ul li ul li ul li ul li a.subon { display: block; width: 110px; *width: 150px; padding: 4px 5px 4px 45px; font-size: 11px; border-top: 0px; background: url(/images/arrow_down.gif) no-repeat 35px 8px; } #leftnav ul li ul li ul li ul li a.subon:link, #leftnav ul li ul li ul li ul li a.subon:visited { color: #e06f1d; text-decoration: none; } #leftnav ul li ul li ul li ul li a.subon:hover { color: #e06f1d; text-decoration: none; background: url(/images/arrow_down.gif) no-repeat 35px 8px;} ul {} li { margin-left: 0; margin-right: 10%; margin-top: .5em; margin-bottom: .5em; } ul.contentbullet { list-style-type: square; list-style-image: url(/images/bullet_content.gif); margin: 12px auto 10px 18px; padding: 0; } ul.contentbullet li { } .informational {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #333333; line-height: 18px;} .small {font-family: Arial, Verdana, helvetica, san-serif; font-size: 11px; color: #333333; line-height: 19px; font-style:italic;} .picture { padding-right: 10px;} .orange {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #e06f1d; line-height: 18px;} .brown {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; font-size: 12px; color: #4e2200; line-height: 18px;}