/* CSS Document */
/*
Description: Style sheet for Good2Gether
*/
/************************************************************************

	Listing Order:
	==============

	1 - Reset
	2 - Global
	3 - Structure/Layout
	4 - Header
	5 - Main
	6 - Sidebar 
	7 - Footer

************************************************************************/
/***********************************************************************
	Reset all styles
************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/*ol, ul {
	list-style: none;
}*/
/* tables will still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***********************************************************************
	Global Styles
************************************************************************/

* { margin:0; padding:0; border:0; }

html { height: 100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	min-height: 100%;
	font-size: 12px;
}
strong {font-weight: bold;}
em {font-style: italic;}
p { margin-bottom: 17px; }
a {
	color: #0076a3;
	text-decoration: none;
	font-size: 14px;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
}
.search_box {
  color: #999999;
}
.search_box.active {
  color: #000000;
  font-style: normal;
}

.ui-tabs-hide {display:none;}
.tabs-selected {display:block;}

.cloaked {display:none;}

a.mailto {font-size:inherit;}

/***********************************************************************
	Layout Styles
************************************************************************/
#centering_div {}
	#wrapper {
		/* compliant browsers add padding and borders onto the width to calculate the width of the box.. */
		width:960px;
		background-color: #fff;
		/*background: #fff url('/images/gridbg.gif');*/
		border-left: 30px #e6e6e6 solid;
		border-right: 30px #e6e6e6 solid;
		text-align: left;
		padding: 18px 0 18px 0;
	}
		#container {
			width: 940px;
			/* width:expression(960 +"px"); */
			padding: 0 10px 0 10px;
		}
			#main {
				float: left;
				width:630px;
				margin-right: 10px;
			}
			#left_sidebar {
				float: left;
				width:220px;
				margin-right: 10px;
			}
			
			#center_main {
				float: left;
				width:390px;
				margin-right: 10px;
			}
			#sidebar {
				float: left;
				margin-top: -10px;
				width: 300px;
			}
			* html #sidebar {
			  display:inline;
			  position:absolute;
			}
/***********************************************************************
	Header Styles
************************************************************************/
#header {
	margin-bottom: 22px;
}
	#top_nav {
		display: block;
		float: right;
	}
		#top_nav a {
			font-size: 12px;
			padding: 0 8px 0 7px;
			border-right: 1px solid #a1a5a9;
		}
		#top_nav a.last {
			border: none;
		}
	#header_bar {
		display: block;
		background: #FFFFFF url(/images/header_gradient.jpg) repeat-x top left;
		height: 193px;
		overflow:hide;
	}
	#header_bar_nobanner {
		display: block;
		background: #515151 url(/images/header_gradient.jpg) repeat-x top left;
		height: 103px;
	}
		#do_good_logo {
			position: relative;
			left: 25px;
			top: 13px;
		}
		
		#primary_nav {
			float:left;
			margin-top:30px;
			width:100%;
			background: #515151 url(/images/primary_nav_bg.jpg) repeat-x bottom left;
		}
#nav_elements {
      float:left;
      height: 35px;
      font-size:93%;
      line-height:normal;
      }
      
    * html #nav_elements {
      display:inline;
      position: absolute;
      background:url("/images/nav_left_both.jpg") repeat-x left top;
    }
      
    #nav_elements ul {
      margin:0;
      padding:0;
      list-style:none;
      width:auto;
      }
    #browse_by {
      float: left;
      width: 201px;
      height: 30px;
      
      }
       #browse_by img{
      float: left;
      width: 201px;
          
      }
    #nav_elements li {
      /*display:inline;*/
      margin:0;
      padding:0;
      float: left;
      }
    #nav_elements a {
      float:left;
      background:url("/images/nav_left_both.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      text-decoration:none;
		
      }
    #nav_elements a span {
      float:left;
      display:block;
      background:url("/images/nav_right_both.jpg") no-repeat right top;
      padding:10px 15px 9px 6px;
      font-weight:bold;
      color:#fff;
	 white-space: nowrap;
      }
     #nav_elements a span {float:left;}
    #nav_elements a:hover span {
      color:#fff;
      }
    #nav_elements .ui-tabs-selected a {
      background-position:0% -35px;
      border-width:0;
      }
    #nav_elements .ui-tabs-selected a span {
      background-position:100% -35px;
      /* !! This caused the selected tab to look goofy on FF2/Mac (didn't test any other browsers) - is it useful for something else? -- whk 20080423
				padding-bottom:5px;
			 */
      color:#fff;
      }
    #nav_elements a:hover {
      background-position:0% -35px;
      }
    #nav_elements a:hover span {
      background-position:100% -35px;
      }            
#secondary_nav {
	height: 26px;
	background: #dff6c1;
	text-align: center;
	padding-top: 30px;
}
	#secondary_nav a {
		font-size: 12px;
		color: #5e882b;
		padding: 0 7px 0 5px;
		border-right: 1px solid #acb2a4;
	}
	#secondary_nav a.last {
		border: none;
	}
