/*
Theme Name: TWP2011
Author: The Water Project, Inc.
*/
/*
Copyright (c) 2011
*/
body {

background:#fff url('http://d2ltqt2yrs013v.cloudfront.net/images/twp_bk2.jpg') no-repeat fixed;
color:#FFFFFF;
	font-family:  "ff-dagny-web-pro",arial,sans-serif; 

font-weight: 400;	
	color:#e1e1e1;
	line-height:1.5;
	padding:0px;
}
a{
	color:#0000ff;
}
a:hover{
	color:#ff9600;
	font-weight:bold;
}
#wrapper{
	width:1005px;
	margin:0 auto;
	padding-top:45px;
	background:transparent;


}
#header{
	height:240px;
	width: 1005px;
	position:relative;
	z-index:12;
}
#contentcontainer{

	width:1005px;
	padding:0px 0 0 0;
}
#content{
	position:relative;
	width:690px;
	margin:0px;
	top:0px;
	background:#fff;
	z-index:0;

}
#sidebar{
	width:310px;
	margin-left:5px;
	padding:0px;
	background-color:#fff;
	position:relative;
}
#footer{
	clear:both;
	width:670px;
}
/* Structure */

/* Global Colors */
.colororange{
	color:#ff9600;
}


#header a{
	color:#ffffff;
}
#header a:hover{
	color:#ff9600;
}

#logoright{
	float:left;
	background-color:#fff;
	height:160px;
	margin-left:5px;
	width:320px;

}
#logoright a {color:#336699;}
#logoright ul{
	padding:5px 0 0 0;
}
#logoright ul li{
	list-style:none;
	margin:0px;
	padding:0 7px 0 7px !important;
	
}
#logoright ul li a{
	font:bold 8pt;
	text-transform:uppercase;
}
#toprss{
	height:0px;
}
#toprssinfo{
	text-align:right;
	padding:0px 10px 0 0;
}
#toprssinfo h1{
	font:bold 14pt;
	font-style:italic;
	padding:10px 0 0 0;
}
#topmsg{
	padding:0px 0 0 0px;
}
/* Top Search Box */
#welcome{
	width:680px;
	font:normal 11pt;
	font-style:italic;
	padding:0 0 0 5px;
	height:0px;
	overflow:hidden;
}
#welcome a{
	color:#ff9600;
}
/* Top Search */
#topsearch{
left no-repeat;
	width:290px;
	height:30px;
	text-align:right;
	padding:0 0px 0 0;
	margin:0 5px 0 0;
}
#topsearchsubmit{
	display:none;
}
#tops{
	padding:7px 35px 0 0;
	width:235px;
	background:none;
	border:0px;
	color:#FFF;
	font:italic 9pt Arial, Helvetica, sans-serif;
	
}


#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
	color:#e1e1e1;
	padding:0 0 10px 0;
}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a{
	color:#e1e1e1;
}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover{
	color:#ccc;
}
div.post{

	position:relative;
	margin:0 0px 20px 0px;
	padding:0px 30px 10px 30px;
		z-index:5;
}
div.post p{
	margin:0 0 10px 0;
}
div.post ul{
	margin:0 0 10px 30px;
}

div.post ol{
	margin:0 0 10px 35px;
	list-style:decimal;
}
ul.children li.cat-item{
	background:none;
}
.navigation{
	margin:10px 0 10px 0;
	padding:5px 10px 5px 10px;
}

.postmetadata{
	background:#000;
	padding:5px 10px 5px 10px;
}

h2.pagetitle{
	padding:5px 15px 5px 15px;
}/* Archive Heading Styles */
/* Post meta Styles */
.iconcat{background:url(images/iconcat.png) no-repeat; padding:0 0 0 20px;}
.iconcomment{background:url(images/iconcomment.png) no-repeat; padding:0 0 0 18px;}
.icondate{padding:0 10px 0 0;}


