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


/* -------------
    DEFAULTS
---------------*/ 
	
*               {margin: 0; padding: 0; text-decoration:none;}
body            {font: 11px verdana, sans-serif; color:#CCCCCC; background-color:#FFFFFF;}
p 				{padding:0 10px 0;}
a 				{color: #336699; font-size:11px;}
img 			{border:none;}
ul, li			{list-style:none;}
h2				{padding-left:10px; color:#336699; font: 15px verdana, sans-serif;}
h1 				{font: 30px Gill Sans MT;}

/* -----------------
    MISCELLANEOUS
-------------------*/ 

.rss				 {position:absolute; top: 38px; right: 0;}
#home .forcebreak 	 {width:100%; line-height:5px; position:relative; left:-99999px;}
#signup.forcebreak 	 {width:100%; line-height:30px; position:relative; left:-99999px;}

.register		 	{position:relative; left:15px; top: 20px; padding-left:0px; color:#999999; font-size:10px;}
.submit			 	{position:relative; left:20px; top: 20px; background:url(../images/sprite.png) no-repeat -10px -500px; border:none; width:50px; height:15px; color:#FFFFFF; text-transform:	uppercase; font-size:10px;}
input:focus		 	{color:#222222;}
#projects .submit 	{position:relative; left:2px; top: 5px; background:url(../images/sprite.png) no-repeat -10px -500px; border:none; width:50px; height:15px; color:#FFFFFF; font-size:10px;}


div, a, img, p 	 	{behavior: url(js/iepngfix.htc)}
.darktext		 	{color:#222222;}
.centered			{text-align:center;}
.inline				{display:inline;}
.italic				{font-style:italic;}

.rounded-corners {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	behavior: url(http://www.waterforwaslala.org/js/border-radius.htc);
}


/*---------------------
     GOOGLE MAPS
-------------------------*/

div#menumtctl_main {visibility:hidden;}
div#map_canvas span {visibility:hidden;}

#projects .infowindow 		{color:#333333;}
#projects .title			{font-weight:bold; font-size:12px; color:#336699;}
#projects .infowindow span	{color:#336699}

/* -------------
    BANNER
---------------*/ 

div#banner_row		{background: url(../images/banner_shadow.png) repeat-x bottom #003366;}
div#header 			{position:relative; height:90px; width:960px; margin:0 auto; background:url(../images/sprite.png) no-repeat -10px -10px}

#navigation			{bottom:0px; position:absolute; right:0; height:50px;}
#navigation ul		{height:100%;}
#navigation li  	{display: inline; list-style-type: none;}
#navigation a 		{height:100%}

#logo 				{position:absolute; height:86px; width:219px; top:5px; left:-15px;} 
#intro				{margin:0 auto; width:960px; font-size:30px; height: 40px; position:relative; text-align:left; padding:0;}
#home   #intro		{color:#CCCCCC; text-align:center; top:5px;}
.heading			{margin:0 auto; width:960px;  position:relative; padding:0;}
.heading H1			{padding-top:5px; color:#6699CC; font-size:30px; height: 40px; text-align:left; position:relative; top:5px;}
.introtext		 	{color:#333333; padding:0 60px 10px 0; position:relative; top:-5px; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:12px;}
#media .introtext	{padding-top:15px;}


/* -------------
    NAVIGATION
---------------*/ 

a.nav 				{padding: 15px 5px 15px; color:#6699CC; font-size:15px;}
a.current			{padding: 15px 5px 15px; color:#FFFFFF; font-size:15px; background:url(../images/banner_shadow_hover.png) repeat-x;}
a.nav_donate 		{padding: 15px 5px 15px; color:#FFFFFF; font-size:15px; background:url(../images/donate_bg.png) repeat-x;}
a.nav:hover 		{color:red; background:url(../images/banner_shadow_hover.png) repeat-x;}
a.nav_donate:hover 	{color:#FFFFFF; background:url(../images/donate_bg_hover.png) repeat-x;}

/* -----------------
   MAIN
-------------------*/ 

div#content_row			{background: url(../images/shadow_down.png) repeat-x top;}
div#content				{width:940px; margin:0 auto;}
#home #content			{height:350px; padding:10px 10px; background-color:#CCCCCC; position:relative; zoom:1;}
#home div#sidebar		{float:right; width:280px; height:350px;}
#media #content			{height:450px; width:960px; padding:10px 10px; border-top-color:#CCCCCC; border-top-width:1px; border-top-style:solid; padding:0; position:relative;}

#donate #content 				{background:#EEEEEE; padding:10px; position:relative;}
#donate #content p				{color:#333333; font-family:arial; font-size:13px; padding:5px 0 10px 0;}
#donate .question				{padding:0; font-weight:bold;}
#donate .answer 				{padding:0; font-style:italic;}
#donate h2						{font-family:Gill Sans MT; font-size:17px; padding:0;}

#projects #content		{background: #CCCCCC; padding:10px 10px; position:relative;}

#getinvolved #content				{width:960px; position:relative;}
#getinvolved h2, #getinvolved p		{padding:0;}
#getinvolved h2						{font-family:Gill Sans MT; font-size:17px;}
#getinvolved p						{color:#333333}
#getinvolved .content_small			{width:930px; background:#EEEEEE; height:100%; padding:15px; position:relative;}
#getinvolved #content ul			{padding-left:40px; color:#336699;}
#getinvolved #content li			{padding:1px 4px; list-style:square;}

#mission #content 				{background:#EEEEEE; padding:10px; position:relative;}
#mission #content p				{color:#333333; font-family:arial; font-size:13px; padding:10px 0;}
#mission h2						{font-family:arial; font-size:17px;}

#background #content 				{background:#EEEEEE; padding:10px; position:relative;}
#background #content p				{color:#333333; font-family:arial; font-size:13px; padding:10px 0;}
#background h2						{font-family:Gill Sans MT; font-size:17px; padding:0;}

#approach #content 					{background:#EEEEEE; padding:10px; position:relative;}
#approach #content p				{color:#333333; font-family:arial; font-size:13px; padding:10px 0;}
#approach h2						{font-family:Gill Sans MT; font-size:17px; padding:0;}

#about #content			{background:#333333; width:880px; height:450px; padding:40px; position:relative; background:url(../images/about_bg.png) no-repeat bottom #333333;}
#about h2				{padding:0; color:#99CCFF; line-height:20px; font-family:Gill Sans MT; font-size:20px;}
#about #content p		{color:#EEEEEE; padding-bottom:5px;}
#about #content a		{color:#99CCFF;}
#about #content a:hover	{text-decoration:underline;}
#about .leftfloat		{float:left; width:380px; height:90px; padding:0 20px 30px 20px;}
#about .rightfloat		{float:right; width:380px; height:90px; padding:0 20px 30px 0;}

#contactus #content		{background:#EEEEEE; width:920px; height:250px; padding:20px; position:relative;}
#contactus h2			{padding:0; line-height:17px; font-family:Gill Sans MT; font-size:17px;}
#contactus p			{color:#333333;}
#contactus #content a:hover		{text-decoration:underline;}
#contactus #content ul	{padding:10px 0;}
#contactus #content li	{padding-right:5px;}

#about_sub h2, #getinvolved p	{padding:0;}
#about_sub #content				{height:100%; width:960px; position:relative;}
#about_sub h2					{font-family:Gill Sans MT; font-size:17px;}
#about_sub .content_small		{width:940px; background:#EEEEEE; height:100%; padding:10px;}
#aboutlinks a:hover				{text-decoration:underline;}	
#aboutlinks						{padding:0 5px;}		

#peoplelinks			{background:#336699; width:960px; position:relative;}
#peoplelinks a			{color:#FFFFFF;}
#peoplelinks a:hover	{text-decoration:underline;}
#people #content		{width:960px;}
#people	p, #press p		{padding:5px 0 5px 0; color:#333333;}
#people h2,p			{padding:0}
#people h2, #press h2	{font-family:Gill Sans MT; font-size:17px}
#people .content_small	{width:930px; background:#EEEEEE; height:100%; padding:15px; position:relative;}
#people .peoplelist		{list-style:armenian; color:#333333;}
#people .biophoto		{float:left; width:160px; padding:0 0 15px 10px; height:100%;}
#people .biotext		{padding:5px 70px 20px 0x; float:left; width:650px;}
#people h3				{font-weight:normal; color:#336699;}
#people h4				{font-weight:normal; color:#666666; padding-bottom:5px;}

#press #content			{background:#EEEEEE; width:930px; height:300px; padding:15px; position:relative;}
#press h2				{padding:0; line-height:17px;}
#press #content ul		{padding:5px 20px 10px 10px;}
#press #content ul img	{padding:0 10px 0 0; position:relative; top:5px;}
#press #content li		{background-image:url(../images/pdf.png) no-repeat;}

#downloads #content			{background:#EEEEEE; width:930px; height:150px; padding:15px; position:relative;}
#downloads h2				{padding:0; line-height:17px; font-family:Gill Sans MT; font-size:17px;}
#downloads #content ul		{padding:20px 20px 10px 10px; text-align:center; font-family:Gill Sans MT; font-weight:normal; font-size:16px; color:#336699;} 
#downloads #content ul img	{padding:0 10px 0 0; position:relative; top:5px;}
#downloads #content li		{background-image:url(../images/pdf.png) no-repeat;}

#financials #content		{background:#EEEEEE; width:930px; height:200px; padding:15px; position:relative;}
#financials h2				{font-family:Gill Sans MT; font-size:17px; line-height:17px;}
#financials h3				{font-family:arial; font-size:15px; padding:20px 10px; color:#336633; font-weight:normal;}

.sidebartop		{height:245px; color:#CCCCCC; padding:0px; background:url(../images/sprite.png) no-repeat -10px -120px;}
.sidebartop p	{font-size:15px; color:#FFFFFF; padding:10px 10px 0px 20px; line-height:15px}
.color			{color:#66CCFF; font-size:16px;}

div#email		{height:105px; padding:0px; background:url(../images/sprite.png) no-repeat -10px -375px; top:10px;}
#email p  		{position:relative; top:15px; left:5px; font-size:13px; color:#336699;}
#email p.gray	{color:#333333; font-size:10px;}
.centertop		{height:100%;}

#signup #content 		 {height:500px; width:940px; padding:10px 10px; margin:0 auto; color:#333333;}
#signup #content li		 {list-style-type:none; padding: 0 0 10px 0px;}
#signup #content ul		 {padding: 20px 0 20px 20px;}
#signup input	 		 {height:20px; color:#999999}
#signup input:focus		 {color:#222222;}
#signup .signup_box 	 {background:url(../images/trans_bg.png)}
#signup .titles			 {width:150px; float:left; color:#222222; position:relative; top:5px; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}
#signup .thankyou_box	 {background:url(../images/trans_bg.png); height: 200px;}
#signup .subscribe		 {background:url(../images/red_submit.png) no-repeat; height:60px; width:120px; border:none}
#signup .spaced 		 {padding:0 5px;}
	
#thankyou #content		{background:#EEEEEE; width:920px; height:100px; padding:20px; position:relative;}
#thankyou h2			{padding:0; line-height:17px; font-family:Gill Sans MT; font-size:17px;}
#thankyou #content p	{color:#333333; font-size:13px; font-family:arial;}
	
	
#photos #content 		{height:525px; width:940px; padding:10px 10px 10px 10px; margin:0 auto; color:#CCCCCC; background-color:#CCCCCC; position:relative;}
#narrative #content		{height:525px; width:940px; padding:10px 10px 10px 10px; margin:0 auto; color:#CCCCCC; background-color:#CCCCCC;}

#video #content			{height:580px; background:#272727; padding:15px 15px; position:relative;}
#video #videolinks li	{padding:5px 0; color:#CCCCCC;}
#video #videolinks p	{padding:0;}
#video #videolinks a	{padding-top:5px; color:#FFFFFF; font-size:12px;}
#videobox				{padding:5px 0}
#videolinks				{position:relative; top:20px;}
.videoborder			{border-top-color:#CCCCCC; border-top-width:1px; border-top-style:dotted;}
#video #content a 		{color:#cccccc; font-family:arial; font-weight:bold;}
#video #categories a		{font-size:12px; font-weight:normal; text-transform:uppercase;}
#video #categories a:hover	{font-size:12px; font-weight:normal; text-transform:uppercase; text-decoration:underline; color:#FFFFFF;}
#video #categories li		{padding:5px 0;}

#narrative #subcontent		{width:940px; padding:20px 10px; background:url(../images/trans_bg.png);}
#narrative	#subcontent	p	{padding:5px 30px 15px 30px; color:#000000; font-size:12px;}
#narrative #subcontent	H2	{padding:5px 10px 10px 30px; font-size:20px; font-family:Gill Sans MT;}


#media #content a:hover	{text-decoration:underline;}
#communitylinks			{width:960px; margin:0 auto; background:#336699; position:relative;}
#communitylinks a 		{color:#FFFFFF}
#communitylinks a:hover	{text-decoration:underline;}


.profiletab				{float:right; background-color:#CCCCCC;}
.profilelink			{color:#333333; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}
.profilelink:hover		{color:#666666; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}
.breadtrail				{color:#333333; padding-left:5px; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; width:200px;}

.stronglink				{text-transform:uppercase; font-size:13px; color:#336699;}
.stronglink:hover		{text-transform:uppercase; font-size:13px; color:#6699CC; text-decoration:underline;}
.normallink				{color:#336699; z-index:1; position:relative;}
.normallink:hover		{color:#6699CC;}



/*----------------------
     VIMEO CSS
------------------------*/

#thumbs		{ list-style-type: none; padding-bottom:30px; width:650px;}
#thumbs li	{ height: 100px; width:110px; padding:15px 20px 30px 0; display: -moz-inline-box; display:inline-block; vertical-align:top;}

* html #thumbs li { display:inline; }  /* for IE 6 */
* + html #thumbs li { display:inline; }  /* for IE 7 */
		
.thumb { border: 0; float: left; width: 120px; height: 90px; background: url(http://bitcast.vimeo.com/vimeo/thumbnails/defaults/default.75x100.jpg);}
#embed { background-color: #CCCCCC; height: 380px; width: 680px;}


/* ---------------------
    HOME - SUBCONTENT
-----------------------*/ 

div#subcontent_row			{padding-bottom:15px; height:200px;}
#photos	div#subcontent_row	{padding-bottom:15px; height:100%;}
#videos	div#subcontent_row	{padding-bottom:15px; height:100%;}

div#subcontent				{width:960px; position:relative; color:#333333; margin:0 auto;}


#blog				{float:left; width:325px; padding: 0 5px 0 0; position:relative;}
#blog h2			{padding-left:5px;}
#blog p				{padding: 5px 0 0 0; position:relative;}

#rightcolumn		{float: right; width:290px; padding: 0 0 0 0;}
#rightcolumn h2		{padding-left:0px;}
#rightcolumn p		{top:3px; position:relative; padding:0 5px 10px 0;}

#centercolumn		{float: left; width:325px; padding: 0 5px 0 0; height:200px;}
#centercolumn h2	{padding-left:0;}
#centercolumn p		{top:3px; position:relative; padding-right:20px;}
#centercolumn .walkforwater { background:url(../images/walk2010success.png) no-repeat; height:188px; width:316px; position:relative; top:-30px; left:-10px;}

#subcontent_gray	{width:960px; height:40px; position:relative; background:url(../images/shadow_down.png) repeat-x #999999; margin:0 auto;}
#photolinks			{padding:12px 10px; color:#666666;text-align:center;}
#photolinks a		{color:#FFFFFF; padding: 0 10px;}
#photolinks a:hover	{color:#333333; padding: 0 10px;}



/* -------------
    RSS/BLOG
---------------*/ 

#creditfooter					{display: none;}
.headline						{text-transform:uppercase; font-weight:bold;}
.date							{font-size:10px; top:-5px; color:#666666;}
.feedburnerFeedBlock li 		{padding:5px 30px 5px 5px; text-align:left;}
.feedburnerFeedBlock a			{color:#336699; font-size:11px;}
.feedburnerFeedBlock a:hover	{color:#6699CC; font-size:11px;}

/* -------------
    FOOTER
---------------*/ 

html, body 		{height: 100%;}

#main			{ background:url(../images/mountains.png) no-repeat bottom;} 

#footer_row 	{border-top-style:solid; border-top-color:#CCCCCC; border-top-width:15px;} 
#footer			{margin:0 auto; width:960px; color:#666666; font-size:10px; padding:5px 0 10px 0; text-transform:uppercase;}
#footer p		{padding:0;}
#footer a 		{font-size:10px;}
#footer a:hover	{color:#006633;}
.social			{position:relative; top:8px;}
.rightinfo		{float:right; width:480px; text-align:right;}
#leftlinks		{width:480px;}
#leftlinks li 	{display:inline; list-style-type:none; padding-right:5px;}