/* 
 * Tertiary navigation for NPO profile pages
 */
			#tertiary_nav {
				display: block;
				width: 630px;
			  	font-size:12px;
			  	line-height:normal;
			}
				#tertiary_nav ul {
				  margin:0;
				  padding:0px 10px 0;
				  list-style:none;
				  }
				#tertiary_nav li {
				  float:left;
				  background: transparent url(/images/tabbed_nav_left.jpg) no-repeat left top;
				  margin:0;
				  padding:0 0 0 9px;
				  }
				#tertiary_nav a {
				  float:left;
					font-size: 12px;
				  display:block;
				  background:transparent url(/images/tabbed_nav_right.jpg) no-repeat right top;
				  padding:10px 15px 20px 6px;
				  text-decoration:none;
				  font-weight:normal;
				  color:#666666;
				  }
					* html #tertiary_nav a {
						padding-bottom: 4px;
					}
					/* featured cause/type pages */
					#tertiary_nav.featured li {
					  margin-top: 10px;
					}
					#tertiary_nav.featured a {
					  padding-bottom: 4px;
					}
				/* Commented Backslash Hack
				   hides rule from IE5-Mac \*/
				#tertiary_nav a {float:none;}
				/* End IE5-Mac hack */
				#tertiary_nav a:hover {
				  	color:#666666;
					text-decoration: underline;
				  }
				#tertiary_nav .ui-tabs-selected {
				  background-image:url(/images/tabbed_nav_left_on.jpg);
				  }
				#tertiary_nav .ui-tabs-selected a {
				  background-image:url(/images/tabbed_nav_right_on.jpg);
				  color:#666666;
				  }
/* 
 * Tabbed Navigation Elements
 */
			.tabbed_nav {
				display: block;
				width: 630px;
			  	font-size:12px;
			  	line-height:normal;
			}
				.tabbed_nav ul {
				  margin:0;
				  padding:0px 10px 0;
				  list-style:none;
				  }
				.tabbed_nav li {
				  float:left;
				  background: transparent url(/images/tabbed_nav_left.jpg) no-repeat left top;
				  margin:0;
				  padding:0 0 0 9px;
				  }
				.tabbed_nav a {
				  float:left;
					font-size: 12px;
				  display:block;
				  background:transparent url(/images/tabbed_nav_right.jpg) no-repeat right top;
				  padding:10px 15px 5px 6px;
				  text-decoration:none;
				  font-weight:normal;
				  color:#666666;
				  }
					* html .tabbed_nav a {
						padding-bottom: 4px;
					}
				/* Commented Backslash Hack
				   hides rule from IE5-Mac \*/
				.tabbed_nav a {float:none;}
				/* End IE5-Mac hack */
				.tabbed_nav a:hover {
				  	color:#666666;
					text-decoration: underline;
				  }
				.tabbed_nav #current {
				  background-image:url(/images/tabbed_nav_left_on.jpg);
				  }
				.tabbed_nav #current a {
				  background-image:url(/images/tabbed_nav_right_on.jpg);
				  color:#666666;
					background-color: #fff;
					padding-bottom: 8px;
				  }
.tabbed_nav.animalsNav {
	margin-top: 10px;
	margin-bottom: -11px;
}			
* html .tabbed_nav.animalsNav {
	padding-top: 10px;
	margin-bottom: 0px;
}	  
/***********************************************************************
	Homepage Styles
************************************************************************/
#home_whats_inside {
	background: transparent url(/images/home_whats_inside_bg.jpg) repeat-x top left;
	width:602px;
	border-top: dotted 1px #a1a5a9;
	border-bottom: dotted 1px #a1a5a9;
	padding: 14px;
	margin-bottom: 10px;
}

	.wi_hed {
		display: block;
		letter-spacing:5px;
	}
		.wi_hed_left {
			font-size:28px;
			color: #333;
			letter-spacing:.5px;
		}
		.wi_hed_right {
			font-size:28px;
			color: #80bd36;
			font-weight: bold;
			letter-spacing:.5px;
		}
	#wi_container {
		margin-top: -9px;
		padding-bottom: 10px;
	}
		#wi_container_left, #wi_container_center, #wi_container_right {
			float: left;
			width: 145px;
			margin-right: 31px;
		}
		#wi_container_right { margin: 0; }
			#wi_container_left h3, #wi_container_center h3, #wi_container_right h3 {
				font-weight: bold;
				font-size: 15px;
				color: #333;
				border-bottom: 1px dotted #a1a5a9;
				margin: 0 5px 6px 0 ;
			}
			#wi_container_left ul, #wi_container_center ul, #wi_container_right ul {
				list-style: none;
				list-style-image: url(/images/list_grey_disc.jpg);
				padding-left: 15px;
			}
			#wi_container_left ul a, #wi_container_center ul a, #wi_container_right ul a {
				font-size: 14px;
			}
				#wi_causes_list, #wi_participate_list, #wi_pov_list {
					margin: 26px 0 0 0;
				}
		
	#pn_large {
		height: 152px;
		width: 204px;
		/* width:expression(240 + "px"); */
		margin-top: 10px;
		background: #80bd36 url(/images/pn_header_bg.jpg) repeat-x top left;
		padding: 13px 18px 15px 18px;
	}
