/* css by theCoup.org */
/* ---[ contents ]---------- */
/*
 [ layout ]
 [ banner ]
 [ sections ]
 [ columns ]
 [ menu ]
 [ submenu ]
 [ menu bottom ]
 [ contact form ]
 [ typography main ]
 [ body links ]
 [ misc ]
 [ color ]
 [ live adjusments ]
*/ 

html, body, img, div { margin:0px; border:0px; padding:0px; }

html, body, div, table, td, th, p, pre, li, h1, h2, h3, h4, h5 { 
 font-family: "Trebuchet MS", trebuchet, verdana, georgia, sans-serif;
 font-size:11px; line-height:2.4em; 
 }

body {
 padding-bottom:25px;
 color:black;
 text-align:center;
 background:rgb(246,246,223) url(/img/bkg.gif) top center repeat-y;
 }


/* ---[ layout ]---------- */

#container {
 position:relative;
 margin:10px auto;
 width:760px;
 padding:0; border:0px;
 text-align:left;
 background:white;
 }

#banner {
 position:relative; z-index:5;
 top:0px; left:0px;
 height:150px; width:760px;
 background:#fff url(/banner/i-am.gif) top center no-repeat;
 border-bottom:1px solid black;
 }

#menu {
 position:relative; 
 z-index:100;
 width:760px;
 top:-5px;
 }

#pagebody {
 position:relative;
 width:760px; 
 padding-bottom:10px; 
      /* padding-bottom:20px;  both ie6 & moz seem to ingnore.  */
 background:none;
 border-bottom:rgb(127,117,118) 1px solid;
 }

#footer {
 position:relative; clear:both;
 width:760px; height:0px;
 }

#menu-bottom {
 width:760px; 
 text-align:left; 
 background:transparent;
 border-top:rgb(216,207,208) 1px solid;
 }



/* ---[ banner ]---------- */

#banner h1 {
 position:absolute; display:block;
 top:10px; left:-1000px;
 padding-right:1200px; /* browser bug fix? */
 }

#banner img#logo {
 position:absolute; display:block;
 top:27px; left:39px; border:0;
 }

/* homepage image rotator */
#rotator {
 position:absolute; overflow: hidden;
 right:0px; top:0px;
 width:250px; height:150px;
 margin:0;
 }

#rotator img { width:250px; height:150px; }

/* section banners */
a.bio { 
 position:absolute; display:block; 
 bottom:0px; right:2px; width:170px;
 line-height:1.2em; padding:125px 3px 1px; 
 text-decoration:none; font-weight:bold;
 text-align:right; font-size:1.1em;
 color:white;
 }

a.black { color:black; }
a.white { color:white; }
a.red { color:rgb(223,22,44); }
a.bio span { display:none; margin-right:2px; }
a.bio:hover span { display:inline; }

 
/* ---[ sections ]---------- */
 
#pagebody {
 background:transparent url(/img/bkg-red.gif) top left no-repeat;
 }

body.grant-making #pagebody { background-image:url(/img/bkg-green.gif); }
body.grantee #pagebody { background-image:url(/img/bkg-green.gif); }
body.advocacy #pagebody { background-image:url(/img/bkg-blue.gif); }
body.leadership #pagebody { background-image:url(/img/bkg-yellow.gif); }
body.invest #pagebody { background-image:url(/img/bkg-orange.gif); }
body.support #pagebody { background-image:url(/img/bkg-orange.gif); }
body.map #pagebody { background-image:none; }

/* ---[ columns ]---------- */

#content-wrap {
 position:relative; display:inline; float:left;
 width:560px;  margin-top:40px; 
 padding-bottom:2.5em;
 }

#left {
 position:absolute; 
/* 
 changed from absolute to float on 9/6/07
 to accommodate long list of on indiv people page
*/
position:relative; display:inline; float:left; 
 margin:0; padding:0; 
 top:0; left:0px;
 width:118px;
 }

#center {
 top:0; width:414px; /* changed from 415px on  6-25-08 for IE6 */
 margin:0 20px 0 auto;
 }

#right {
 display:inline; float:right;
 width:200px; margin-top:52px; 
 margin-bottom:30px;
 }

#notice { /* excerpts - top right-column */
 position:relative; top:18px;
 padding:1px; margin-bottom:44px;
 background:rgb(252,241,238); 
 border-right:2px solid rgb(223,22,44);
 }


/* ---[ menu ]---------- */

#menu hr { 
 clear:both; 
 height:1px; border:0; margin:0; padding:0; 
 color:#fff;
 background:#fff;
 }

#menu br { clear:both; }

#menu ul { 
 position:relative; 
 margin:0 0 0 5px; 
 padding:0;
 list-style:none;
 }

#menu li { 
 display:inline; float:left; 
 list-style:none;
 margin-right:6px; 
 }
 
#menu li.alignright { 
 display:inline; float:right; 
 margin-right:3px; 
 background:none; 
 }

#menu a { 
 display:block;
 line-height:1.5em;
 margin:0; /* padding:.5em 6px .5em 3px; uneven if li bkg used */
 padding:.5em 5px;  
 text-decoration:none; 
 font-weight:bold; 
 color:white; 
 }

#menu li.grants a { 
 background:#eef url(/img/menu-green.gif) top right no-repeat; }
#menu li.advocacy a { 
 background:#eef url(/img/menu-blue.gif) top right no-repeat; }
#menu li.leadership a {
 background:#eef url(/img/menu-yellow.gif) top right no-repeat; }
#menu li.invest a {
 background:#eef url(/img/menu-orange.gif) top right no-repeat; }

#menu li.grants a:hover, #menu li.advocacy a:hover, #menu li.leadership a:hover, #menu li.invest a:hover { 
 color:black; background-position:top left;
 }

