* {margin: 0; padding: 0;}
body {text-align:center; padding: 0 0 3em; background: #333333 url(../img/bg.gif) 0 0 repeat; color: #333; font-family: Verdana, Arial, lucida, sans-serif; font-size: 8pt;}

a {text-decoration: underline;}
a img {border: none;}

fieldset {border: none;}
input, select, textarea {padding: 1px; color: #444; font: normal 1em Verdana, Arial, lucida, sans-serif;}

img.left {float: left; margin: 3px 15px 5px 0;}
img.right {float: right; margin: 3px 0 5px 15px;}

/* =WRAPPER */
#wrapper {width: 960px; margin: 0 auto; background: #FFFFFF; text-align:left;}

/* =HEADER */
#header {position: relative; z-index: 1000; height: 128px; width: 960px; border-bottom: 4px solid #fff; background: #cce5f3 url(../img/header_bg.jpg);}

#logo {display: block; overflow: hidden; position: absolute; left: 16px; top: 10px; height: 65px; width: 265px;}
#logo img {display: block;}

p#tagline {position: absolute; bottom: 54px; left: 292px; height: 41px; width: 240px; background: url(../img/tagline.gif) 0 0 no-repeat; color: #0a81c5; font: italic 1.4em Georgia, Utopia, Palatino, serif; text-indent: -10000px;}
p#tagline strong {font-weight: normal;}
p#tagline br {display: none;}

p#userWelcome {position: absolute; bottom: 95px; right: 13px; color: #1e87ba; font-size: 1em;}
p#userWelcome strong {font-weight: bold;}
p#userWelcome a {color: #1e87ba; text-transform: uppercase;}
p#userWelcome a:hover {color: #6dbd0e;}

/* =UNF NAVIGATION */
#navUNF {list-style-type: none;}
#navUNF li a {display: block; outline: none; position: absolute; top: 52px; height: 18px; cursor: pointer; text-indent: -10000px;}
#navUNF li a:hover {background-position: 0 -18px;}

#navUNF-about a {width: 77px; right: 312px; background: url(../img/nav_unf_about.gif) 0 0 no-repeat;}
#navUNF-blog a {width: 125px; right: 181px; background: url(../img/nav_unf_blog.gif) 0 0 no-repeat;}
#navUNF-press a {width: 94px; right: 78px; background: url(../img/nav_unf_press.gif) 0 0 no-repeat;}
#navUNF-donate a {width: 61px; right: 10px; background: url(../img/nav_unf_donate.gif) 0 0 no-repeat;}

/* =IMPACT NAVIGATION */
#navMain {list-style-type: none; position: absolute; top: 92px; left: 10px; height: 28px; width: 940px; padding: 8px 0 0 7px; background: url(../img/nav_bg.gif) no-repeat;}
#header #navMain li {float: left; position: relative; height: 24px; padding: 0 5px 4px 4px; background: url(../img/nav_divider.gif) top right no-repeat;}
#navMain li a {display: block; outline: none; height: 24px; text-indent: -10000px;}
#navMain li a:hover, #navMain li.selected a {background-position: 4px -24px;}

#navMain-issues, #navMain-issues a {width: 118px; background: url(../img/nav_main_issues.gif) 4px 0 no-repeat;}
#navMain-solutions, #navMain-solutions a {width: 122px; background: url(../img/nav_main_solutions.gif) 4px 0 no-repeat;}
#navMain-impact, #navMain-impact a {width: 97px; background: url(../img/nav_main_impact.gif) 4px 0 no-repeat;}
#navMain-yourrole, #navMain-yourrole a {width: 88px; background: url(../img/nav_main_yourrole.gif) 4px 0 no-repeat;}

#header li#navMain-yourrole {background: transparent;}

#navMain li ul {display: block; list-style-type: none; position: absolute; left: -9999px; top: 28px; z-index: 1000; width: 134px; border-top: 4px solid #fff; padding: 0 18px 0 14px; background: transparent url(../img/dropdown_mid.png) 0 0 repeat-y;}
li#navMain-issues:hover ul, li#navMain-issues.sfhover ul {left: -13px;}
#navMain li:hover ul, #navMain li.sfhover ul {left: -12px;}
#header #navMain li li {position: static; float: none; height: auto; border-bottom: 1px solid #e3f1f8; padding: 1px 7px 1px 7px; background: #fff; font-size: 0.8em;}
#navMain li li a {display: block; height: auto; width: 100%; padding: 5px 0 4px; background: transparent; color: #6dbd0e; cursor: pointer; text-decoration: none; text-indent: 0;}
#navMain li li a:hover {color: #007cc2;}

#header #navMain li li.last {border-bottom: none;}
#navMain li li.last span {display:block; position:absolute; bottom:-19px; left:0; height:19px; width:167px; background: url(../img/dropdown_bottom.png) 0 0 no-repeat;}

/* =QUICK LINKS */
#quickLinks {position: absolute; right: 190px; top: 96px; width: 160px;}
#quickLinks fieldset {float: right;}
#quickLinks label {display: none;}
#quickLinks select {width: 150px; border: 1px solid #ccc;}

/* =SEARCH */
#search {position: absolute; right: 20px; top: 96px; width: 180px;}
#search fieldset {float: right;}
#search label {display: none;}
#search-q {width: 120px; border: 1px solid #ccc; padding: 2px 2px 2px 18px; background: #fff url(../img/search_input.gif) 1px 50% no-repeat;}
#search-go {margin: 0 0 -.1em; vertical-align: bottom;}

/* =CONTENT_AREA */
#contentArea {clear: both; position: relative; z-index: 10; width: 960px;}
#contentInner {float:none; padding: 25px 65px 50px 65px;}
#wrapper .onecol {width: 960px; padding: 0; background: #ffffff ;}
#wrapper .home {border-bottom: 4px solid #fff; background: #fff url(../img/home_bg.gif) 0 0 repeat-y;}
#wrapper .threecol {width: 462px; padding: 0 249px 0 249px; background: #fff url(../img/threecol_bg.gif) 0 0 repeat-y;}

/* =LOCAL NAV */
#navLocal {float: left; z-index: 10; left: 0; top: 0; min-height: 184px; width: 212px; border-bottom: 4px solid #fff; padding: 12px 10px 0 23px; background: #60b3e2;}
#navLocal p strong {display: block; margin: 0 0 6px; color: #dfeff8; font: normal 1.6em Helvetica, Arial, Tahoma, sans-serif; letter-spacing: -1px; text-transform: uppercase;}
#navLocal ul {list-style-type: none; margin: 0 0 1px; font-size: 1.1em; text-transform: uppercase;}
#navLocal li {clear: left; float: left; width: 100%; padding: 0 0 4px;}
#navLocal li a {display: inline-block; float: left; padding: 0; background: url(../img/nav_local_bg.gif) -10000px 0 no-repeat; color: #fff; cursor: pointer; text-decoration: none;}
#navLocal li a span {display: inline-block; float: left; padding: 1px 8px 2px 7px; background: url(../img/nav_local_bg.gif) -10000px 0 no-repeat; cursor: pointer;}
#navLocal li a:hover, #navLocal li.selected a {background: url(../img/nav_local_bg.gif) 0 100% no-repeat; color: #007cc2; text-decoration: none;}
#navLocal li a:hover span, #navLocal li.selected a span {background: url(../img/nav_local_bg.gif) 100% 0 no-repeat;}

#navLocal li ul {margin: 0 0 0 10px; font-size: 1em; text-transform: none;}
#navLocal li li {width: 100%; padding: 3px 0 2px 0;}
#navLocal li li a {background: url(../img/nav_local_sub_top.gif) -10000px 0 no-repeat;}
#navLocal li li a span {padding: 0px 8px 0px 7px;  background: url(../img/nav_local_sub_bottom.gif) -10000px 0 no-repeat;}
#navLocal li.selected li a {background: url(../img/nav_local_sub_top.gif) -10000px 0 no-repeat; color: #fff;}
#navLocal li.selected li a span {background: url(../img/nav_local_sub_bottom.gif) -10000px 0 no-repeat;}
#navLocal li li a:hover, #navLocal li li.selected a {background: url(../img/nav_local_sub_bottom.gif) bottom left no-repeat; color: #007cc2; text-decoration: none;}
#navLocal li li a:hover span, #navLocal li li.selected a span {background: url(../img/nav_local_sub_top.gif) top right no-repeat;}

/* =CONTENT */
#sectionImage {display: block; z-index: 10; margin-right: -249px; height: 196px; width: 711px; border-bottom: 4px solid #fff;}

#content {clear: right; float: left; position: relative; z-index: 10; width: 440px; padding: 10px 11px 50px 11px;}

#content a {color: #6dbd0e;}
#content a:hover {color: #007cc2;}

#content img {border: 1px solid #aed8f0; padding: 1px;}
#content img.icon {float: left; border: none; margin: -10px 10px 0 0;}
#content img.intro {margin-top: 5px;}
#content img.noborder {border: none;}
#content img.pulledUp {margin-top: -15px;}
#content img.headingIcon {float: left; border: none; margin: -7px 0 0 0;}

#content #breadcrumbs {margin: 0 12em 2.5em 0; padding-left: 3.5em; color: #666; font-size: 1em;}
#content #breadcrumbHome {float: left; margin-left: -3.5em;}

#content h1 {margin: 0 0 .4em; color: #007cc2; font: normal 2.5em Helvetica, Arial, Tahoma, sans-serif; letter-spacing: -2px; text-transform: uppercase;}
#content h2 {margin: 0 0 .3em; color: #60b3e2; font: normal 1.7em Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase;}
#content h2.subtitle {font-size: 1.6em; text-transform: none;}
#content h3 {margin: 0 0 .3em; color: #4b4b4b; font-size: 1.1em;}
#content h1 a, #content h2 a, #content h3 a {color: #60b3e2;}
#content p {margin: 0 0 1em; font-size: 1.1em; line-height: 1.6;}
#content p.area {margin: -10px 0 1.5em 40px; color: #7c7c7c; font-size: .9em; line-height: 1.5;}
#content p.area strong {display: block; font-weight: normal;}
#content p.info {margin: 0 0 .5em; color: #7c7c7c; font-size: .9em;}
#content p.intro {color: #686868; font-size: 1.3em; line-height: 1.6; margin: 0 0 1em;}
#content p.button {clear: both; height: 2em;}
#content p.button a {display: inline-block; float: left; padding: 0; background: url(../img/button_bg.gif) 0 100% no-repeat; cursor: pointer; font-size: 100%; text-decoration: none;}
#content p.button a strong {display: inline-block; float: left; padding: 2px 8px 1px 7px; background: url(../img/button_bg.gif) 100% 0 no-repeat; cursor: pointer; font-weight: bold;}
#content p.button a strong span {padding: 0 20px 1px 0; background: url(../img/button_arrow.gif) 100% 35% no-repeat;}
#content ul, #content ol {margin: 0 0 1em 30px; padding: 0 30px 0 0; font-size: 1.1em;}
#content ul ul, #content ol ol {font-size: 1em;}
#content li {margin: 0 0 .5em;}
#content ul.links, #content ul.twocolList {color: #6dbd0e;}

#content ul.twocolList {float: left; width: 190px; margin: 0; padding: 0 30px 0 0;}
#content ul.twocolList li {margin: 0 0 0 20px; padding: 0 0 5px; font-weight: bold;}

#content div.clear {clear: both; overflow: hidden; height: 1px; margin-bottom: -10px;}

/* Pagination */
#content ul.pagination {list-style-type: none; width: 440px; border-top: 1px solid #e2f1d3; margin: -10px 0 0; padding: 5px 0 0; font-size: 1em; text-align: right;}
#content ul.pagination li {display: inline; padding: 0 0 0 5px; font-weight: bold;}
#content ul.pagination li.selected {color: #666;}

/* Print and Share */
#content ul.controls {list-style-type: none; position: absolute; right: 15px; top: 7px; margin: 0; padding: 0;}
#content ul.controls li {margin: 0; padding: 0 0 1px; background: url(../img/dotted_h_border.gif) bottom left repeat-x;}
#content ul.controls li.print {background: transparent;}
#content ul.controls a {padding: 0 0 0 16px; color: #656565; font-size: .9em; text-decoration: none;}
#content ul.controls a:hover {color: #3380cc; text-decoration: underline;}
#content ul.controls li.share a {background: url(../img/icons/share.gif) 1px 50% no-repeat;}
#content ul.controls li.print a {background: url(../img/icons/print.gif) 1px 50% no-repeat;}

/* Sections of the content */
#content div.siteSection {border-top: 2px solid #d8edc5; margin: 2em 0 0; padding: 2em 0 0;}
#content div.siteSection img.icon {margin: 3px 7px 3px 0;}

#content div.section {clear: both; position: relative; margin: 25px 0 0; padding: 0 0 5px;}
#content div.section h2 {position: relative; border-bottom: 1px solid #d8edc5; margin: 0 0 15px; padding: 5px 0 1px; text-transform: none;}
#content div.section h3 {margin: 0; font-size: 1.2em;}
#content div.section hr {clear: both; height: 0; border: none; border-top: 2px solid #ecf6e2; margin: 0 0 20px;}
#content div.section p.readMore {clear: both; border-top: 1px solid #e2f1d3; padding: 5px 0 0; font-size: 1em; font-weight: bold; text-align: right;}

#content div.section img.icon {margin-top: 1px;}

#content div.section form.sortBy {position: absolute; left: 300px; top: 5px; width: 140px;}
#content div.section form.sortBy fieldset {float: right;}
#content div.section form.sortBy select {width: 110px; border: 1px solid #ddd; padding: 0;}

/* Tabs */
#content #tabbedNav {position: relative; z-index: 100; list-style-type: none; width: 440px; height: 40px; margin: 0 0 -11px; padding: 0; font-size: 1em;}
#content #tabbedNav li {display: inline; float: left; height: 40px; width: 142px; margin: 0; padding: 0; background: url(../img/tabbed_unselected.gif) 0 0 no-repeat; font: normal 1.4em/1.2 Helvetica, Arial, Tahoma, sans-serif; text-align: center; text-transform: uppercase;}
#content #tabbedNav li a {display: block; height: 20px; width: 142px; padding: 9px 0 0; color: #60b3e2; text-decoration: none;}
#content #tabbedNav li a:hover {color: #6dbd0e;}
#content li#tabbedNav-blog, #content li#tabbedNav-videocasts {margin-right: 7px;}
#content li#tabbedNav-podcasts {background: url(../img/tabbed_unselected_right.gif) 0 0 no-repeat;}
#content #tabbedNav li.selected {background: url(../img/tabbed_selected.gif) 0 0 no-repeat;}
#content #tabbedNav li.selected a:hover {color: #60b3e2;}

#tabbedContent {position: relative; z-index: 10; width: 412px; border-left: 2px solid #bcddf0; border-right: 2px solid #bcddf0; border-top: 2px solid #bcddf0; padding: 40px 12px 0; background: #f1f7fb url(../img/tabbed_gradient_bg.gif) 0 0 repeat-x;}
#tabbedBottom {clear: both; display: block; position: relative; z-index: 20; height: 11px; width: 440px; margin: 0 -14px; background: url(../img/tabbed_bottom_bg.gif) 0 0 no-repeat;}

#tabbed #tabbedContent div.closed {display: none;}

#tabbed #tabbedContent form.sortBy {left: 286px; top: 12px;}
#tabbed #tabbedContent.js h2.tabTitle {display: none;}
#tabbed #tabbedContent ol.storyList li {border-bottom-width: 1px;}
#tabbed #tabbedContent ol.storyList li h3 {font-size: 1.1em;}

#tabbed #tabbedContent ul.actionLinks {list-style-type: none; overflow: hidden; width: 100%; border-top: 1px solid #E2F1D3; margin: 0; padding: .7em 0 0; font-size: 1em;}
#tabbed #tabbedContent li.actionLinks-left {float: left; width: 45%; padding: 0 5% 0 0;}
#tabbed #tabbedContent li.actionLinks-right {float: right;}
#tabbed #tabbedContent ul.actionLinks a {font-weight: bold;}
#tabbed #tabbedContent ul.actionLinks a.rss {padding-left: 16px; margin-left: -16px; background: url(../img/icons/rss.gif) left center no-repeat;}
#tabbed #tabbedContent ul.actionLinks a em {font-size: .9em; font-style: normal;}

#contentArea .audioPlayer {clear: both; margin: 8px 0 3px;}
#tabbed #tabbedContent .videoPlayer {float: right; margin: 5px 0 5px 15px;}

/* Navigation within content */
#content div.navTopics {display: inline; float: right; width: 185px; margin: 0 0 20px 20px;}
#content div.navTopics h2 {position: relative; border-bottom: 1px solid #d8edc5; margin: 0 0 .8em; padding: 0 0 1px; font-size: 1.5em; text-transform: none;}

#content div.navTopics ul {list-style-type: none; margin: 0; padding: 0; font-size: 1em; font-weight: bold;}
#content div.navTopics li {margin: 0 0 .8em;}
#content div.navTopics a {display: block; position: relative; width: 185px; text-decoration: none; background: url(../img/button_alt_bottom_bg.gif) bottom left no-repeat; cursor: pointer;}
#content div.navTopics a strong {display: block; width: 153px; padding: 3px 25px 3px 7px; background: url(../img/button_alt_top_bg.gif) top left no-repeat; cursor: pointer;}
#content div.navTopics a span {display: block; position: absolute; right: 8px; top: .4em; height: 13px; width: 13px; background: url(../img/button_alt_arrow.gif) 0 0 no-repeat; cursor: pointer;}
#content div.navTopics a:hover {background-position: bottom right; color: #6dbd0e;}
#content div.navTopics a:hover strong {background-position: top right;}
#content div.navTopics a:hover span {background-position: 100% 0;}

/* Story list */
#content ol.storyList {list-style-type: none; margin: 0; padding: 0; font-size: 1em;}
#content ol.storyList li {clear: both; border-bottom: 2px solid #e2f1d3; margin: 0 0 15px; padding: 0 10px .5em 0;}
#content ol.storyList li.last {margin: 0 0 5px; border: none;}
#content ol.storyList h3 {margin: 0; font-size: 1.2em;}
#content ol.storyList h3 em {color: #666; font-size: .92em; font-style: normal;}
#content ol.storyList img.icon {margin-top: 1px;}
#content ol.storyList p.button a {color: #f87e04;}
#content ol.storyList p.button a:hover {text-decoration: underline;}

/* Items floated in columns */
#content div.section div.item {float: left; width: 205px;}
#content div.section div.itemLeft {padding: 0 15px 15px 0;}
#content div.section div.itemRight {padding: 0 0 15px 15px;}

#content div.section div.item img {float: left; margin: 3px 10px 3px 0;}
#content div.section div.item p {margin: 0 0 .5em;}
#content div.section div.item p.readMore {clear: both; border: none; padding: 0; font-weight: normal; text-align: left;}

/* Accordions */
#content div.accordion, #comments {clear: both; position: relative; margin: 0 0 8px;}
#content div.accordion h3, #content div.accordionFeatured h3, #comments h2 {overflow: hidden; height: 30px; margin: 0; padding: 11px 0 0 82px; background: url(../img/blue_gradient_header.gif) 0 0 no-repeat; color: #60b3e2; cursor: pointer; font: normal 1.4em Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase;}
#content div.accordion h3 span {display: block; height: 26px; width: 314px; padding: 4px 30px 0 0; background: url(../img/blue_gradient_arrow_open.gif) right top no-repeat; cursor: pointer;}
#content div.accordion h3.longTitle {height: 35px; padding-top: 6px;}
#content div.accordion h3.longTitle span {height: 35px; padding-top: 0; line-height: 1.1; background-position: 100% 5px;}
#content div.accordion.closed h3 span {background: url(../img/blue_gradient_arrow_closed.gif) right top no-repeat;}
#content div.accordion.closed h3.longTitle span {background-position: 100% 5px;}
#content div.accordion img.accordionImage {position: absolute; left: 2px; top: 2px; border: none; padding: 0; cursor: pointer;}

#content div.accordionContent, #commentsList-wrapper {float: left; position: relative; width: 436px; border-left: 2px solid #cce7f6; border-right: 2px solid #cce7f6; background: #f1f7fb url(../img/blue_gradient_bg.gif) right top repeat-x;}
#content div.accordion.closed div.accordionContent {display: none;}
#content div.accordionContent-inside, #comments #commentsList {float: left; position: relative; width: 400px; margin: 0 -2px; padding: 12px 25px 10px 15px; background: url(../img/blue_gradient_bottom_bg.gif) bottom left no-repeat;}

#content div.accordionContent p {margin: 0; padding: 0 0 5px; line-height: 1.6;}
#content div.accordionContent p.readMore {clear: both; display: inline; float: right; margin: 0 -23px -8px 0; padding: .3em 14px .2em 12px; background: url(../img/blue_gradient_linkbox.gif) 0 0 no-repeat; font-size: 1em; font-weight: bold;}
#content div.accordionContent p.readMore a {color: #f87e04; text-decoration: none;}
#content div.accordionContent p.readMore a:hover {text-decoration: underline;}

/* Featured Campaign, uses some styles from Accordions */
#content div.accordionFeatured {margin: 0 0 20px;}
#content div.accordionFeatured h2 {float: left; margin: 0 0 0; padding: 4px 10px 2px 7px; background: #60b3e2 url(../img/blue_gradient_header_featured.gif) top right no-repeat; color: #fff; font-size: 1.1em; font-weight: bold;}
#content div.accordionFeatured h3 {clear: both; height: 24px; padding: 13px 14px 0; background: url(../img/blue_gradient_header_feat.gif) 0 0 no-repeat; cursor: auto; font-size: 1.6em; text-transform: none;}

#content div.accordionFeatured span.accordionContent-left {clear: both; position: absolute; top: 0; left: -2px; width: 2px; height: 50px; background: url(../img/blue_gradient_left_bg.gif) 0 0 no-repeat;}

/* Comments, uses some styles from Accordions */
#comments {position: relative; z-index: 10; margin: 4em 0 0;}
#comments h2 {height: 27px; padding: 14px 200px 0 14px; cursor: auto;}
#comments p#addComment {position: absolute; z-index: 100; left: 240px; top: 14px; width: 186px; font-size: 1em; font-weight: bold; text-align: right;}

#comments #commentsList {list-style-type: none; padding-bottom: 0;}
#comments #commentsList li {margin: 0; padding: 0 0 1em;}
#comments #commentsList li li {margin: 0 0 .5em; padding: 0;}
#commentsList p, #commentsList ul, #commentsList ol {font-size: 1em;}

/* Four Steps to change the world */
#content #changeTheWorld p {margin: 0; padding: 5px 0;}
#content #changeTheWorld ol {list-style-type: none; margin: 0; padding: 0; font-size: 1em;}
#content #changeTheWorld li {margin-bottom: 20px;}
#content #changeTheWorld img {border: none;}

#content #changeTheWorld h3 {height: 27px; padding: 10px 14px 0 55px; background: url(../img/your_role/1_header.gif) 0 0 no-repeat; color: #60b3e2; font: normal 1.7em/1.2 Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase;}
#content #changeTheWorld ol p {padding: 12px 12px 8px; color: #666; font: normal 1.8em Helvetica, Arial, Tahoma, sans-serif;}

#changeTheWorld-one form {position: relative; background: url(../img/your_role/1_body_mid_bg.gif) bottom left repeat-y; color: #666;}
#changeTheWorld-one fieldset {padding: 16px 12px 12px 150px; background: url(../img/your_role/1_body_bottom_bg.gif) bottom left no-repeat;}
#content #changeTheWorld-one form p {position: absolute; left: 12px; top: 12px; width: 120px; padding: 0;}

#changeTheWorld-one form div {clear: both; padding: 0 0 .7em 85px;}
#changeTheWorld-one form div.iefix {clear: none; padding: 0;}
#changeTheWorld-one label {float: left; width: 70px; margin-left: -85px; padding: 0 15px 0 0; font-size: 1.1em; text-align: right;}
#changeTheWorld-one input.text {width: 95%; border: 1px solid #bbb;}
#changeTheWorld input#changeTheWorld-areacode {width: 40px; margin: 0 5px 0 0;}
#changeTheWorld input#changeTheWorld-phone {width: 130px;}
#changeTheWorld-one textarea {width: 95%; border: 1px solid #bbb;}

#changeTheWorld-one div.buttons {clear: both; padding: 0 5px 0 0; text-align: right;}

#changeTheWorld-two, #changeTheWorld-three {display: inline; float: left; overflow: hidden; height: 150px; width: 210px; padding: 0 0 5px; background: url(../img/your_role/2_body_bg.gif) bottom left no-repeat;}
#content #changeTheWorld-three {margin-left: 20px;}
#content #changeTheWorld-two h3 {background: url(../img/your_role/2_header.gif) 0 0 no-repeat;}
#content #changeTheWorld-three h3 {background: url(../img/your_role/3_header.gif) 0 0 no-repeat;}

#changeTheWorld-four {clear: both;}

/* Make a Difference - Donate and Become an Activist */
#content #makeDifference {list-style-type: none; float: left; position: relative; width: 440px; margin: 15px 0 25px; padding: 0; background: url(../img/make_a_difference_body.gif) bottom left no-repeat; font-size: 1em;}
#makeDifference li {display: inline; float: left; width: 210px;}
li#makeDifference-activist {margin-left: 20px;}

#makeDifference h3 {overflow: hidden; height: 24px; padding: 9px 14px 0; background: url(../img/make_a_difference_header.gif) 0 0 no-repeat; color: #60b3e2; font: normal 1.6em/1.2 Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase;}
#makeDifference p {margin: 0; padding: 8px 72px 45px 14px; color: #666; font: normal 1.6em Helvetica, Arial, Tahoma, sans-serif;}
#makeDifference p.takeAction {position: absolute; bottom: 0; left: 0; width: 110px; padding: 0; background: url(../img/make_a_difference_button_bottom.gif) bottom left no-repeat; font: bold 1em Verdana, Arial, lucida, sans-serif;}
#makeDifference-activist p.takeAction {left: 230px;}
#makeDifference p.takeAction a {display: block; width: 110px; padding: 5px 8px 8px 14px; background: url(../img/make_a_difference_button_top.gif) 0 0 no-repeat; color: #f87e04; text-decoration: none;}
#makeDifference p.takeAction a:hover {color: #f87e04; text-decoration: underline;}

#makeDifference #donateKid {bottom: 2px; left: 111px;}

/* Donate */
#content #donate {float: left; position: relative; width: 428px; margin: 15px 0 20px; background: url(../img/donate_bottom_bg.gif) bottom left no-repeat;}
#content #donate h2 {height: 54px; width: 428px; background: url(../img/donate_header_bg.gif) 0 0 no-repeat; text-indent: -10000px;}
#content #donate h2 a {display: block; height: 54px; width: 428px; outline: none;}
#content #donate p {margin: 0; padding: 10px 12px 1em 120px; color: #666; font: normal 1.6em Helvetica, Arial, Tahoma, sans-serif; text-align: right;}

/* Donate to a Campaign */
#content div.donateCampaign {float: left; overflow: hidden; position: relative; height: 107px; width: 210px; margin: 0 0 20px; background: url(../img/donate_campaign_bg.gif) 0 0 no-repeat;}
#content div.donateCampaign-right {float: right;}

#content div.donateCampaign img {position: absolute; bottom: 0; left: 0; border: none; margin: 0; padding: 0;}
#content div.donateCampaign h3 {overflow: hidden; height: 23px; padding: 0 9px; line-height: 23px;}
#content div.donateCampaign h3 a {text-decoration: none;}
#content div.donateCampaign p {position: absolute; left: 81px; top: 25px; width: 120px; margin: 0; padding: 0; font-size: .9em; line-height: 1.4;}
#content div.donateCampaign p.takeAction {top: 88px; font-size: 1em; font-weight: bold;}
#content div.donateCampaign p.takeAction a {color: #f87e04; text-decoration: none;}
#content div.donateCampaign p.takeAction a:hover {text-decoration: underline;}

/* =CSP (Content Spotlight) */
#contentSpotlight {clear: right; float: right; position: relative; z-index: 10; left: 4px; width: 245px; border-bottom: 2px solid #f1faff; margin-right: -245px;}

/* =SIDEBAR */
#sidebar {float: left; position: relative; z-index: 10; right: 249px; width: 245px; border-bottom: 2px solid #f1faff; margin-left: -100%; margin-top: -200px;}

/* =MODULES (sidebar)*/
div.module {clear: both; background: #cfe5f3 url(../img/sidebar_gradient.gif) 0 0 repeat-x;}
div.moduleInside {overflow: hidden; padding: 15px 10px 5px;}

div.module h2 {margin: 0 0 .3em; color: #007cc2; font: normal 2em Helvetica, Arial, Tahoma, sans-serif; letter-spacing: -1px; text-transform: uppercase;}
#wrapper div.module h2 a, #wrapper div.module h2 a:hover {color: #007cc2; text-decoration: none; font-weight: normal;}
div.module h3 {margin: 0 0 .3em; font-size: 1.1em;}
div.module h3 a {color: #60b3e2; text-decoration: underline;}
div.module h3 a:hover {color: #007cc2;}
div.module p {margin: 0 0 .3em; font-size: 1em;}
#wrapper div.module p.info {margin: -.3em 0 .6em; font-size: .9em; color: #7c7c7c;}
div.module p.podcast {margin: 0 0 .5em; font-size: .9em; color: #7c7c7c;}
div.module a {color: #6dbd0e; text-decoration: underline;}
div.module a:hover {color: #007cc2;}

div.module a.learnmore_btn {display: block; height: 18px; width: 89px; margin: 10px 0 0 -1px; background: url(../img/learn_more.gif) 0 0 no-repeat; text-indent: -10000px;}

div.module a.image img {display: block; border: 1px solid #aed8f0; margin: 0 0 12px; padding: 1px;}
div.module img.border {border: 1px solid #aed8f0; padding: 1px;}

div.module div.moduleInside p.actionLinks {margin: 0 0 .5em; font-size: 1em;}
div.module div.moduleInside p.readMore {clear: both; margin: 0; padding: 0 0 .5em; font-size: 1em; text-align: right;}
div.module div.moduleInside p.actionLinks a, div.module div.moduleInside p.readMore a {font-weight: bold;}

div.module .videoPlayer {margin: 2px 0 1em;}

div.module ul.list {list-style-type: none; padding: 0 0 .5em;}
div.module ul.list li {margin: 0 0 .5em 0;}
div.module ul.list li a {font-weight: bold;}

/* --> Stay Informed */
#stayInformed {clear: both; padding: 8px 0 0; background: #dcedf7;}
#stayInformed fieldset {padding: 5px 10px 12px;}
#stayInformed h2 {padding: 0 12px; color: #007cc2; font: normal 2em Helvetica, Arial, Tahoma, sans-serif; letter-spacing: -1px; text-transform: uppercase;}
#stayInformed-email {width: 120px; border: 1px solid #ccc; padding: 2px;}
#stayInformed-signup {width: auto; margin: 0; padding: 0; vertical-align: bottom;}

/* --> Take Action */
#takeAction ul {list-style-type: none; margin: .5em 0 1.3em;}
#takeAction li {width: 191px; margin: 0 0 1.3em; padding: 0 0 0 25px;}

#takeAction li.sign {background: url(../img/icons/sign.gif) 0 2px no-repeat;}
#takeAction li.ideas {background: url(../img/icons/ideas.gif) 0 2px no-repeat;}
#takeAction li.share {background: url(../img/icons/send.gif) 0 2px no-repeat;}

#takeAction div.moduleInside a {color: #f87e04; font-weight: bold; text-decoration: none;}
#takeAction div.moduleInside a:hover {color: #f87e04; text-decoration: underline;}

/* --> Donate */
#donate {position: relative; float: left; width: 100%;}
#donate p a {color: #333; text-decoration: none;}
#donate h2 a:hover, #donate p a:hover {text-decoration: none;}
#donate div.moduleInside {padding-right: 60px;}
#donate a.donate_btn {display: block; height: 18px; width: 108px; margin: 10px 0 0 -1px; background: url(../img/donate_now.gif) 0 0 no-repeat; text-indent: -10000px;}

/* --> Net-O-Meter */
#net-o-meter h2 {display: none;}
#net-o-meter-counter {display: block; position: relative; height: 62px; width: 219px; background: url(../img/net-o-meter.gif) 0 0 no-repeat;}
#net-o-meter-counter strong {display: block; text-indent: -10000px;}
#net-o-meter-counter span {display: block; position: absolute; top: 34px; font-size: 1.1em; font-weight: bold; line-height: 1.4; text-indent: 0;}
#net-o-meter-counter span.nom-1 {left: 17px;}
#net-o-meter-counter span.nom-2 {left: 45px;}
#net-o-meter-counter span.nom-3 {left: 63px;}
#net-o-meter-counter span.nom-4 {left: 81px;}
#net-o-meter-counter span.nom-5 {left: 109px;}
#net-o-meter-counter span.nom-6 {left: 127px;}
#net-o-meter-counter span.nom-7 {left: 145px;}
#net-o-meter-button {display: block; height: 31px; width: 219px; margin: 12px 0 5px; background: url(../img/send_a_net.gif) 0 0 no-repeat; text-indent: -10000px;}

/* --> Posts */
div.module ol.posts {list-style-type: none;}
div.module ol.posts li {overflow: hidden; margin: 0 0 1.5em;}
div.module ol.posts p {clear: left;}
div.module ol.posts img {clear: left; float: right; border: 1px solid #aed8f0; margin: 2px 0 5px 10px; padding: 1px;}
div.module ol.posts img.icon {float: left; border: none; margin: 0 8px 3px 0; padding: 0;}

/* --> UN Relationship */
#relationshipUN {position: relative;}
#relationshipUN p {padding: 0 110px 0 0;}
#logoUN {display: block; position: absolute; height: 109px; width: 125px; left: 120px; top: 4.5em; background: url(../img/un_logo.png) no-repeat;}

/* --> Featured Partner and Why I Donated and anything else that needs the same format */
div.featuredItem div.moduleInside img {clear: both; float: left; border: 1px solid #aed8f0; margin: 2px 10px 3px 0; padding: 1px;}
div.featuredItem div.moduleInside p.info em {font-style: normal;}
div.featuredItem div.moduleInside p {margin: 0 0 1em; font-size: 1.1em;}
div.featuredItem div.moduleInside p.actionLinks {margin: -.7em 0 1.5em; font-size: 1em;}

/* --> Join Us On */
#socialNetworks ul {padding: 10px 0 0;}
#socialNetworks li {float: left; list-style-type: none; height: 55px; width: 105px; padding: 0 5px 0 0;}
#socialNetworks-myspace, #socialNetworks-flickr {text-align: center;}
li#socialNetworks-flickr {height: 52px; padding-top: 3px;}

/* --> vCard (Media Contact, etc.) */
#wrapper .vcard .moduleInside {padding-bottom: 12px;}
#wrapper .vcard h3 {margin: 0; padding: 0;}
#wrapper .vcard p.title {margin: 0 0 .5em; color: #666;}
#wrapper .vcard a {font-weight: normal; text-decoration: underline;}

/* --> Download Banners */
#downloadBanners div.moduleInside {background: url(../img/download_banners_bg.gif) 160px -50px no-repeat;}
#downloadBanners p {padding-right: 80px;}

/* --> Where Does My Money Go? */
#moneyImpact {position: relative;}
#moneyImpact div.moduleInside {padding-right: 100px;}
#moneyImpact p {padding-right: 15px;}

/* --> Verified By */
div.logoList {position: relative; border-top: 2px solid #f1faff; margin-bottom: -2px; padding: 15px 10px 5px; background: #e3f1f9;}
div.logoList h2 {margin: 0 0 .3em; color: #007cc2; font: normal 2em Helvetica, Arial, Tahoma, sans-serif; letter-spacing: -1px; text-transform: uppercase;}
div.logoList ul {list-style-type: none; text-align: center;}
div.logoList li {padding: 10px 0 5px;}
div.logoList li a.image img {border: 1px solid #aed8f0; padding: 1px;}

/* Transparent PNGs */
#donateKid {display: block; position: absolute; height: 104px; width: 103px; right: -7px; bottom: 0; background: url(../img/donate_kid.png) no-repeat;}
#donateKid a {display: block; height: 104px; width: 103px;}
#activistKid {display: block; position: absolute; height: 117px; width: 100px; right: -12px; bottom: 2px; background: url(../img/activist_kid.png) no-repeat;}
#donateKid-big {display: block; position: absolute; height: 137px; width: 136px; left: -4px; bottom: 2px; background: url(../img/donate_kid_big.png) no-repeat;}
#donateKid-big a {display: block; height: 100%; width: 100%;}
#familyWithKids {display: block; position: absolute; height: 134px; width: 128px; right: -10px; bottom: 0; background: url(../img/family.png) no-repeat; }

/* =FOOTER */
#footer {clear: both; position: relative; border-top: 11px solid #007dc3; padding: 5px 10px; background: #d9ecf6 url(../img/footer_bg.gif) 0 0 repeat-x; color: #007dc3; font-size: .8em;}
#footer a {color: #007dc3; font-size: inherit;}
#footer a:hover {color: #6dbd0e;}

#footerNav {clear: both; float: left; padding: 6px 15px 5px 0; font-size: 1em;}

#footer .vcard {float: left; padding: 6px 0 5px;}
#footer .vcard * {display: inline;}
#footer .vcard .org {display: none;}
#footer .vcard .tel {padding-left: 10px;}

#serviceIcons {float: right; overflow: hidden; height: 27px; width: 200px;}
#serviceIcons a {display: inline; float: left; margin: 0 0 0 2px;}

#copyright {position: absolute; bottom: -2.2em; right: 16px; margin: 0; text-align: right; color: #888; font-size: 1.0em}

/* =INTRODUCTION */
#introduction {float: left; width: 655px; padding: 12px 30px 271px 25px; color: #fff; background: #60b3e2;}
#introduction h2 {font: normal 1.8em Helvetica, Arial, Tahoma, sans-serif; letter-spacing: -1px;}
#introduction p {margin: 0 0 0; font-size: 1.2em; line-height: 1.6;}
#introduction p.read-more {margin: -.1em 0 .3em; font-size: 1.1em; text-align: right;}
#introduction a {padding: 1px 0; color: #fff;}
#introduction a:hover {background: #fafdff; color: #007cc2;}

/* =SIDEBAR */
#sidebar {display: inline; float: right; position: static; right: 0; width: 242px; border-bottom: 4px solid #fff; margin: 0 4px -4px 0;}

/* --> modules */
div.module {background: #cfe5f3 url(../img/sidebar_home_gradient.gif) 0 0 repeat-x;}
div.moduleInside {padding: 12px 12px 5px; background: url(../img/sidebar_home_bottom.gif) bottom left no-repeat;}

/* --> stay informed */
#stayInformed {background: #dcedf7 url(../img/stay_informed_top.gif) 0 0 no-repeat;}
#stayInformed fieldset {padding: 5px 12px 12px; background: url(../img/stay_informed_bottom.gif) bottom left no-repeat;}

/* --> donate */
#donateKid {right: -11px;}

/* =STORYCUBE */
#storycube {clear: both; position: absolute; bottom: 0; left: 0; height: 270px; width: 710px; border-top: 4px solid #fff;}
#storycube p {padding: 25px; color: #fff; font-size: 1.1em; font-weight: bold;}
#storycube a {color: #fff;}

/* =SPOTLIGHT */
#spotlight {clear: both; overflow: hidden; width: 960px; border-top: 1px solid #cce5f3; padding: 8px 0 0 0; background: #3e9cd1 url(../img/spotlight_gradient_bg.gif) 0 0 repeat-x;}
#spotlightInside {padding: 0 0 0 8px; background: url(../img/spotlight_mid_bg.gif) 0 0 repeat-y;}
#spotlightBottom {display: block; height: 28px; width: 100%; background: url(../img/spotlight_bottom_bg.gif) 0 0 no-repeat;}

div.spotlightItem {float: left; width: 227px; margin: 0 6px 0 0; padding: 2px 2px 0 2px; background: url(../img/spotlight_top_bg.gif) 0 0 no-repeat; color: #fff;}
#spotlightTwo {margin: 0 7px 0 0;}

div.spotlightItem h2 {border-bottom: 2px solid #fff; padding: 10px 40px 7px 10px; background: #6dbd0e url(../img/spotlight_header_bg.gif) top right no-repeat; font: normal 140% Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase;}
div.spotlightItem h2 span {display: block; width: 100%; letter-spacing: -1px;}
div.spotlightItem h2 a {color: #fff; text-decoration: none;}
div.spotlightItem h2 a:hover {color: #fff; text-decoration: underline;}
div.spotlightItem img {display: block;}
div.spotlightItem h3 {padding: 6px 10px 0; color: #fff; font-size: 1em; text-transform: uppercase;}
div.spotlightItem h3 a {color: #fff;}
div.spotlightItem h3 a:hover {color: #ff9933;}
div.spotlightItem p {margin: .4em 0 .4em; padding: 0 10px;}
div.spotlightItem p.date {margin: 0 0 .4em; color: #ff9933;}
div.spotlightItem p.more {margin: 0 0 1em;}
div.spotlightItem p a {color: #ff9933; font-weight: bold; text-decoration: none; text-transform: uppercase;}
div.spotlightItem p a:hover {text-decoration: underline;}

#spotlight div.blogPost {clear: left; float: left; width: 207px; position: relative; padding: 10px 10px 0;}
#spotlight div.blog h3 {padding: 2px 0 0 28px;}
#spotlight div.blog p.date {padding: 0 0 0 28px;}
#spotlight div.blog p {padding: 0;}
#spotlight div.blog span.icon {position: absolute; left: 10px; top: 16px; height: 20px; width: 20px; text-align: center;}

/* =HACKS */

/* --> clearfix */
#spotlightInside:after, #contentArea:after, #footer:after, div.moduleInside:after, div.accordion:after, div.accordionFeatured:after, #content ol.storyList li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#spotlightInside, #contentArea, #footer, div.moduleInside, div.accordion, div.accordionFeatured, #content ol.storyList li {display: inline-block;}

/* Hides from IE-mac \*/
* html #spotlightInside, * html #contentArea, * html #footer, * html div.moduleInside, * html div.accordion, * html div.accordionFeatured, * html #content ol.storyList li {height: 1%;}
#spotlightInside, #contentArea, #footer, div.moduleInside, div.accordion, div.accordionFeatured , #content ol.storyList li{display: block;}
/* End hide from IE-mac */

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0;}

.sIFR-unloading .sIFR-flash {visibility: hidden !important;}

.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}

.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}

.sIFR-dummy {width: 0px; height: 0px; margin-left: 42px; z-index: 0;}

/*---- Header styling ---*/
.sIFR-active #introduction h2 {visibility: hidden; line-height: 1; letter-spacing: -2px;}
.sIFR-active #sidebar h2, .sIFR-active #contentSpotlight h2 {visibility: hidden; margin: 0; line-height: 1; letter-spacing: -4px;}
.sIFR-active #spotlight h2 {visibility: hidden; padding-bottom: 2px; line-height: 1; letter-spacing: -2px;}
.sIFR-active #content h1 {visibility: hidden; margin: 0 0 .1em; line-height: 1; letter-spacing: -5px;}
.sIFR-active #navLocal p strong {visibility: hidden; margin: 0 0 3px; line-height: 1; letter-spacing: -2px;}