#sidebar #pn_large {
		width: 265px;
		/* width:expression(300 + "px"); */
	}
		#sidebar #pn_large .participate_now {}	
			#sidebar #pn_large .participate_now_header {
				margin-bottom: 11px;
				display: block;
			}
				#sidebar #pn_large .pn_hed {
					font-size: 14px;
					color: #fff;
					font-weight: bold;
				}
				#sidebar #pn_large .pn_note {
					font-size: 14px;
					color: #fff;
				}
			#sidebar #pn_large .participate_now select {
				width: 100%;
				margin-bottom: 6px;
				padding: 3px 0 0 0;
				height: 22px;
				font-size: 12px;
			}
			#sidebar #pn_large .participate_now input {
				width: 100%;
				margin-bottom: 6px;
				font-size: 12px;
				padding: 3px 0 3px 0;
			}
			#sidebar #pn_large .participate_now input.goButton {
				height: 33px;
				width: 53px;
				float: right;
			}
			#sidebar #pn_large .participate_now #q {
			  padding: 3px;
			}
	#left_sidebar #pn_large {
		width: 180px;
	}
		#left_sidebar #pn_large .participate_now {}
	
			#left_sidebar #pn_large .participate_now_header {
				margin-bottom: 11px;
				display: block;
			}
				#left_sidebar #pn_large .pn_hed {
					font-size: 13px;
					color: #fff;
					font-weight: bold;
				}
				#left_sidebar #pn_large .pn_note {
					font-size: 12px;
					color: #fff;
				}
			#left_sidebar #pn_large .participate_now select {
				width: 100%;
				margin-bottom: 6px;
				padding: 3px 0 0 0;
				height: 22px;
				font-size: 12px;
			}
			#left_sidebar #pn_large .participate_now input {
				width: 100%;
				margin-bottom: 6px;
				font-size: 12px;
				padding: 3px 0 3px 0;
			}
			#left_sidebar #pn_large .participate_now input.goButton {
				height: 33px;
				width: 53px;
				float: right;
			}
			#left_sidebar #pn_large .participate_now #q {
			  padding: 3px;
			}
	
/***********************************************************************
	Main Content Styles
************************************************************************/
/*
 * These are the default settings for all the 'Participate now' boxes
 */
.participate_now {
background:#80BD36 url(/images/pn_header_bg.jpg) repeat-x scroll left top;
color:#FFFFFF;
padding:8px 18px 10px;
}

	.participate_now_header {
		margin-bottom: 11px;
		display: block;
	}
		.pn_hed {
			font-size: 14px;
			color: #fff;
			font-weight: bold;
		}
		.pn_note {
			font-size: 14px;
			color: #fff;
		}
	.participate_now select {
		width: 100%;
		margin-bottom: 6px;
		padding: 3px 0 0 0;
		height: 22px;
		font-size: 12px;
	}
	.participate_now input {
		width: 100%;
		margin-bottom: 6px;
		font-size: 12px;
		padding: 3px 0 3px 0;
	}
	.participate_now input.goButton {
		height: 33px;
		width: 53px;
		float: right;
	}
	.participate_now #q {
	  padding: 3px;
	}
.npo_name a {
	display: block;
	text-transform: uppercase;
	color: #666;
	font-size: 10px;
	text-decoration: underline;
}
.npo_name a:hover {
	color: #999;
}
/*.npo_name a:visited {
  color: #333;
}*/
.opportunity_name a {
	font-size: 11px;
	color: #666;
}
.opportunity_name a:hover {
}
/*.opportunity_name a:visited {
}*/
#page_banner {
	display: block;
	font-size: 15px; 
	font-weight: bold;
	color: #333;
margin: 10px 0 -10px 0;
}
	#page_banner .change_locale a {
		font-size: 12px;
	}
.twocolumnbox {
	width:630px;
	border: solid 1px #dedede;
	margin-bottom: 10px;
}
	.twocolumnbox.partnersBox {
		border: none;
		border-top: dotted 1px #dedede;
	}
	.twocolumnbox .tableRow {
		width: 630px;
		text-align: center;
		padding-bottom: 15px;
	}
	.twocolumnbox .tableRow:after { content: ""; display: block; height: 0; clear: both; }
	.twocolumnbox  .tableCell {
		display: block;
		float: left;
		text-align: center;
		width: 104px;
		overflow: hidden;
	}
	.featured_header, .opportunity_header, .partners_header {
		display: block;
		width: 615px;
		/* width:expression(630 + "px"); */
		height: 27px;
		background: transparent url(/images/green_box_header_bg.jpg) repeat-x top left;
		padding: 5px 0 0 15px;
		font-size: 16px;
		color: #333;
	}
	.partners_header {
		background: none;
	}
	.opportunity_header {
		background: transparent url(/images/grey_box_header_bg.jpg) repeat-x top left;
	}
	.twocolumnbox_container{
		width: 615px;
		/* width: expression(630 + "px"); */
		border-top: 1px dotted #a1a5a9;
		padding: 19px 0 17px 15px;
	}
	.cellone a {
		display: block;
		position: relative;
		left: 15px;
		top: -18px;
		margin-bottom: -18px;
		width: 190px;
	}
	.cellone:after { content: ""; display: block; height: 0; clear: both; }
	
	.partnersBox .twocolumnbox_container{
		border: none;
		padding-left: 0px;
		text-align: center;
	}
		.twocolumnbox_left {
			float: left;
			width: 100px;
		}
		.twocolumnbox_left.opp_left {
			width: 80px;
		}
		.twocolumnbox_right {
			float: left;
			width: 470px;
		}
		.twocolumnbox_right.opp_right {
			width: 525px;
			margin-left: 10px;
		}
		.twocolumnbox_right.single {
			width: 615px;
		}
		.partnersBox .twocolumnbox_right.single {
			width: 630px;
		}

/* Feature specfic */
			.twocolumnbox_hed a {
				display: block;
				text-transform: uppercase;
				color: #666;
				font-size: 10px;
				text-decoration: underline;
			}
			.twocolumnbox_details {
				display: block;
			}
				.twocolumnbox_name a {
					font-size: 16px;
				}
				.twocolumnbox_type a {
					font-size: 11px;
					color: #666;
				}
			.twocolumnbox_location {
				font-size: 12px;
				color: #656363;
				display: block;
			}
			.twocolumnbox_excerpt {
			}
			/* possibly move to Global */
			.read_more {
				display: block;
				background: transparent url(/images/green_right_arrow.jpg) no-repeat center left;
				padding: 0px;
				margin: 0px;
			}	
				.read_more a {
					padding-left: 8px;
					font-size: 12px;
				}
		