#menu li.alignright a { padding:.5em 0 2px; margin:0 6px; color:black; border-bottom:4px #fff solid; background:none; }
#menu li.alignright a:hover { color:rgb(223,22,44); border-bottom:4px #bbb solid; }

/* ---[ submenu ]---------- */

ul#submenu {
 list-style:none;
 margin:0; padding:0px;
 margin:4.7em 2px 20px 2px; 
 width:118px; 
 border:1px solid rgb(241,114,128);
 border-width:0 1px 0 0;
 }
 
ul#submenu li {
 margin:0; padding:0; text-indent:0;
 list-style:none;
 }

ul#submenu a {
 display:block;
 height:auto; line-height:1.2em;
 margin:0 0 5px; 
 padding:3px 5px 3px 10px;
 width:103px;
 font-size:1em;
 text-decoration:none;
 color:#000;
 text-align:right;
 }

ul#submenu li.section { /* have no link in them */
 display:block;
 height:auto; line-height:1.2em;
 margin:0 0 5px;  padding:3px 5px;
 font-size:1em; font-weight:bold; 
 text-align:right; 
 }

ul#submenu a:hover {
 color:#fff;
 background:rgb(223,22,44);
 }
 
body.grant-making ul#submenu, body.grantee ul#submenu { border-color:rgb(156,206,99); }
body.advocacy ul#submenu { border-color:rgb(127,182,210); }
body.leadership ul#submenu { border-color:rgb(250,197,18); }
body.support ul#submenu, body.invest ul#submenu { border-color:rgb(247,156,13); }

body.grant-making ul#submenu, body.grantee ul#submenu { border-color:rgb(156,206,99); }
body.advocacy ul#submenu { border-color:rgb(127,182,210); }
body.leadership ul#submenu { border-color:rgb(250,197,18); }
body.support ul#submenu, body.invest ul#submenu { border-color:rgb(247,156,13); }

 
 
/* ---[ menu bottom ]---------- */

#menu-bottom p { display:inline; float:right; margin:2px; }
#menu-bottom p.left { display:inline; float:left; margin:2px; color:#aaa; }
#menu-bottom p.left a { color:#aaa; border:0; margin:0; }
#menu-bottom p.left a:hover { color:black; text-decoration:underline; }

#menu-bottom ul { 
 position:relative; top:0;
 margin:0 100px 0 200px; padding:0; 
 list-style:none;
 }

#menu-bottom li { display:inline; list-style:none; margin:0; padding:0; text-align:center; }

#menu-bottom a { 
 margin:0 15px; padding:0 0 2px; 
 color:black; font-weight:bold; text-decoration:none;
 border-bottom:4px #fff solid;  }

#menu-bottom a:hover { color:rgb(223,22,44); border-bottom:4px #bbb solid; }


/* ---[ contact form ]---------- */

form.zemContactForm {;}
.zemRequired { font-weight:bold; }

/* ---[ typography main ]---------- */

p, pre {
 margin:1em 6px; 
 line-height:1.5em;
  }

#center p, #center pre { line-height:1.8em; }

h2, h3, h4, h5 {
 text-indent:0;
 margin-left:6px;
 margin-right:15px;
 }

h2 {
 font-size:1.6em; line-height:1em; 
 margin-top:1em;
 margin-bottom:1em;
 text-indent:-1px; 
 color:black;
 }

h3 { 
 font-size:1.2em; line-height:1em; 
 margin-top:2em;
 margin-bottom:1em;
 font-weight:bold;
 color:black;
 }

#center li { margin-right:33px; line-height:1.5em; margin-bottom:1.5em; }

p.subheading { margin-top:-1em; margin-left:10px; }

/* ---[ body links ]---------- */

p a:link { color:blue; } 
p a:visited { color:purple;  }
p a:hover { color:#f90; } 
p a:active { color:red; }

h3 a { color:black; text-decoration:none; }
h3 a:hover { color:rgb(223,22,44); text-decoration:underline; }

#poweredby span a { color:#eee;}



/* ---[ misc ]---------- */

.right { display:inline; float:right; margin-left:10px; }
.left { display:inline; float:left; margin-right:10px; }
.center{ margin-left:auto; margin-right:auto; }

blockquote, div.blockquote { 
 margin:1em 18px 1em 6px; 
 padding:10px 0; 
 border:5px white solid; 
 background:#eee; 
 }

blockquote p, div.blockquote p { margin:1em 24px 1em 20px; }

div#admin-edit a { position:absolute; top:1px; right:40px; color:#999; text-decoration:none;  }
div#admin-edit a:hover { color:red; text-decoration:underline; }

#center img { border:5px solid white; margin:0 6px 0 1px;  }
#center img.gray { border:1px solid #ccc; margin:0 6px;  }

div#blog { text-align:right; margin-top:5.4em; }
div#blog p.permlink { margin-bottom:-1em; }
div#blog p.permlink a { color:rgb(223,22,44); font-weight:bold; }
div#blog p.posted { color:#999; margin-top:-1em; margin-bottom:3em; }
p.permlink a { text-decoration:none; color:black; }
p.permlink a:hover { text-decoration:underline; color:rgb(223,22,44); }



/* ---[ color ]---------- */

.black { color:black; }
.white { color:white; }
.red { color:rgb(217,0,38); }
.red { color:rgb(223,22,44); }
.red-bkg { background:rgb(252,241,238); }
.sand { background:rgb(246,246,223); }
.yellow { color:rgb(250,197,18); } 
.orange { color:rgb(247,156,13); } 
.blue { color:rgb(127,182,210); } 
.green { color:rgb(156,206,99); } 
.green-bkg { background:rgb(233,245,216); }

/* ---[ live adjusments ]---------- */