@charset "utf-8";
/* CSS Document */

/***** Global Settings *****/

html { background-color:#E5E3E3; background-image:url(img/bg_fade.png); background-repeat:repeat-x; } 
html, body {border:0;margin:1px;padding:0px; text-align:center; height:100%; min-height:100%;}
body { font-size:10.5px; font-family:Verdana,Arial,Helvetica,sans-serif; line-height:1.3; color:#484848; text-align:center; width:960px; margin:1px auto; position:relative; border:thick; }
a {outline: 0;}
a.low {position:relative; top:3px; margin-right:0px;}
.small { font-size:9px; position:absolute; top:321px; left:0px;}
.clear {clear: both and height: 0} 


/***** structure *****/

#wrapper{width: 960px; height:885px; background-color:#ffffff; margin:0px auto; margin-top:14px; margin-bottom:14px;border: 0px solid #000000;}
#wrapper_letter{width: 960px; height:1300px; background-color:#ffffff; margin:0px auto; margin-top:14px; margin-bottom:14px;border: 0px solid #000000;}
#wrapper_blog{width: 960px; height:2700px; background-color:#ffffff; margin:0px auto; margin-top:14px; margin-bottom:14px;border: 0px solid #000000; text-align:center;}
#wrapper_newsletter{width: 960px; height:8800px; background-color:#ffffff; margin:0px auto; margin-top:14px; margin-bottom:14px;border: 0px solid #000000;}
#top{width: 960px; margin:0px auto; border: 0px solid #000000;}
#header_text{width: 960px; margin:0px auto; border: 0px solid #000000; margin-top:20px;}
#logo{ position:absolute; top:177px; left:15px; z-index:11;width:345px; height:103px; background-image:url(img/logo.png); }
#vert_line{ position:absolute; top:320px; left:385px; z-index:11;width:2px; height:385px; background-image:url(img/pxl_line.png); }
#arrow_box{ position:absolute; top:320px; left:436px; z-index:10;width:192px; height:262px; background-image:url(img/arrow_box.png); }
#blog_sidebar{ position:absolute; top:320px; left:336px; z-index:10;width:192px; height:562px; text-align:left;}
#trio{ position:absolute; top:321px; left:668px; z-index:10;width:268px; height:139px; background-image:url(img/trio.jpg); }
#address{ position:absolute; top:485px; left:668px; z-index:10;width:293px; height:72px; background-image:url(img/address.png); }
#social{ position:absolute; top:589px; left:560px; z-index:10;width:400px; height:23px; background-image:url(img/social_links.png); }
#social2{ position:absolute; top:317px; left:50px; z-index:10;width:171px; height:41px; background-image:url(img/social_links2.png); }
#the_latest{ position:absolute; top:631px; left:437px; z-index:10;width:502px; height:74px; background-image:url(img/newsletter.png); }
#balloon_press{ position:absolute; top:636px; left:437px; z-index:10;width:502px; height:74px; background-image:url(img/balloon_press.png); }
#globe{ position:absolute; top:725px; left:787px; z-index:10;width:157px; height:149px; background-image:url(img/globe.png); }
#globe_letter{ position:absolute; top:1140px; left:787px; z-index:10;width:157px; height:149px; background-image:url(img/globe.png); }
#globe_blog{ position:absolute; top:2540px; left:787px; z-index:10;width:157px; height:149px; background-image:url(img/globe.png); }
#globe_newsletter{ position:absolute; top:8640px; left:787px; z-index:10;width:157px; height:149px; background-image:url(img/globe.png); }
#footer{ position:absolute; top:855px; left:42px; z-index:10;width:747px; height:20px; background-image:url(img/footer.png); }
#footer_letter{ position:absolute; top:1270px; left:42px; z-index:10;width:747px; height:20px; background-image:url(img/footer.png); }
#footer_blog{ position:absolute; top:2670px; left:42px; z-index:10;width:747px; height:20px; background-image:url(img/footer.png); }
#footer_newsletter{ position:absolute; top:8770px; left:42px; z-index:10;width:747px; height:20px; background-image:url(img/footer.png); }
#bullets{ position:absolute; top:750px; left:46px; z-index:10;width:327px; height:10px; background-image:url(img/bullets.png); }
#horiz_line{ position:absolute; top:842px; left:47px; z-index:10;width:736px; height:1px; background-image:url(img/pxl_horiz.png); }
#horiz_line_letter{ position:absolute; top:1255px; left:47px; z-index:10;width:736px; height:1px; background-image:url(img/pxl_horiz.png); }
#horiz_line_blog{ position:absolute; top:2655px; left:47px; z-index:10;width:736px; height:1px; background-image:url(img/pxl_horiz.png); }
#horiz_line_newsletter{ position:absolute; top:8755px; left:47px; z-index:10;width:736px; height:1px; background-image:url(img/pxl_horiz.png); }

#head_mission{ position:absolute; top:320px; left:15px; z-index:11;width:19px; height:173px; background-image:url(img/header_mission.png); }
#head_about{ position:absolute; top:320px; left:15px; z-index:11;width:19px; height:133px; background-image:url(img/header_about.png); }
#head_legal{ position:absolute; top:320px; left:13px; z-index:11;width:23px; height:175px; background-image:url(img/header_legal.png); }
#head_news{ position:absolute; top:320px; left:15px; z-index:11;width:19px; height:78px; background-image:url(img/header_news.png); }
#head_outreach{ position:absolute; top:320px; left:13px; z-index:11;width:23px; height:307px; background-image:url(img/header_outreach.png); }
#head_conference{ position:absolute; top:320px; left:13px; z-index:11;width:23px; height:249px; background-image:url(img/header_conference.png); }
#head_links{ position:absolute; top:320px; left:13px; z-index:11;width:23px; height:239px; background-image:url(img/header_links.png); }
#head_donate{ position:absolute; top:320px; left:8px; z-index:11;width:30px; height:103px; background-image:url(img/header_engage.png); }
#head_shop{ position:absolute; top:320px; left:13px; z-index:11;width:23px; height:174px; background-image:url(img/header_shop.png); }
#head_contact{ position:absolute; top:320px; left:13px; z-index:11;width:23px; height:159px; background-image:url(img/header_contact.png); }
#head_letter{ position:absolute; top:319px; left:7px; z-index:11;width:30px; height:176px; background-image:url(img/header_letter.png); }
#head_newsletter{ position:absolute; top:319px; left:11px; z-index:11;width:24px; height:160px; background-image:url(img/header_newsletter.png); }
#head_intersection{ position:absolute; top:319px; left:11px; z-index:11;width:22px; height:233px; background-image:url(img/header_intersection.png); }
#head_blog{ position:absolute; top:319px; left:11px; z-index:11;width:30px; height:66px; background-image:url(img/header_blog.png); }
#head_pr{ position:absolute; top:319px; left:15px; z-index:11;width:19px; height:201px; background-image:url(img/header_pr.png); }
.clear { clear: both;}



/***** text Formatting *****/
.black{ color:#000000;}
.white{ color:#FFFFFF;}
.blue{color:#00718f;}
#main_text{position:absolute; top:307px; left:50px; z-index:11; width:310px; height:288px; text-align:left; letter-spacing:.2px;}
#open_letter{position:absolute; top:307px; left:47px; z-index:11; width:590px; height:288px; text-align:left; letter-spacing:.2px;}
#box_text{position:absolute; top:322px; left:450px; z-index:11; width:170px; height:190px; text-align:left; letter-spacing:.2px; color:#FFFFFF;font-size:10px; line-height:15px;}

ul#agenda li{ margin-left:-25px;}
ul#newsletter li{ margin-left:-25px;}

#intersection_pdf a{ position:absolute; top:581px; left:756px; z-index:10; color:#CC0000; text-decoration:none; font-weight:bold;}
#intersection_pdf a:hover{ text-decoration:underline;}
#pdf_graphic{ position:absolute; top:573px; left:913px; z-index:10;}


/***** Common Formatting *****/ 
img {border:0;}



/*CSS for sprite nav*/

#navtest{ position:absolute; top:183px; left:437px; z-index:21}
ul#nav { background:url(img/nav1_block.png) }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:28px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

#navtest2{ position:absolute; top:216px; left:485px; z-index:44}
ul#nav2 { background:url(img/nav2_block_v2.png) }
ul#nav2 li { float:left; list-style-type:none }
ul#nav2 li a { height:32px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

#navtest3{ position:absolute; top:258px; left:540px; z-index:44}
ul#nav3 { background:url(img/nav3_block_v2.png) }
ul#nav3 li { float:left; list-style-type:none }
ul#nav3 li a { height:36px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navMission a, li#navAbout a, li#navLegal a, li#navNews a { background:url(img/nav1_block.png) }
li#nav2Outreach a, li#nav2Blog a{ background:url(img/nav2_block_v2.png) }
li#nav3Links a, li#nav3Donate a, li#nav3Shop a, li#nav3Contact a { background:url(img/nav3_block_v2.png) }


li#navMission a 			{ background-position:0 0; width:160px; left:0 }
li#navMission a:hover		{ background-position:0 -28px }
body#pageMission li#navMission a 	{ background-position:0px -56px }

li#navAbout a 					{ background-position:-160px 0px; width:120px; left:160px }
li#navAbout a:hover				{ background-position:-160px -28px }
body#pageAbout li#navAbout a 			{ background-position:-160px -56px }

li#navLegal a 					{ background-position:-280px 0px; width:152px; left:280px }
li#navLegal a:hover				{ background-position:-280px -28px }
body#pageLegal li#navLegal a 			{ background-position:-280px -56px }

li#navNews a 					{ background-position:-432px 0px; width:91px; left:432px }
li#navNews a:hover				{ background-position:-432px -28px }
body#pageNews li#navNews a 			{ background-position:-432px -56px }

li#nav2Outreach a 			{ background-position:0 0; width:255px; left:0 }
li#nav2Outreach a:hover		{ background-position:0 -32px }
body#pageOutreach li#nav2Outreach a 	{ background-position:0px -64px }

li#nav2Blog a 					{ background-position:-255px 0px; width:218px; left:255px }
li#nav2Blog a:hover				{ background-position:-255px -32px }
body#pageBlog  li#nav2Blog a 			{ background-position:-255px -64px }

li#nav3Links a 					{ background-position:0px 0px; width:210px; left:0px }
li#nav3Links a:hover				{ background-position:-0px -36px }
body#pageLinks  li#nav3Links  a 			{ background-position:-0px -72px }

li#nav3Donate a 					{ background-position:-210px 0px; width:85px; left:210px }
li#nav3Donate a:hover				{ background-position:-210px -36px }
body#pageDonate  li#nav3Donate  a 			{ background-position:-210px -72px }

/*li#nav3Shop a 					{ background-position:-330px 0px; width:90px; left:330px }
li#nav3Shop a:hover				{ background-position:-330px -36px }
body#pageShop  li#nav3Shop  a 			{ background-position:-330px -72px }*/

li#nav3Contact a 					{ background-position:-295px 0px; width:125px; left:295px }
li#nav3Contact a:hover				{ background-position:-295px -36px }
body#pageContact  li#nav3Contact  a 			{ background-position:-295px -72px }

/* end CSS for sprite nav*/

/***** Style the Tweets *****/
.twitters {
  /*border: 1px solid #e5e5e5;*/
  padding: 4px; /* was 5px */
  /*overflow: auto;*/
  /*word-wrap:break-word; -- I don't think this is right!*/
  white-space:normal;
  margin-top: 0px; /*20px*/
  margin-bottom: 0px; /*20px*/
  margin-left: 0px; /*20px*/
  margin-right: 0px; /*20px*/
  text-align:left;
  font-size:10.5px; 
  font-family:Verdana,Arial,Helvetica,sans-serif; 
  line-height:1.3;
  color:white;
}

.twitters a {
  color:white;
}

.twitters ul {
  list-style: none;
  padding: 0;
  white-space: normal;
}

.twitters span.prefix {
  font-weight: bold;
}

.twitters span.time {
  font-style: italic;
  /*color: #c5c5c5*/;
  color:white;
}

.twitters span.status {
  font-style: italic;
  color:white;
}