/*
 * Used to display map
 */
.miniMap_container {
	width: 608px;
	border: 1px solid #ff9900;
	background: #ffffcc;
	padding: 10px;
	margin:  10px 0 0 -15px;
}
	.mapthis_pointer {
		margin-bottom: -16px;
		position: relative;
		left: 355px;
	}
	* html .mapthis_pointer {
		margin-bottom: -20px;
	}
	.control_block {
		width: 608px;
		text-align: right;
	}
	.control_block a {
		color: #cc0000;
		font-size: 12px;
	}
	.left_mapblock, .right_mapblock {
		float: left;
		width: 300px;
	}
	.right_mapblock {
		width: 295px;
		padding-left: 10px;
	}
	.map_hed {
		font-size: 12px;
		color: #747272;
		display: block;
		margin-bottom: 5px;
	}
	.map_causeDept {
		font-size: 12px;
		color: #333333;
		display: block;
		font-weight: bold;
	}
	.map_dek {
		font-size: 12px;
		color: #333333;
		display: block;
		font-weight: bold;
		margin-bottom: 12px;
	}
	.map_causeOrg {
		font-size: 10px;
		color: #747272;
		display: block;
		text-transform: uppercase;
		padding-left: 15px;
	}
	.map_causeName {
		font-size: 12px;
		font-weight: bold;
	}
	.map_causeType {
		font-size: 12px;
		color: #747272;
	}
	.map_causeLocation {
		font-size: 12px;
		color: #333333;
		display: block;
	}
	.google_map
		width: 300px;
		height: 300px;
	}

/*
 * Used primarily on the 'Recent opportunities' box
 */
.single_column_row {
}
	.single_column_row.opp_search_link {
		margin-top: 23px;
	}
.tableheader {
	width: 615px;
	height: 15px;
	/* width:expression(630 + "px"); */
	background: #f4f4f4;
	padding: 4px 0 4px 15px;
	border-top: 1px dotted #a1a5a9;
}
	.tableheader h3 {
		font-size: 12px;
		color: #666666;
		font-weight: bold;
	}
.tableheader.animalsNav {
	margin-top: -3px;
	background: #ffffff;
	border-top: 1px solid #a1a5a9;
}

.three_column_row { padding: 0; width:520px;}
	.cellzero {
		float: left;
		display: block;
		width: 90px;
		padding: 0;
	}
	.cellone {
		float: left;
		display: block;
		width: 220px;
		padding: 0;
	}
	.cellone.cellone_large {
		width: 313px;
		padding: 0;
	}
	.celltwo {
		float: left;
		display: block;
		width: 105px;
		padding: 0;
	}
	.cellthree {
		float: left;
		display: block;
		width: 180px;
		padding: 0;
	}
.three_column_row:after { content: ""; display: block; height: 0; clear: both; }

.search_link {
	font-size: 11px;
}
.mapthis_link {
	font-size: 11px;
	text-decoration: underline;
	color: #333333;
	padding-left: 7px;
	border-left: 1px solid #dedede;
	margin-left: 5px;
}

.cause_box {
	width:628px;
	border: solid 1px #dedede;
	margin-bottom: 10px;
}
	.cause_header {
		display: block;
		width: 615px;
		height: 27px;
		background: transparent url(/images/green_box_header_bg.jpg) repeat-x top left;
		padding: 5px 0 0 15px;
		font-size: 16px;
		color: #333;
	}
	.cause_container{
		border-top: 1px dotted #a1a5a9;
		padding: 19px 0 0 15px;
	}
		.cause_box_left {
			float: left;
			width: 101px;
		}
		.cause_box_center {
			float: left;
			width: 309px;
			padding-right: 10px;
		}
			.cause_hed a {
				display: block;
				text-transform: uppercase;
				color: #666;
				font-size: 10px;
				text-decoration: underline;
			}
			.cause_details {
				display: block;
			}
				.cause_name a {
					font-size: 16px;
				}
				.cause_type a {
					font-size: 11px;
					color: #666;
				}
				#npo_details .cause_date {
				  display: block;
				}
			.cause_location {
				font-size: 12px;
				color: #656363;
				display: block;
			}
			.cause_excerpt {
			}
			.read_more {
				display: block;
				background: transparent url(/images/green_right_arrow.jpg) no-repeat center left;
				margin: 5px 0 13px 0;
			}	
				.cause_read_more a {
					padding-left: 8px;
					font-size: 12px;
				}
		.cause_box_right {
			float: left;
			width: 193px;
		}