/* WordPress Comments Styles */
h3#comments{
	margin:0px 0 0px 0;
}
ol.commentlist{
	margin:0 0 20px 0 !important;
	padding:0px;
}
ol.commentlist li{
	clear:both;
	background:#000;
	margin:0 0 10px 0 !important;
	padding:10px 10px 5px 10px;
	list-style:none;
}
ol.commentlist li.comment-author-admin{
	background:#000;
	border:0px solid #212121;
	margin:10px 0px 0 0px;
	color:#FFF;
}
ol.commentlist li ul.children{
	margin:0 10px 10px 10px;
}
ol.commentlist li p{
	clear:both;
}
.avatar{
	padding:3px;
	border:0px solid #999;
	float:left;
	margin:0 10px 10px 0px;
	position:relative;
	background:#2a2a2a url(images/avatar.gif) no-repeat;
}
.avatar:hover{
	background:#ccc;
	border:0px solid #000;	
}
.fn{
	font-weight:bold;
}
.commentmetadata{
	padding:0px 0 0 0;
	font-size:85%;
}
ul.children{
	margin:0 10px 10px 40px;
}
ul.children li{
	background:#131313;
	border:0px solid #2a2a2a;
}
.comment-author{
	padding:0 0 5px 0;
}
div.reply{
	padding:5px;
}
.comment-reply-link, .cancel-comment-reply{
	padding:3px 5px 3px 5px;
	color:#FFF;
	font-weight:bold;
}
.cancel-comment-reply{
	border:0px;
}
#author, #email, #url{
	width:250px;
	font-size:10pt;
	padding:4px 5px 4px 5px;
	background:#000;
	color:#FFF;
	border:0px solid #2a2a2a;
	margin:0 0 5px 0;
}
#author{
background:#000 url(images/cuser.gif) no-repeat right;
}
#email{
background:#000 url(images/cmail.gif) no-repeat right;
}
#url{
background:#000 url(images/curl.gif) no-repeat right;
}
#commentform label{
	font-size:inherit;
}
#comment{
	width:290px;
	font-size:10pt;
	padding:10px;
	height:125px;
	color:#FFF;
	border:0px solid #2a2a2a;
	margin:0 0 10px 0;
	font:normal 9pt;
}
#comment{
background:#000 url(images/ccomment.gif) top right no-repeat ;
}
#submit{
	clear:both;
	color:#FFF;
	padding:5px 8px 5px 8px;
	margin:0 0 5px 0;
	border:0px solid #000;
}
/* WordPress Comments Styles */
.commentnavigation{
	padding:3px;
	margin:0px 0 10px 0; /* Comment Navigation Style */
}


/* WordPress Sidebar Styles */
#toptwitter{
	width:290px;
	height:100px;
	background:url(images/twitter.png) right bottom no-repeat;
}
#toptwitter:hover{
	background:url(images/twitter-hover.png) right bottom no-repeat;
}
.toptwittermsg{
	width:200px;
	font:normal 8pt;
}
.toptwittermsg ul li{
	list-style:none;
}
.toptwittermsg a {color:#ffffff;}

.widget{
	width:280px;
	padding:5px 10px 5px 10px;
	clear:both;
	color:#FFF;
	
	margin:0 0 10px 0;
}
#sidebar h2, .widget h2{
font-weight:600;
font-size:20px;
border-bottom: solid #bbb 1px;
color:#cc6600;
line-height:1.2em;
margin-bottom:5px;
}
.arrows{
	font-size:13pt;
	color:#efefef;
}
.widget_search{
	padding:2px;
}
.widget_search form#searchform #s{
	width:130px;
	height:18px;
	color:#000;
	background:#ffffff;
	font:italic 12px;
	border:1px solid #000;
	padding:0px;
}
.widget_search form#searchform #searchsubmit{
	color:#000;
	height:34px;
	font:bold 11px;
	border:1px solid #252525;
	padding:4px 0px 4px 0px;
}


.widget p{
	padding:0 10px 0 10px;
	margin:0 0 10px 0px;
}
.widget ul{
	margin:0 0px 0 0px;
	padding:0;
}
.widget ul li{
	list-style:none;
	padding:3px 0 3px 2px;
}
#recentcomments li {
	padding:3px 0 3px 2px;
}
#recentcomments li a{
	background:none;
}
.widget_pages ul li, 
.widget_categories ul li, 
.widget_archive ul li, 
.widget_links ul li, 
.widget_meta ul li, 
.twocolumn ul li{
	width:45%;
	float:left;
}
.widget_tag_cloud h2{
	text-align:left;
}
.widget_tag_cloud{
	text-align:center;
}
.widget_tag_cloud a{
	padding:0 5px 0 5px;
}
#wp-calendar{
	width:100%;
}
#wp-calendar caption{
	text-align:center;
	font-size:9pt;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 0 5px 0;
}
#wp-calendar th {
	text-align:center;
	font-weight:bold;
}
#wp-calendar tr td{
	text-align:center;
	padding:3px;
}
#wp-calendar a{
	font-weight:bold;	
}
/* WordPress Sidebar Styles */
.widget_rss ul li{
	padding:0 10px 5px 0px;
	margin:0px;
	height:12px;
	overflow:hidden;
}
.rsswidget img{
	height:10px;
	width:10px;
}
.rsswidget{
	color:#FFF;
}
a.rsswidget{
	font-size:8pt;
	font-weight:bold;
}

