/* defaults */
p, h1, h2, h3, h4, h5, h6, div, ul, ol, li {margin:0;padding:0;font-size:1em}
body {font: normal 72% tahoma,sans-serif}

p, ul, table, ol, dd, fieldset, address {margin-bottom:1.4em}
p, li h1, h2, h3 {line-height:1.5em}
.center ul li {line-height:1.4em}
h1 {font: normal 2em georgia, serif}
h2 {font: normal 1.7em tahoma, sans-serif;padding:0 16px 8px}
h3.more {clear:both} #content h3.sp {margin-bottom:6px}
a:hover {color:#1097de}

table {border-collapse:collapse}
dt {font-weight:bold}
th, td {text-align:left;vertical-align:top;padding:4px 6px}
ul, li {list-style:none outside url(../../img/glyphs/bullet.gif)}
fieldset {padding:0 1em 1em} legend {padding:2px}
h3 a {text-decoration:none}
img, a img {border:none} img.border {border: solid 1px #999}
label, input {vertical-align:middle}
address {font-style:normal}
address span {display:block}
table caption {text-align:left;font-weight:bold}
table caption span {font-weight:normal;white-space:nowrap}
.cf {clear:both}
em {padding-right:2px}

.center h3, .nocolumn h3 {color:#090;font: 600 1.3em tahoma, sans-serif;padding:6px 0}
.right h3 {font: 400 1.4em tahoma, sans-serif;}
ul, ol, li {margin-left: 1em}
.center li {margin-bottom:1em}

#outer {width:780px;margin:0 auto}
#main {border-top:solid 9px #ccc;border-bottom:solid 9px #ccc}
.thome #main {position:relative} .thome #logo {position:absolute;left:0;top:21px}
#content {padding:9px 0 0}  

#logo {margin:0 0 4px}
#foot {clear:both;font-size:.95em;padding-top:.6em}
#foot p {text-align:right;margin-right:-3px} 
#foot span {white-space:nowrap;padding: 0 3px}

.column {float:left}
.column.full {width:100%}
.column.center {width:63%}
.column.right {width:37%;font-size:.95em}

.columns .col{float:left}
.columns .pct40 {width:43.9%} .columns .pct60 {width:55.9%}
#home .columns .pct40 {width:39.9%} #home .columns .pct60 {width:60%}
.column .pct60 .container {padding: 0 0 0 16px}
.center .pct60 h3 {color:#333;font-weight:bold;font-size:.95em}
.columns .pct33 {width:33.3%} 
.columns .pct67 {width:66.6%}

#content.profile2, #content.home  {max-width:794px}
#content.profile2 .logo {margin-bottom:1.4em}

#focus {clear:both}
.resources #focus {border-right-width:12px}
.profile #focus, .about #focus {border-right-width:0}


.nocolumn {clear:left;margin:0}
/*.nocolumn .container {margin-right:16px}*/
.nocolumn .container .container {background-color:transparent;padding-top:0}
.funding .column.right {margin-top:-45px}
.about .profile {padding:16px}
#home {margin:0 -12px 0 -4px}

.column .container {padding:16px}
.column .c1 .container {padding:0 4px 12px 0} .column .c2 .container {padding:0 0 12px 4px}
.funding .column.right .container, .timeline .column.right .container {padding-top:0}

div.apply {margin:0 -16px;padding:16px}
div.apply a {text-decoration:none} 
div.apply span {padding:0 6px}
.timeline div.apply {text-align:right}
.profile .column.right div.apply, .profile2 .column.right div.apply{margin-top:-16px;margin-bottom:18px;text-align:right}

.column.right div.img {margin:0 -16px 16px}
.column.right div.img {overflow:hidden}
.column.right div.img img {vertical-align:top}
.column.right div.img span {padding:16px 8px}
.column.right div.img .credit {padding:0px 15px;}

.column.center div.img {float:right}
.column.center div.img span {font-size:.8em;display:block;padding:6px 0}


/* page templates */
.profile .right .img, .profile2 .right .img {display:block;width:auto;margin-bottom:6px}
.funding .intro, .profile .intro, .profile2 .intro {clear:both;font-size:1.4em;margin-bottom:.7em}
.application .intro {line-height:1.6em;margin-bottom:2em}

/* content */
.callout, .strategy em, .home em {font-size:1.4em;font-style:normal;font-weight:600}
.pop {font-style:oblique;color:#666} .success .pop {color:#444}

.bio {clear: left; padding: 0em 0em 8px;zoom:1}
.bio img {display:block;float:left;width:auto;margin: 4px 1em 4px 0}
.bio h3, .bio p {padding-left: 155px}

img.ph {float: right; margin: 0 0 .4em .8em}
img.border {border: solid 1px #999}
img.ph.left {float:left; margin: 4px 1.4em 8px 0}
div.ph {width: 254px; float: right; margin: 0 10px .4em .8em; text-align: left}
div.ph img {border: solid 1px #999; display: block; margin: 0 0 .4em}
div.ph cite {display: block; margin-top:.4em; text-align: right;font: .78em verdana}
div.phv {width: 154px} div.phz {width: 312px}
img.right {float:right; margin:0 0 8px 18px}

.module {margin-bottom:2em}
.module .more {margin:-.6em 0 1.4em;text-align:right}
.module h3 {margin-bottom:6px}
.resources .module {width:50%; float:left;margin:0}
.resources .pair {clear:left}
.resources .section {clear:left;overflow:hidden;margin:8px 0 18px;padding-bottom:8px;border-bottom:dotted 1px #999}
.resources .section h4 {margin-bottom:4px}
.resources .section span {display:block;font-style:oblique;color:#666;margin-bottom:8px}
.resources h3 {clear:both;margin-bottom:12px}
#main .resources .pct33 h4 {margin-right:12px;line-height:1.5em} .resources .pct33 h4 a {text-decoration:none}
.pair p, .p h4 {padding-right:8px}

.about .featured, .about .section {clear:left;overflow:hidden}
.about .featured {margin-bottom:1.5em}

.news cite {display:block;font-size:.95em;font-style:normal;color:#666;margin-bottom:4px}
.news, .news li {list-style:none;margin-left:0;padding-left:0}
.news .isGrantee {;background: url(../../img/logos/icon_16.png) no-repeat left 4px; padding-left: 24px;margin-left: 0}

#home .columns {margin:0 10px 4px 4px} #home .columns .columns {margin:0}
#home .c1 > div.container {margin-right:8px}
#home .c2 > div.container {margin-left:8px}
#content.home {padding-top:36px}
#home .hero {margin:-16px -12px 16px} #home .hero div {width:780px;height:472px;background-color:#7c8997;overflow:hidden}
#home .hero p {background:#000;opacity:.7;color:#fff;padding:12px 80px 10px 16px;text-align:right}
#home .hero .full p {text-align:left} #home .hero p a {color:#fff}
#home .module {padding:8px;margin-bottom:16px}
.home .module h4 {margin-bottom:4px}
#home .mdImg {padding:0;width:300px;overflow:hidden}
.home .picks {background:#e5eef3;overflow:hidden}
.home .picks .col h4 a {display:block;line-height:1.5em;text-decoration:none;text-align:right;margin-right:14px;font-weight:normal}
.home .profiles h3 {margin-bottom:-4px} .home .picks h4 {margin-right:18px;text-align:right;font-weight:normal;line-height:1.5em;color:#666}
.home .highlights {padding:12px;line-height:1.6em}
.home .success {margin-top:-12px;background:url(../../img/misc/hm-wins.png) no-repeat bottom right;min-height:182px;padding-bottom:60px}
.home .success h3 {margin:16px 125px 0 0;padding: 0 0 8px;color:inherit}
.home .success div {margin:12px 125px 0 12px} .home .success div a {line-height:1.5em;text-decoration:none}
#home .stories {padding-left:33%;background-repeat:repeat-x;background-position:0 0} .home .stories h3 {margin-bottom:16px}
.stories a {text-decoration:none;font-weight:normal}
.stories.roots {background-color:#e1e7bf; background-image: url(../../img/misc/bg-ce.png)}
.stories.mobilize {background-color:#c9d46e; background-image: url(../../img/misc/bg-yl.png)}
.stories.build {background-color:#c4d46a; background-image: url(../../img/misc/bg-br.png)}
.stories.bridge {background-color:#c0dbe6; background-image: url(../../img/misc/bg-bl.png)}

.home #heroCaption {color:#fff; padding:12px 20px; background-color:#000;opacity:.9;}

/*
.home #hero {min-height:300px;margin-bottom:12px}
.home .block {min-height:300px}
.home .block .container {padding:18px 18px 26px;width:33.3%;min-height:256px}
.home .block .more {text-align:right}
.home .block .more a {font-weight:bold;text-decoration:none;background:url(../../img/glyphs/arrow_left.gif) no-repeat right 50%; padding-right:12px}
.home .block cite {font-size:.9em;font-style:normal}
.home #heroNav {margin: -26px 18px 0}
.home #heroNav span {padding:0 8px 0 0}
.home #heroNav a {border:solid 1px #fff}

.home #modules {clear:both;margin-top:12px}
*/

.highlights ul {padding:12px 8px 12px 12px}
.highlights ul, .highlights li {list-style:none outside none;margin-left:0}
.highlights li {line-height:1.4em}
.highlights li.break {background:url(../../img/glyphs/plant.gif) no-repeat 40% bottom; padding-bottom:45px;margin-bottom:1.5em}
.home .highlights a {text-decoration:none}.
.home ul.linkimg li {width:100%}

.center ul.table, .center ul.table li {margin-left:0;padding-left:0;list-style:none outside none}

ul.list h4, ul.list p {display:inline;padding-right:8px}
ul.list ul {margin-top:6px;font-size:.9em}
#content ul.tight li {margin-bottom:2px} #content ul.nav.tight li {margin-bottom:0}

ul.columns, ul.columns>li {margin-left:0;padding-left:0;list-style:none outside none}
ul.columns>li {float:left}
ul.thirds>li {width:30%;margin-right:3%}
ul.thirds li.last {margin-right:0}

form.column {width:45%;margin-right:5%}

table.financial th, table.financial td {padding:1px 0}
table.financial tr.subtotal th, table.financial tr.subtotal td {border-top:solid 1px #999}
table.financial tr.total th, table.financial tr.total td {padding: 8px 0}
table.financial td {text-align:right}
table.financial th {font-weight:normal}

/* modules */

ul.thumbnails, ul.thumbnails li {list-style:none outside none;margin:8px 0 0 8px;padding:0;float:left} 

ul.linkimg, ul.linkimg li {list-style:none outside none;margin:0 0 8px 0}
.linkimg li {width:100%} .profile .linkimg li {width:25em}
ul.linkimg li a {display:block;background:transparent url(../../img/misc/trans.gif) no-repeat right top;text-decoration:none;padding:0 100px 0 0;height:60px;}
.profile ul.linkimg li a  {overflow:hidden;font-size:.95em}
ul.linkimg li a span {display:block;padding:4px 6px}
div.linkimgList {zoom:1}
div.linkimgList ul.linkimg li{width:48%;float:left;margin:0 8px 8px 0}


.profile2 #gallery {margin:-16px -16px 10px}
.profile2 #hero {padding-top:300px}
#heroDesc {margin-bottom:0px;padding:8px 17px}

.featured {padding: 12px 0 12px 16px} .searchResults .featured {background-color:#fff}
.funding .featured {margin-bottom:8px}
.featured h3 {padding-top:0}
.featured .thirds li {background: url(../../img/misc/trans.gif) no-repeat 50% 0}
.featured .thirds li img {display:block;width:100%;height:180px;margin-bottom:18px}
.profile .featured, .resources .featured {margin:-16px -16px 16px;padding: 12px 16px}

.desc {margin-top:2em;padding-bottom:4em;background:url(../../img/glyphs/leaf.gif) no-repeat center bottom}
.note {font-size:.9em}

/* form markup */
input.text, textarea {width:95%}
input[type="checkbox"] {margin-right:4px}
input.smtext {width:6em}
form table {margin:0}
form table td {padding:0 8px 0 0;vertical-align:middle}
fieldset.nowrap label {display:block}
.application input {padding:3px;line-height:1.1em}
fieldset p {margin-top:.6em}
.chk {margin:-.6em 0 1.4em} .chk label {padding-right:1.4em}

input[type=submit], input[type="button"] {padding:3px 4px}

.save {width:19.5%;margin-top:1em;float:left} 
.save p {padding:1em 0 0}
.formBody {width:75%;float:left;padding-bottom:1em}
.formBody fieldset, .review table {margin-right:2em}
.formBody h2.mid {margin-top:1.2em}
.formBody div, .formBody table {margin:.5em 0 1em}
.formBody label {display:block;padding-bottom:2px}
#results {border: solid 1px #999; padding: 1em 1em .4em 40px; margin: 0 0 1em; background: transparent url(../../img/glyphs/daisy.gif) no-repeat .5em .7em}
.attn {margin-bottom: 4px}
.error {margin-bottom: 4px}
div.form {margin:4px 0}

ul.resources li {padding-bottom:.4em}
.id {text-align:center;font-size:2em;margin-bottom:1em}

#nav {width:16.5%;float:left} #nav .container {padding:0 8px 0 0}
.nav ul, ul.nav {margin:0 0 0}
.nav ul, .nav li, ul.nav {list-style:none outside none;margin-left:0}
.nav a {text-decoration:none}
ul.tabs {padding-left:14px}
ul.tabs li {float:left;margin-right:3px;border-top:solid 4px #999;border-bottom:solid 3px #999}
ul.tabs li a {display:block;width:auto;padding:6px 15px 8px}
ul.tabs.tight li a {padding:3px 7px 5px}

#pnav {position:absolute;top:50px} 
body.thome #pnav {top:24px}

#pnav ul {margin-left:240px}
#pnav li {float:left} #pnav a {display:block;width:auto;padding:3px 0 1px;margin:0 0 0 20px}
#pnav .sel a {border-bottom:solid 5px #fc0}

#gnav {position:absolute; top:8px; left:0;width:100%}
#gnav .container {max-width:780px;margin:0 auto}
#gnav .container div {text-align:right;padding-right:18px}
#gnav span {float:right; margin-left:8px;border:solid 1px #fff}


.place {background:url(../../img/glyphs/caption.gif) no-repeat 0 12px; padding-left:30px}
.place ul, .place ul li {list-style:none outside none;margin-left:0}
.place li {padding-top:.4em;padding-left:0}
.place .sel a {cursor:default;text-decoration:none}

/* theory of change */
.boxed {background: #dae5eb; padding:10px;margin-bottom:1.4em}
.boxed.first {margin-right:8px} .boxed.middle {margin-left:4px;margin-right:4px} .boxed.last {margin-left:8px}
.boxed .boxed {background: #e4eff2}
.boxed .callout {text-align:center}
.boxed h3 {margin: 0 0 6px 8px;font-size:2em}.boxed h4 {text-align:center; margin:4px 16px 12px;font-weight:normal;font-size:1.4em;color:#0f404c}
ul.weSee {min-height:26em}
p.down {margin-bottom:6px}
div.down {height:30px;background:url(../../img/misc/down.png) no-repeat 50% bottom}


/* clear floats */
#main, #focus,#hero, .nocolumn .container, .column .container, .columns, .twocolumn, ul.nav, #content, #nav, ul.thumbnails, .title, .about .profile, form, #gallery {zoom:1} 

#hero:after,#heroNav:after, #main:after, #content:after, #focus:after, .nocolumn  .container:after, .column .container:after, .columns:after, .twocolumn:after, ul.nav:after, #content:after, #nav:after, ul.thumbnails:after, .title:after, .about .profile:after, #gallery:after {content:".";display:block;height:0;clear:both;visibility:hidden}