h3.opp_cat_name {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.opp_name{
	font-size: 12px;
	color: #333333;
}
a.opp_name{
	font-size: 12px;
	color: #0076a3;
}
.opp_name a{
	font-size: 12px;
	text-transform: capitalize;
}
.opp_type, .opp_type a {
	list-style: none;
	color: #666666;
	font-size: 11px;
}
.opp_org, .opp_org a {
	color: #666666;
	font-size: 10px;
	text-decoration: underline;
	text-transform: uppercase;
}
	.opp_org a:hover {
		color: #999999;
	}

#page_dek, #npo_dek {
	width: 615px;
	/* width: expression(630 + "px"); */
	border-top: dotted 1px #a1a5a9;
	border-bottom: dotted 1px #a1a5a9;
	padding: 5px 0 0px 15px;
	margin-bottom: 10px;
}
	#dek_heading {
		font-size: 28px;
	}
	#dek_summary {
		margin-top: 6px;
		font-size: 14px;
	}

	#npo_details {
		width: 425px;
		float: left;
		margin-right: 10px;
	}
		#npo_name {
			font-size: 10px;
			text-transform: uppercase;
			color: #666666;
			display: block;
			text-decoration: underline;
		}
		#npo_program {
			font-size: 25px;
			color: #333333;
		}
		#npo_program_type {
			font-size: 12px;
			color: #666666;
		}
		.pending_moderation {
			background-color: #ffe7e7;
			border-top: 1px solid #cc0000;
			border-bottom: 1px solid #cc0000;
			font-size: 12px;
			padding: 11px 13px 11px 13px;
			margin-bottom: 10px;
		}
		#npo_date {
			font-size: 12px;
			color: #666666;
			display: block;
		}
		#npo_location {
			font-size: 12px;
			color: #666666;
			display: block;
			margin-bottom: 11px;
		}
		#npo_website {
			display: block;
			margin: -3px 0 15px 0;
		}
			#npo_website a {
				font-size: 11px;
				padding: 2px 24px 2px 0;
				margin-right: auto;
				background: transparent url(/images/icons/visit_icon.jpg) no-repeat center right;
			}
			
		#npo_summary {
			width: 425px;
		}
		#npo_contact { margin-top: .5em;}
			#npo_contact h3 {
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				margin-bottom: 5px;
			}
		.npo_supports {margin-top: .5em;}
			.npo_supports h3 {
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				margin-bottom: 5px;
			}
			.npo_supports a {
				font-size: 12px;
				padding: 0 7px 0 7px;
				border-right: 1px solid #b4b4b4;
			}
			.npo_supports a.first {
				padding-left: 0px;
			}
			.npo_supports a.last {
				font-size: 12px;
				padding-right: 0px;
				border-right: none;
			}
			
	#act_now {
		float: left;
	}
	#act_now .img_wrap {
		width:180px;
	  overflow:hidden;
	}
		#act_now h3 {
			font-size: 12px;
			font-weight: bold;
			color: #333333;
			margin-bottom: 4px;
		}
		#actnow_options, #social_options {
			list-style: none;
		}
		#actnow_options li, #social_options li {
			margin-bottom: 4px;
		}
		#social_options {
			padding-left: 18px;
			display: none;
		}
		#actnow_options a, #social_options a {
			font-size: 12px;
			padding-left: 24px;
		}


			#email_option {
				background: transparent url(/images/icons/email_icon.jpg) no-repeat center left;
			}
			#share_option, #feature_option {
				background: transparent url(/images/icons/share_icon.jpg) no-repeat top left;
			}
				#delicious_option {
					background: transparent url(/images/icons/delicious_icon.jpg) no-repeat center left;
				}
				#digg_option {
					background: transparent url(/images/icons/digg_icon.jpg) no-repeat center left;
				}
				#facebook_option {
					background: transparent url(/images/icons/facebook_icon.jpg) no-repeat center left;
				}
				#permalink_option {
					background: transparent url(/images/icons/permalink_icon.jpg) no-repeat center left;
				}
			#print_option {
				background: transparent url(/images/icons/print_icon.jpg) no-repeat center left;
			}
			#calendar_option {
				background: transparent url(/images/icons/calendar_icon.jpg) no-repeat center left;
			}
			#visit_option {
				background: transparent url(/images/icons/visit_icon.jpg) no-repeat center left;
			}
			#donate_option {
				background: transparent url(/images/icons/donate_icon.jpg) no-repeat center left;
			}
			#dashboard_option, #edit_option {
				background: transparent url(/images/icons/edit_icon.jpg) no-repeat center left;
			}
			#approve_option {
				background: transparent url(/images/icons/stm/check.gif) no-repeat 3px 2px;
			}
			#end_moderation {
				background: transparent url(/images/icons/stm/check.gif) no-repeat 3px 2px;
			}
			#begin_moderation {
				background: transparent url(/images/icons/stm/alert.gif) no-repeat 3px 2px;
			}

#supported_cause_container {
	margin-left: 12px;
	margin-bottom: 20px;
}
	#supported_cause_container .cause_name a {
		font-size: 16px;
		display: block;
	}
	#supported_cause_container .cause_type a {
		font-size: 10px;
		color: #666;
	}
	#supported_cause_container .cause_location {
		font-size: 12px;
		color: #656363;
		display: block;
	}
	#supported_cause_container .cause_excerpt {
		color: #333333;
		margin: 2px 0 4px 0;
		display: block;
	}

.back_link {
	font-size: 12px;
	display: block;
	margin: 0px 0 18px 0;
}
.back_link.bottom {
	margin-top: 11px;
}
.expand a {
	font-size: 12px;
	/*display:block;
	margin-bottom: 15px;*/
}
.more_text {
	display: none;
}
#results_page_header {
	padding: 15px 0 7px 0;
	border-top: 1px dotted #a1a5a9;
	border-bottom: 1px dotted #a1a5a9;
	font-size: 12px;
	margin-top: 10px;
}
	#results_page_header form {
		display: inline;
	}
	#results_hed {
	}
	#results_param {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 21px 0;
	}
	#results_param .separator {
	  font-size: 12px;
	}
	#results_info_bar {
	}
		#results_data {
			float: left;
		}
		#results_options {
			float: right;
		}
	#search_sort {
		margin: 8px 0 12px 0;
	}
		#search_sort h3 {
			font-weight: bold;
			display: inline;
		}
		#search_sort a {
			font-size: 12px;
			padding: 0 5px 0 7px;
			border-left: 1px solid #bebebe;
		}
		#search_sort a.first {
			border-left:none;
		}
		#search_sort a.current {
			color: #333333;
		}
		#search_sort a.current:hover {
			color: #333333;
			text-decoration: none;
		}