/* ## Custom Widgets by CJ ## */
/* Twitter Widget */
#twitter_update_list{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0;
}
#twitter_update_list li{
	padding:0 0px 15px 0px;
	margin:0px;
}
#twitter_update_list li a{
	background:none;
	padding:0px;
	margin:0px;
}





#footleft{
	padding:5px;
}
#footright{

	text-align:right;
}




div#blueHead
{
background-color:#64BFD8;
color:#ffffff;
font-weight:bolder;
font-size: 14px;
height:25px;
line-height:25px;
}
.blueBlock
{
padding:10px;
background-color:#ffffff;
border-color:#64BFD8;
border: 1px;
font-weight:normal;
font-size: 12px;
}
div#navhead{
width: 665px;
background: transparent;
background-repeat: no-repeat;
z-index:1;
color: #000000;

}



#content{
color:#1a1a1a;
}
a{
color:light-gray;
}
a:hover{
color:#000000;
text-decoration:underline;
}
#header a, #welcome a:hover{
color:#FFFFFF !important;
}
#header a:hover, #welcome a{
color:#045570  !important;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
color:#045570  ;
}

#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a{
color:#045570  ;
}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover{
color:#000000  !important;
}
#toptwitter h2 a{
color:#FFFFFF !important;
}
.toptwittermsg ul li a{
color:#202020 !important;
}
.toprsscolor{
color:#FFFFFF  !important;
}
.colororange{
color:#045570  !important;
}
#toptwitter h2 a:hover{
color:#045570  !important;
}
.curved{
position:relative;
padding:10px;
background:#FFFFFF;
border-color:#000;
z-index:5;
}

.postmetadata{
	background:#d6eaf1;
	padding:5px 10px 5px 10px;
	color:#045c7a;
}
ol.commentlist li{
	background:#badce8;
	color:#2a2a2a;
}
ol.commentlist li.comment-author-admin{
	background:#64b0ca;
	color:#2a2a2a;
}
#author{
background:#64b0ca;
color:#2a2a2a;
}
#email{
background:#64b0ca;
color:#2a2a2a;
}
#url{
background:#64b0ca;
color:#2a2a2a;
}
#comment{
background:#64b0ca;
color:#2a2a2a;
}
.widget{
	background:#FFF !important;
}
.widget_text a{
color:#045c7a;
}
.widget_text a:hover{
color:#000000;
}
.widget{
color:#1a1a1a;
}
.widget ul li a,#wp-calendar a:hover{
color:#045c7a;
}
.widget ul li a:hover,#wp-calendar a{
color:#000000;
}
ol.commentlist li a{
color:#095974;
}
ol.commentlist li a:hover{
color:#000000;
}
#submit{
background:#64b0ca;
color:#2a2a2a;
}
#wp-calendar a{
	font-weight:bold;
	background:#efefef;
	color:#64b0ca;
	padding:3px 5px 3px 5px;
}
#wp-calendar a:hover{
	font-weight:bold;
	background:#64b0ca;
	color:#FFF;
	padding:3px 5px 3px 5px;
}
td#prev a, td#next a{
	background:none !important;
	color:#64b0ca;
}
td#prev a:hover, td#next a:hover{
	background:none !important;
	color:#64b0ca;
}
#footer{
	background:#D6EAF1;
	color:#1a1a1a;
}
.gallery-caption{font-size: 12px;}


/* DROP-DOWN */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navb, 
#navb ul {padding:5px 0 10px 8px; margin:0; list-style:none; font: 12px "Helvetica",verdana,arial,sans-serif; border:1px solid #000; border-color:#4f699d; border-width:1px 2px 2px 1px; background:#eeece7; position:relative; z-index:200;}
#navb {height:28px; width:685px; padding:1px;}

#navb table {border-collapse:collapse;}
#navb li {float:left; padding:2px 10px 0 10px;}
#navb li li {float:none;}
/* a hack for IE5.x and IE6 */
#navb li a li {float:left;}

#navb li a {display:block; float:left; color:blue; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}

#navb li li a {height:30px; line-height:30px; float:none;}

#navb li:hover {position:relative; z-index:300; background:#eee;}
#navb a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;font-size:12px;}

#navb :hover ul {left:0; top:24px;}
/* another hack for IE5.5 and IE6 */
#navb a:hover ul {left:-10px;}

#navb ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#navb li:hover li:hover > ul {left:-2px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#navb li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#navb li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#navb a:hover a:hover ul,
#navb a:hover a:hover a:hover ul,
#navb a:hover a:hover a:hover a:hover ul,
#navb a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px; font-size:14px;}