#results_listing {
	display: block;
	margin-top: -16px;
	border-top: 1px solid #bebebe;
	padding-bottom: 20px;
	border-bottom: 1px dotted #a1a5a9;
}
* html #main #results_listing {
	margin-top: 0px;
}
#center_main #results_listing {
	margin: 22px 0 0 0;
	border-top: none;
	border-bottom: 1px dotted #a1a5a9;
}

#narrow_results {}
	#narrow_results h3 {
		font-size: 16px;
		border-bottom: 1px dotted #a1a5a9;
		padding-bottom: 2px;
		margin-top: 18px;
	}
	.results_filter {
		padding: 15px 0 0 14px;
	}
		.results_filter h4 {
			font-weight: bold;
			font-size: 15px;
			margin-bottom: 5px;
		}
	.results_filter ul {
		list-style: none;
		/*padding-left: 18px;*/
	}
	.results_filter a {
		font-size: 12px;
		color: #666666;
	padding-left: 18px;
	}
	.results_filter a:hover {
		font-weight: bold;
		color: #333333;
		background: url(/images/results_filter_indicator.jpg) no-repeat center left;
	}
	.results_filter .current a{
		background: url(/images/results_filter_indicator.jpg) no-repeat center left;
		font-weight: bold;
		color: #333333;
	}
#result_container {
	font-size: 16px;
	color: #666666;
	margin-top: 21px;
}
	#result_container .npo_name {
		text-transform: uppercase;
		font-size: 10px;
		display:block;
		padding-left: 17px;
		text-decoration: underline;
		margin-bottom: 2px;
	}
	#result_container .cause_name  {
		font-size: 16px;
		display: block;
		margin-bottom: -2px;
	}
	#result_container .cause_type {
		font-size: 10px;
		color: #666;
	}
	#result_container .cause_date {
		display: block;
		font-size: 12px;
		padding-left: 17px;
		margin-bottom: -2px;
	}
	#result_container .cause_location {
		font-size: 12px;
		color: #656363;
		display: block;
		padding-left: 17px;
	}
	#result_container .cause_excerpt {
		font-size: 12px;
		color: #333333;
		margin: 5px 0 4px 0;
		display: block;
		padding-left: 17px;
	}
	#result_container .npo_supports {
		padding-left: 17px;
	}
	#result_container .npo_supports h3 {
		margin-bottom: -2px;
	}
#results_pagination {
	text-align: center;
	margin-top: 10px;
}
	#results_pagination a {
		font-size: 11px;
	}
/*  #results_pagination a:visited {
    color: #333333;
  }*/
	.prev_link {
		margin-right: 10px;
	}
	.next_link {
		margin-left: 10px;
	}
	a.number_box {
		padding: 3px 6px 3px 6px;
		border: 1px solid #a1a5a9;
		background: #f0f0f0;
		margin-right: 2px;
		color: #333333;
	}
	a.number_box:hover, .number_box.active {
		background: #ffffff;
	}

.search_causes {}
	.search_causes h3 {
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		margin-bottom: 5px;
	}
	.search_causes ul {
		list-style: none;
		list-style-image: url(/images/list_grey_disc.jpg);
		padding-left: 15px;
	}
	.search_causes a {
		font-size: 12px;
	}
#search_all {
	display: block;
	font-size: 11px;
	margin-top: 25px;
}
/***********************************************************************
	Sidebar Styles
************************************************************************/
/* Suggest a NPO */
#suggest_npo {
	background: transparent url(/images/suggest_npo_bg.jpg) no-repeat center right;
	padding: 13px 15px 13px 15px;
	border: 1px solid #bebebe;
	margin-top: 10px;
	width: 270px;
	/* width:expression(300 + "px"); */
	}
	#sn_teaser {
		font-size: 16px;
		color: #333333;
	}
	#sn_callout {
		background: transparent url(/images/green_right_arrow.jpg) no-repeat center left;
	}
	#sn_callout a {
		font-size: 12px;
		padding-left: 8px;
	}
/* Map for search results */
#search_results_map {
	padding-bottom: 21px;
	margin: -15px 0 10px 0;
	border-bottom: 1px dotted #a1a5a9;
}
	#search_results_map h3 {
		font-size: 12px;
		color: #666666;
		margin-top: 8px;
	}
/* 300 x 200 ad slot */
#sidebar_ad{}

/* Powered by good2gether slot */
#powered_by {
	margin-top: 10px;
	width: 272px;
  /* width:expression(290 +"px"); */
	background: transparent url(/images/powered_by_bg_gradient.jpg) repeat-x top left;
	padding: 14px;
	border-top: 1px dotted #a1a5a9;
	border-bottom: 1px dotted #a1a5a9;
}
	#powered_by_header {
		display: block;
		font-size: 16px;
		color: #333;
	}
	#powered_by_header img {float: left; text-align: bottom;}
		.logo_2 {color: #7bbe29; }
	#powered_by_content {
		display: block;
		padding-top: 14px;
	}
	#powered_by_logo {
		float: right;
	}
	#powered_by a {
		font-size: 12px;
	}
/* Most '*' slot */
/* 
 * I'm breaking the rules and putting the 
 * most box tab nav here just to keep it a little 
 * sanity
 */ 
#sidebar_mostbox {
	margin-top: 11px;
	font-size: 11px;
}
	.tabbed_nav.mostbox {
		margin-left: -8px;
	}
	#mostbox_tabnav {
		display: block;
		width: 300px; /* 308 */
	  	font-size:12px;
	  	line-height:normal;
		/* margin-left: -8px; */
	z-index: 10000;
	background: #fff url(/images/tabbed_nav_bg.jpg) repeat-x left bottom;
	  }
		#mostbox_tabnav ul {
		  margin:0;
		  padding:0px 8px 0;
		  list-style:none;
		  }
		#mostbox_tabnav li {
		  float:left;
		  background: transparent url(/images/tabbed_nav_left.jpg) no-repeat left top;
		  margin:0;
		  padding:0 0 0 9px;
		  }
		#mostbox_tabnav a {
		  float:left;
		  display:block;
		font-size: 12px;
		  background:transparent url(/images/tabbed_nav_right.jpg) no-repeat right top;
		  padding:10px 10px 3px 0px;
		  text-decoration:none;
		  font-weight:normal;
		  color:#666666;
			white-space: nowrap;
		  }
		/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	#mostbox_tabnav a {float:none;}
	/* End IE5-Mac hack */
	#mostbox_tabnav a:hover {
	  	color:#666666;
		text-decoration: underline;
	  }
	#mostbox_tabnav .ui-tabs-selected {
	  background-image:url(/images/tabbed_nav_left_on.jpg);
		border-bottom: 1px solid white;
	  }
	#mostbox_tabnav .ui-tabs-selected a {
	background-color: #fff;
	  background-image:url(/images/tabbed_nav_right_on.jpg);
	  color:#666666;
	  }
	#mostbox_contents {
		width:280px;
		margin-top: -1px;
		border: 1px solid #bebebe;
		padding: 10px 9px 15px 9px;
z-index: 90;
	}

		#mostbox_contents ol {
			padding-left: 20px;
		}
		#mostbox_contents ol a {
			font-size: 12px;
		}
		#mostbox_contents .mostbox_type {
			font-size: 11px;
		}

#sidebar_join_now {
	width: 285px;
	/* width:expression(300 +"px"); */
	border: 1px solid #bebebe;
	margin-top: 10px;
	padding: 10px 0 0 15px;
}
	.jn_two_column {}
		.jn_teaser {
			width: 150px;
			display: block;
			float: left;
		}
			.jn_callout {
				font-size: 11pt;
				color: #80bd36;
				text-transform: uppercase;
				vertical-align: middle;
				font-weight: bold;
			}
		.jn_logo {
			width: 132px;
		}
		* html .jn_logo { float: left; }
	.jn_single_column {}
		.jn_link {
			display: block;
			background: transparent url(/images/green_right_arrow.jpg) no-repeat center left;
			margin: -20px 0 10px 0;
		}
			.jn_link a {
				padding-left: 8px;
			}	

/* duplicated in admin.css */
#sponsored_by {
	width: 100%;
	border-bottom: 1px dotted #bebebe;
	overflow: auto;
}
#sponsored_by td {width:138px; height:70px; vertical-align:middle;}
#sponsored_by  img {display:block; margin-left:auto; margin-right:auto;}

/** not currently used **
	.logo_row {
		padding: 15px 0 15px 0;
	}
	.logo_row:after { content: ""; display: block; height: 0; clear: both; }
		.left_cell, .right_cell {
			width: 140px;
			text-align: center;
			display: block;
			float: left;
		}
  ** not currently used **/
 
#sidebar_map {
	margin-top: 10px;
	padding-bottom:20px;
	border-bottom: 1px dotted #bebebe;
}
	#sidebar_map_hed {
		margin-top: 10px;
		margin-bottom: 5px;
		font-size: 12px;
		color: #333333;
		display: block;
	}
	#sidebar_map_npo_name {
		font-size: 12px;
		color: #333333;
		display: block;
		font-weight: bold;
	}
	#sidebar_map_content_details {
		display: block;
	}
		#sidebar_map_content_details ol {
			padding-left: 18px;
		}
	#sidebar_map_content_name {
		font-size: 12px;
		color: #333333;
		font-weight: bold;
	}
	#sidebar_map_type {
		font-size: 10px;
		color: #333333;
		text-transform: uppercase;
	}
	#sidebar_map_location {
		font-size: 12px;
		color: #333333;
		display: block;
	}
/***********************************************************************
	Footer Styles
************************************************************************/
#footer {
	background:transparent url(/images/footer_background.jpg) no-repeat scroll left top;
	/*height:30px;
	margin-top:13px;
	padding:28px 0 0 10px;
	width:936px;*/
	
	margin:35px auto 0;
padding:30px 17px 20px;
width:916px;
}
	#footer a {
		text-decoration: none;
		font-size: 11px;
	}
	#internal_links {
		float: right;
	}
		#internal_links a {
			padding: 0 7px 0 7px;
			border-right: 1px solid #a1a5a9;
		}
		#internal_links a.last {
			border: none;
		}
	#copyright {
		float: left;
		color: #a1a5a9;
	}

/***********************************************************************
	Rounded Corner Styles
************************************************************************/
/* 
 * These are here in an effort to keep a handle on the various implementations
 * of the 'rounding'
 */

.header_rounded_container {
	color: #fff;
}

.header_rounded_container p {
	/*
	 * margin is set to the width of the corner images
	 */
}

.header_rounded_top { 
	background: #616161 url(/images/corners/head_tr.jpg) no-repeat top right; 
}

.header_rounded_bottom {
	background: #80bd36 url(/images/corners/head_br.jpg) no-repeat bottom right; 
}