/* keep further levels hidden */
#navb a:hover ul ul,
#navb a:hover a:hover ul ul,
#navb a:hover a:hover a:hover ul ul,
#navb a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#side_nav {font-family: "Century Gothic",sans-serif;font-size:1.0em;}
#side_nav ul a a:visited {line-height:1.3em;font-size:1.0em;font-family: "Century Gothic",sans-serif;}
#side_nav a:hover {font-size:1.1em;font-weight:bold;}
/* END DROP-DOWN */



.more-link {
display:block;
margin-top:20px;
width:400px;
height:25px;
font-size:14px;
background-image:url('http://images.thewaterproject.org/images/button_back_gr_400.gif');
background-repeat: no-repeat;
color: white;
font-size: 15px;
padding-left:10px;
padding-top:2px;
}




/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin:3em 0em 5em 0em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0px;
 padding: 3px 0px;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
 line-height:normal;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 font-size:14px;
}

ul.tabbernav li a
{
 line-height: normal;
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
 line-height: normal;
 padding: 0px;
 margin: 0px;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}

.buttonb {
	display:block;
	width:250px;
	height:50px;
	text-indent:-9999px;
}
.buttonb a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url('http://d2ltqt2yrs013v.cloudfront.net/images/donate-to-button.png') no-repeat top left;
	outline:none;
}
.buttonb a:hover {
	background-position:0 -50px;
}

.find_project {
	display:block;
	width:250px;
	height:50px;
	text-indent:-9999px;
}
.find_project a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url('http://d2ltqt2yrs013v.cloudfront.net/images/find_project.png') no-repeat top left;
	outline:none;
}
.find_project a:hover {
	background-position:0 -50px;
}


.find_group_project {
	display:block;
	width:250px;
	height:50px;
	text-indent:-9999px;
}
.find_group_project a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url('http://d2ltqt2yrs013v.cloudfront.net/images/find-group-project.png') no-repeat top left;
	outline:none;
}
.find_group_project a:hover {
	background-position:0 -50px;
}





.rightcol {

padding-left:5px;
font-weight:600;
font-size:1.8em;
border-bottom: 1px;
font-style:italic;
color:#be481f;
width:270px;
}

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
	
		}	
	#nextBtn a, #nextBtn2 a{ 
	
		}												

/* // Easy Slider */

.buttonback330 {
display:block;
overflow:visible;
width:300px;
height:50px;
background-image:url('http://d2ltqt2yrs013v.cloudfront.net/images/button_back_330_2.gif');
background-repeat: no-repeat;
color: white;
font-size: 15px;
padding-left:12px;
padding-top:9px;
float:left;
}


.pods_form form_wfprofile form_1 {
width:650px;
padding:10px;
border:1px solid #ccc;
font-size:15px;color:#6699CC;padding-top:10px;
}
.leftside name{
font-size:15px;color:#6699CC;padding-top:10px;
}

div#navhead2 {
position:relative;
left:300px;
z-index:5;
top:100px;
}

div#leftcol2 {
position:relative;
width:690px;
text-align:left;
background: transparent; 
float:left;
top:55px;
z-index:2;
}

.menu_container2 {
z-index:5;position:relative;width:690px;top:25px;
}

div#myheader {
width:690px;
height:127px;
position:relative;
z-index:1;
overflow:hidden;
border-bottom:2px solid #ccc;
}

div#logohead2 {position:absolute;z-index:0;width:690px;height:127px;margin:0px;overflow:hidden;display:block;}

div#topbar {
width:1015px;
height:35px;
}

.topfunder {
clear:both;
margin:10px;
padding:10px;
width:620px;
font-size:12px;
line-height:normal;
border:1px solid #dddddd;
font-family:Helvetica,Arial,Sans-Serif;
}

.fundraisers_title {
font-size:22px;
margin:20px 10px 10px 10px;
padding:13px;
font-family:Helvetica,Arial,Sans-Serif;
background:#006699;
color:#FF9933;
display:block;
-moz-border-radius: 10px;
border-radius: 5px;
width:620px;
height:22px;
}

.ch_action_text {
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
padding:0px 20px;
color:#444;
}

.ch_action_box {
float:left;
width:640px;
border:1px solid #E6D0D2;
margin:5px 10px;
padding:10px 20px 10px 0px;

}

.menu-item .sub-menu {
padding-left:10px;
}

.countrybox {
width:95px;
height:40px;
background-color:#024365;
border-color:#999999;
margin-right:10px;
font-size:18px;
color:#003399;
float:left;
-moz-border-radius: 5px;
border-radius: 5px;
}

.countrylink a {
font-size:14px;
color:#fff;
position:relative;
top: 8px;
padding: 0px 20px;

}
.countrylink a:hover {
color:#fff;
}