img.header_rounded_corner {
   width: 7px;
   height: 7px;
   border: none;
   display: block !important;
}
/***********************************************************************
	Alert Styles
************************************************************************/

#search_alert {
	background: #ffe7e7;
	border-top: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	font-size: 12px;
	padding: 11px 13px 11px 13px;
}
	#search_alert a {
		font-size: 12px;
	}

div#sidebar div#map a {font-size: 8pt; margin-bottom: 15px;}
div#sidebar div#map { width:298px; height:298px; clear:right; background: #ddd; border:1px solid #999999; }

			.mapHidden {
				display: none;
				visibility: hidden;
			}	
			.mapVisible {
				display: block;
				visibility: visible;
			}	


#location_intercept {
	z-index: 1000;
	width: 310px;
	background-color: #ffe7e7;
	border-top: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	position: absolute;
	left: 340px;
	top: 400px;
	display: block;
}
	#location_intercept input.zipcode {
		width: 209px;
		float: left;
		border: 2px inset #dddddd;
		font-style: italic;
		color: #999999;
		margin-top: 7px;
		padding: 2px 0 2px 0;
	}
	#location_intercept div.wrapper {
		padding: 14px 23px 27px 23px;
		display: block;
	}
	#location_intercept .control_block {
		width: 100%;
		text-align: right;
	}
	#location_intercept .control_block a {
		color: #cc0000;
		font-size: 12px;
	}
	#location_intercept .title {
		color: #cc0000;
		font-size: 15px;
		font-weight: bold;
	}
	#location_intercept .hed {
		font-size: 15px;
		font-weight: bold;
	}

form .note {
	font-size: 11px;
	color: #666;
}

#visitorLocation input {
  height: 18px;
  font-size: 100%;
}


/* Error styles */
#error_box {
       margin: 49px auto;
       width: 775px;
}
       #error_container {
               border-left: 1px solid #999999;
               border-right: 1px solid #999999;
               width: 757px;
               padding: 13px 0 20px 16px;
               background: #ffffff;
       }
       #error_container #error_icon, #error_container #error_text {
               float: left;
       }
       #error_container #error_icon {
               margin-right: 14px;
       }
       #error_container .page_hed {
               display: block;
               font-size: 26px;
               color: #999999;
               font-weight: bold;
       }
       #error_container #error_text {
               width: 657px;
       }
       #error_container ul {
               list-style-image: url(images/list_grey_disc.jpg);
       }
       #error_container li {
               margin: 3px 0 0 25px;
       }
#header_bar.server_error {
       background: none;
}
#page_banner {
    color:#333333;
    display:block;
    font-size:20px;
    font-weight:bold;
    margin:14px 0pt -10px;
}
#visitorLocation input {
    font-size:100%;
    height:18px;
}
#visitorLocation input {
    border:1px solid #BEBEBE;
}
#visitorLocation input.typing {
    font-size:90%;
    padding:3px;
}
#visitorLocation input {
    font-size:75%;
}
#visitorLocation .change_locale, #visitorLocation .change_locale a {
    font-size:10px;
}
/** Email a friend **/

#email_a_friend { padding: 5px; }
#email_a_friend .dc_logo, 
#email_a_friend .sponsor_logo { position: absolute; top: 15px; margin: 10px; }
#email_a_friend .sponsor_logo { right: 10px;}
#email_a_friend .formbody { position: relative; top: 20px; left: 20px; }
#email_a_friend .tos_and_froms {float: left; width: 375px; margin-right: 15px; }
#email_a_friend .tos_and_froms label { font-size: 1.3em; float: left; display: block; width: 100px; clear: left; line-height: 1em; }
#email_a_friend .tos_and_froms label small { display:block; color: #999; font-weight: normal; }
#email_a_friend .tos_and_froms label.to { margin-top: 10px; }
#email_a_friend .tos_and_froms input { float: right; border: 0; border-bottom: 2px dashed #ababab; width: 275px; }
#email_a_friend textarea { width: 330px; height: 200px;}
#email_a_friend .footer { clear: both; color: #999; text-align: center; }
#email_a_friend p.submit { text-align: center; margin-top: 25px; }
#email_a_friend p.submit input {  text-align: center; float: none; display: inline; }
#email_a_friend textarea {border: 1px solid #919DBC; width: 450px; padding: 1px 2px 1px 2px; font-size: 9pt; }

#email_a_friend .send   {}
#email_a_friend .cancel {}
#nav_elements #dg_logo {
    padding-top: 5px;
    text-align: right;
    /*display: inline;*/
    background:url("/images/navigation/nav_left_both.jpg") repeat-x left top;
    width:100%;
}
#nav_elements #dg_logo img { 
    /*position:absolute;*/ 
    right:6px;
    top:6px;
    float : right;
  } 
  
#jump_links {
border-top:1px dotted #A1A5A9;
padding:4px;
width:615px;
}    

#jump_links a {
font-size:12px;
}

table.recent td.opp_name, th.opp_name {
width:190px;
}

table.recent td.opp_type, th.opp_type {
width:105px;
}

table.recent td.opp_org, th.opp_org {
width:180px;
}

#jump_links span {
border-left:1px solid #DEDEDE;
padding-left:4px;
padding-right:4px;
}

.mapthis_link_way {
color:#333333;
font-size:11px;
margin-left:5px;
text-decoration:underline;
}

.search_link_way {
border-left:1px solid #DEDEDE;
font-size:11px;
padding-left:7px;
}

a.jump_top {
display:inline;
float:right;
font-size:11px;
margin-right:10px;
margin-top:-20px;
}