/*********************
  general items
*********************/
* {
	margin: 0;
	padding: 0;
}
a {
 color: #009de9;
}
a img {
	border: 0;
}
a:focus {
	outline: 0;
}
a:hover {
	color: #005f8d;
}
fieldset {
	border: 0;
}
.clb {
	clear: both;
}
#main_content ul {
  /* list-style-image: url(/assets/tapproject/images/steps_bullet.gif); */
  list-style-image:none;
  list-style-type: disc;
	margin-left: 18px;
}
#main_content ul li {
	margin-bottom:0.5em;
}

#main_content ol {
	margin-left: 18px;
}
#main_content ol li {
	margin-bottom:0.5em;
}
/*********************
  Main Styles
*********************/
html {
	min-width: 900px;
	font: .627em Verdana, Arial, Helvetica, sans-serif;
	background: url(/assets/tapproject/images/html_bgr.gif) no-repeat 0 0;
}
body {
	min-width: 900px;
	text-align: center;
	background: url(/assets/tapproject/images/body_bgr.gif) no-repeat top right;
	color: #333;
}
#container_wrapper {
	background: url(/assets/tapproject/images/blue_buttons_bgr.gif) repeat-x 0 343px;
}
#container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}
#main_content h1 {
	color:#00AEEE;
	font-weight:bold;
	font-size:20px;
	font-family:Verdana, sans-serif;
	text-transform:uppercase;
}
#main_content h1.headline {
	color:#00AEEE;
	font-weight:bold;
	font-size:22px;
	font-family:Verdana,sans-serif;
	text-transform:uppercase;
}
#main_content a {
	text-decoration:underline;
	font-weight:bold;
}
#main_content strong, #main_content bold {
	color:#005f8d;
} 
.text_wide h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#005f8d;
	padding:0.8em 0 0.3em;
}
.text_wide h2 {
	font-size:16px;
	font-weight:bold;
	padding:1em 0 0.3em;
}
.text_wide ul {
	/* list-style-image: url(/assets/tapproject/images/steps_bullet.gif); */
  list-style-image:none;
  list-style-type: disc;
	margin:0 0 0 20px;
}
.text_wide ul li {
	padding-bottom: 12px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #3b3b3b;
}
 
.text_wide form p,
.Explicit,
.text_wide form select {
	font-size:8pt;
	*font-size:9pt;
}
span#sharethis_0 {
	display:none;
}
.image-caption {
	margin-left:18px;
}
.image-caption p, .photocredit {
	font:10px Verdana,sans-serif !important;
	color: #a9a9a9 !important;
	margin:0 0 0 0 !important;
}
p.photocredit {
	text-transform: uppercase !important;
	text-align:right !important;
	padding-bottom:8px !important;
}
 
/*********************
  header & footer
*********************/
#header {
	float: left;
	width: 900px;
}
a#logo {
	float: left;
	display: inline;
	margin-left: 34px;
}
a#logo img {
	display: block;
	padding: 41px 26px 15px 0px;
}
ul#nav {
	float: left;
	clear: left;
	display: inline;
	margin-left: 34px;
	padding-bottom: 13px;
	padding-top: 18px;
	width: 128px;
	list-style-type: none;
	height: 256px;
}
ul#nav li {
	float: left;
	clear: left;
	padding-bottom: 6px;
	width: 128px;
}
ul#nav li a {
	float: left;
	clear: left;
	display: block;
	padding-top: 24px;
	width: 128px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/nav_2011.gif) no-repeat 0 0;
}
 
ul#nav li#about a       { background-position: 0px   0px;  }
ul#nav li#tap a         { background-position: 0px  -30px; }
ul#nav li#restaurants a { background-position: 0px  -60px; }
ul#nav li#volunteer a   { background-position: 0px  -90px; }
ul#nav li#donate a      { background-position: 0px -120px; }
ul#nav li#media a       { background-position: 0px -150px; }
ul#nav li#partners a    { background-position: 0px -180px; }
ul#nav li#shop a        { background-position: 0px -210px; }
ul#nav li#events a      { background-position: 0px -240px; }
ul#nav li#celebrity a	{ background-position: 0px -270px; }

 
ul#nav li#about a:hover,
ul#nav li#about a.on          { background-position: -128px   0px;  }
ul#nav li#tap a:hover,
ul#nav li#tap a.on            { background-position: -128px  -30px; }
ul#nav li#restaurants a:hover,
ul#nav li#restaurants a.on    { background-position: -128px  -60px; }
ul#nav li#volunteer a:hover,
ul#nav li#volunteer a.on      { background-position: -128px  -90px; }
ul#nav li#donate a:hover,
ul#nav li#donate a.on         { background-position: -128px -120px; }
ul#nav li#media a:hover,
ul#nav li#media a.on          { background-position: -128px -150px; }
ul#nav li#partners a:hover,
ul#nav li#partners a.on       { background-position: -128px -180px; }
ul#nav li#shop a:hover,
ul#nav li#shop a.on           { background-position: -128px -210px; }
ul#nav li#events a:hover,
ul#nav li#events a.on         { background-position: -128px -240px; } 
ul#nav li#celebrity a:hover,
ul#nav li#celebrity a.on      { background-position: -128px -270px; } 
 
ul#top_nav {
	float: right;
	display: inline;
	padding: 15px 22px 0 0;
	list-style-type: none;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
	color: #4c4c4c;
	font-size: .92em;
}
ul#top_nav li {
	float: left;
	display: inline;
}
ul#top_nav li a {
	float: left;
	display: block;
	padding-top: 14px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/top_nav.png) no-repeat top left;
}
 
ul#top_nav li#tn_search a {
	width: 46px;
	background-position: 0 0;
}
ul#top_nav li#tn_contact a {
	width: 60px;
	background-position: -48px 0;
}
ul#top_nav li#tn_volunteer a {
	width: 102px;
	background-position: -108px 0;
}
ul#top_nav li#tn_restaraunt a {
	width: 109px;
	background-position: -210px 0;
}
ul#top_nav li#tn_unicef a {
	width: 91px;
	background-position: -319px 0;
}
ul#top_nav li#share a {
	width: 85px;
	background-position: -410px 0;
}
ul#top_nav li#tn_espanol a {
	width: 66px;
	background-position: -502px 0;
}
ul#top_nav li#tn_search a:hover {
	background-position: 0px -14px;
}
ul#top_nav li#tn_contact a:hover {
	background-position: -48px -14px;
}
ul#top_nav li#tn_volunteer a:hover {
	background-position: -108px -14px;
}
ul#top_nav li#tn_restaraunt a:hover {
	background-position: -210px -14px;
}
ul#top_nav li#tn_unicef a:hover {
	background-position: -319px -14px;
}
ul#top_nav li#share a:hover {
	background-position: -410px -14px;
}
ul#top_nav li#tn_espanol a:hover {
	background-position: -502px -14px;
}
 
#flash_content_1 {
 
	float: right;
	clear: right;
	display: inline;
	margin: 17px 3px 30px 0;
	height: 183px;
	width: 344px;
}
#blue_buttons #flash_content2 {
	position: absolute;
	top: -237px;
	left: 210px;
	z-index: 100;
	width: 240px;
	height: 391px;
}
#flash_content_3 {
	float: left;
	width: 536px;
	height: 212px;
}
#flash_content_1 img,
#flash_content_2 img,
#flash_content_3 img {
	display: block;
}
 
p#world_water_week {
	float: right;
	clear: right;
	display: inline;
	margin: 25px 28px 0 0;
	padding-top: 45px;
	width: 210px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/worldwaterweek.png) no-repeat 0 0;
}
#blue_buttons {
	float: left;
	position: relative;
	clear: both;
	width: 900px;
	height: 71px;
	background: url(/assets/tapproject/images/blue_buttons_bgr.gif) repeat-x 0 0;
}
 
ul#bb, ul#bb2 {
	float: right;
	padding: 9px 12px 0 0;
	list-style-type: none;
}
ul#bb li, ul#bb2 li {
	float: left;
	display: inline;
	margin-right: 16px;
}
ul#bb li a, ul#bb2 li a {
	float: left;
	display: block;
	padding-top: 54px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/bb.gif) no-repeat 0 0;
}
ul#bb li a {
	background: url(http://www.tapproject.org/assets/tapproject/images/bb_original.gif) no-repeat 0 0;
}
ul#bb li#find_btn a {
	width: 190px;
	background-position: 0 0;
}
ul#bb li#volunteer_btn a {
	width: 111px;
	background-position: -206px 0;
}
ul#bb li#donate_btn a {
	width: 82px;
	background-position: -333px 0;
}
ul#bb2 li#find_btn a {
	width: 145px;
	background-position: 0 0;
}
ul#bb2 li#volunteer_btn a {
	width: 111px;
	background-position: -161px 0;
}
ul#bb2 li#donate_btn a {
	width: 82px;
	background-position: -288px 0;
}
ul#bb li#find_btn a:hover, ul#bb2 li#find_btn a:hover {
	background-position: 0 -54px;
}
ul#bb li#volunteer_btn a:hover {
	background-position: -206px -54px;
}
ul#bb li#donate_btn a:hover {
	background-position: -333px -54px;
}
ul#bb2 li#volunteer_btn a:hover {
	background-position: -161px -54px;
}
ul#bb2 li#donate_btn a:hover {
	background-position: -288px -54px;
}
 
#footer {
	float: left;
	clear: both;
	margin: 0 auto;
	padding: 20px 22px 20px 32px;
	width: 846px;
}
#footer a#unicef_logo {
	float: left;
	display: inline;
	margin-right: 12px;
}
#footer #contact {
	float: left;
	display: inline;
	text-align:left;
}
#footer #contact ul {
	padding-top: 2px;
	list-style-type: none;
	text-transform: uppercase;
	color: #a9a9a9;
}
#footer #contact ul li {
	clear: left;
	padding-bottom: 3px;
	color: #a9a9a9;
	text-align:left;
}
#footer #contact ul li a {
	color: #a9a9a9;
	text-decoration: none;
}
 
#footer #supporters {
	float: right;
	width:135px;
	height:42px;

}
.blue_line {
	width: 100%;
	padding-top: 32px;
	background: url(/assets/tapproject/images/content_bgr.gif) repeat-x 0 0;
}
#f_positioner {
	width: 900px;
	margin: 0 auto;
}
/*********************
  main content items
*********************/
#content {
	clear: left;
	width: 900px;
}
#bottom_content_home {
	float: left;
	clear: left;
	width: 900px;
	background: url(/assets/tapproject/images/bottom_content_bgr.png) no-repeat 0 0;
}
 
a#sign_up {
	float: left;
	clear: left;
	display: inline;
	margin: 27px 0 0 47px;
	padding-top: 24px;
	width: 128px;
	height: 0;
	overflow: hidden;
	/* background: url(/assets/tapproject/images/sign_up.png) no-repeat 0 0; */
}
 
#water_stories {
	float: left;
	clear: left;
	display: inline;
	margin: 34px -5px 0 33px;
	width: 848px;
}
#left_module {
	float: left;
	width: 536px;
	height: 212px;
}
#right_module {
	float: left;
	padding: 9px 12px 16px 12px;
	width: 270px;
	border: 1px solid #e7e7e7;
	border-width: 9px 9px 9px 5px;
	background: #f3f3f3;
	height:169px;
}
ul#hp_tabs {
	float: left;
	list-style-type: none;
	margin-bottom: 10px;
	width: 272px;
	height: 61px;
}
ul#hp_tabs li {
	float: left;
	display: inline;
}
ul#hp_tabs li a {
	float: left;
	display: block;
	padding-top: 61px;
	width: 136px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/tabs.gif) no-repeat 0 0;
}
ul#hp_tabs li#managers a {
	background-position: 0 0;
}
ul#hp_tabs li#coordinators a {
	background-position: -136px 0;
}
ul#hp_tabs li#managers a:hover {
	background-position: 0 -122px;
}
ul#hp_tabs li#coordinators a:hover {
	background-position: -136px -122px;
}
ul#hp_tabs li#managers a.on {
	background-position: 0 -61px;
}
ul#hp_tabs li#coordinators a.on {
	background-position: -136px -61px;
}
div.tab_content {
	float: left;
	width: 273px;
}
div.tab_content .text_area {
	float: left;
	padding: 0 5px;
	width: 160px;
	font-size: 1.1em;
	line-height: 14px;
}
div.tab_content .text_area p {
	padding-bottom: 7px;
	color: #868686;
}
div.tab_content .img_area {
	float: left;
	width: 103px;
}
#tab2 {
display: none;
}
 
/**** subpages *****/
 
#side_glass_positioner {
	width: 168px;
	height: 434px;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	background: url(/assets/tapproject/images/side_glass.png) no-repeat 0 0;
}
#header.sub {
	background: none;
}
ul#top_nav_action {
	float: right;
	display: inline;
	padding: 15px 22px 0 0;
	list-style-type: none;
	text-transform: uppercase;
	font-family: Arial, Verdana, sans-serif;
	color: #4c4c4c;
	font-size: .92em;
}
ul#top_nav_action li {
	float: left;
	display: inline;
}
ul#top_nav_action li a {
	float: left;
	display: block;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/top_nav_action.png) no-repeat top left;
}
 
ul#top_nav_action li#tna_search a {
	width: 46px;
	background-position: 0 0;
}
ul#top_nav_action li#tna_volunteer a {
	width: 127px;
	background-position: -49px 0;
}
ul#top_nav_action li#tna_contact a {
	width: 64px;
	background-position: -176px 0;
}
ul#top_nav_action li#tna_unicef a {
	width: 82px;
	background-position: -240px 0;
}
 
ul#top_nav_action li#tna_search a:hover {
	background-position: 0 -10px;
}
ul#top_nav_action li#tna_volunteer a:hover {
	background-position: -49px -10px;
}
ul#top_nav_action li#tna_contact a:hover {
	background-position: -176px -10px;
}
ul#top_nav_action li#tna_unicef a:hover {
	background-position: -240px -10px;
}
 
a#back_to_tap {
	float: right;
	clear: right;
	margin: 45px 45px 0 0;
	padding-top: 12px;
	width: 148px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/back_to_site.gif) no-repeat 0 0;
}
a#back_to_tap:hover {
	background-position: 0 -12px;
}
 
div#left_col {
	float: left;
	position: relative;
	z-index: 2;
	padding-left: 33px;
	width: 167px;
}
.subpage1 div#left_col {
	float: left;
	padding-left: 34px;
	width: 128px;
}
div#main_content {
	float: left;
	padding-left: 33px;
	width: 667px;
}
.subpage1 div#main_content {
	float: left;
	padding-left: 40px;
	width: 698px;
}
#content.subpage {
	float: left;
	position: relative;
	padding-bottom: 40px;
}
.subpage1 {
	float: left;
	position: relative;
	padding-bottom: 40px;
}
ul#action_nav,
ul#action_nav ul {
	float: left;
	clear: left;
	width: 167px;
	list-style-type: none;
}
ul#action_nav ul {
	background: #d9f3fb;
	border-top: 3px solid #fff;
	margin-left: 1px;
	width: 164px;
	display: none;
}
ul#action_nav li.on ul {
	display: block;
}
 
ul#action_nav li {
	float: left;
	clear: left;
	margin-bottom: 6px;
	width: 167px;
}
ul#action_nav li li {
	margin-bottom: 0;
	width: 164px;
}
ul#action_nav li a {
	float: left;
	clear: left;
	padding-top: 24px;
	width: 167px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/action_nav.gif) no-repeat 0 0;
}
ul#action_nav li li a {
	float: left;
	clear: left;
	padding: 8px 12px 10px 12px;
	width: 140px;
	height: auto;
	overflow: auto;
	color: #3b3b3b;
	text-decoration: none;
	font-weight: bold;
	background: url(/assets/tapproject/images/hr.gif) no-repeat bottom left;
	background-position: top left!important;
}
ul#action_nav li li.first a {
	background: none;
	background-position: bottom left!important;
}
ul#action_nav li li a:hover {
	color: #005f8d;
}
 
ul#action_nav li#how a {
	background-position: 0 0;
}
ul#action_nav li#faq a {
	background-position: 0 -30px;
}
ul#action_nav li#blog a {
	background-position: 0 -60px;
}
 
ul#action_nav li#how a:hover,
ul#action_nav li#how a.on {
	background-position: -167px 0;
}
ul#action_nav li#faq a:hover,
ul#action_nav li#faq a.on {
	background-position: -167px -30px;
}
ul#action_nav li#blog a:hover,
ul#action_nav li#blog a.on  {
	background-position: -167px -60px;
}
 
ul#action_nav li#information p {
	float: left;
	clear: left;
	padding-top: 25px;
	width: 167px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/action_nav.gif) no-repeat 0 -90px;
}
 
ul#action_nav li#campaign_v a {
	background-position: 0 -121px;
}
ul#action_nav li#campaign_v a:hover,
ul#action_nav li#campaign_v.on a  {
	background-position: -167px -121px;
}
ul#action_nav li#ww_volunteers a {
	background-position: 0 -151px;
}
ul#action_nav li#ww_volunteers a:hover,
ul#action_nav li#ww_volunteers.on a  {
	background-position: -167px -151px;
}
ul#action_nav li#workplace a {
	background-position: 0 -181px;
}
ul#action_nav li#workplace a:hover,
ul#action_nav li#workplace.on a  {
	background-position: -167px -181px;
}
 
div.top_module {
	padding-top: 23px;
	margin-bottom: 20px;
	width: 622px;
	font-size: 1.1em;
	color: #000;
	background: url(/assets/tapproject/images/tm_top.gif) no-repeat 0 0;
}
div.top_module p {
	padding-bottom: 10px;
	line-height: 1.3em;
}
p.hello {
	padding-bottom: 10px;
	font-size: 1.25em;
	font-weight: bold;
	color: #005f8d;
}
div.top_module p span {
	font-weight: bold;
	color: #005f8d;
}
div.top_module p a {
	font-weight: bold;
	color: #009de9;
}
div.top_module p a:hover {
	color: #005f8d;
}
div.top_module_btm {
	padding-bottom: 23px;
	width: 622px;
	background: url(/assets/tapproject/images/tm_btm.gif) no-repeat bottom left;
}
div.top_module_inner {
	padding: 0 20px 0 20px;
	width: 582px;
	background: url(/assets/tapproject/images/tm_inner.gif) repeat-y 0 0;
}
div.center_module {
	float: left;
	width: 369px;
	padding-top: 21px;
	font-size: 1.1em;
	color: #000;
	background: url(/assets/tapproject/images/cm_top.gif) no-repeat 0 0;
}
div.sub_mod,
div.sub_mod div.center_module_btm,
div.sub_mod div.center_module_inner {
	background: none;
}
/*
div.center_module h1 {
	padding-bottom: 15px;
	font-size: 1.22em;
	text-transform: uppercase;
	color: #005f8d;
}
*/
div.center_module p {
	padding-bottom: 15px;
	line-height: 1.35em;
}
div.center_module p span {
	font-weight: bold;
	color: #005f8d;
}
div.center_module ul#updates {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
}
div.center_module ul#updates p {
	padding-bottom: 0;
}
div.center_module ul#updates a {
	padding-bottom: 0;
	font-weight: bold;
	color: #009de9;
}
div.center_module ul#updates a:hover {
	color: #005f8d;
}
div.center_module ul#updates li {
	padding-top: 10px;
	margin-bottom: 12px;
	background: url(/assets/tapproject/images/dots.gif) repeat-x top left;
}
div.center_module ul#updates li.first {
	background: none;
}
div.center_module_btm {
	float: left;
	clear: both;
	width: 369px;
	padding-bottom: 21px;
	background: url(/assets/tapproject/images/cm_btm.gif) no-repeat bottom left;
}
div.center_module_inner {
	float: left;
	padding: 0 18px;
	width: 333px;
	background: url(/assets/tapproject/images/center_module_inner.gif) repeat-y 0 0;
}
div#right_col {
	float: left;
	display: inline;
	margin-left: 25px;
	width: 211px;
	background: #fff;
	border: 9px solid #ededed;
}
div#next_steps {
	float: left;
	padding: 15px 20px 2px 13px;
	border-bottom: 9px solid #ededed;
	width: 178px;
	font-size: 1.1em;
	color: #000;
}
h2#next_steps_heading,
h3#c_volunteers {
	clear: left;
	padding-top: 15px;
	margin-bottom: 7px;
	width: 71px;
	height: 0;
	overflow: hidden;
	font-size: .1em;
	background: url(/assets/tapproject/images/h2_next_steps.gif) no-repeat 0 0;
}
h3#c_volunteers {
	margin: 0 0 25px -1px;
	padding-top: 12px;
	width: 118px;
	background: url(/assets/tapproject/images/h3_c_volunteers.gif) no-repeat 0 0;
}
div#steps ul {
	clear: left;
	width: 178px;
	list-style-type: none;
	margin:10px 0;
	list-style-image: none;
}
div#steps ul li {
	clear: left;
	padding: 0 0 14px 18px;
	width: 160px;
	background: url(/assets/tapproject/images/steps_bullet.gif) no-repeat 1px 2px;
	font:11px Verdana,sans-serif;
}
div#steps ul li p {
	padding:0;
	font:11px Verdana,sans-serif;
}
div#steps ul li a {
	padding-bottom: 0;
	font-weight: bold;
	color: #009de9;
}
div#steps ul li a:hover {
	color: #005f8d;
}
div#resources {
	float: left;
	clear: left;
	padding: 15px 20px 10px 13px;
	width: 178px;
	font-size: 1.1em;
	line-height: 1.35em;
	color: #000;
}
div#resources p {
	padding-bottom: 15px;
	font:11px Verdana,sans-serif;
}
h2#feat_resource {
	float: left;
	clear: left;
	padding-top: 32px;
	margin-bottom: 20px;
	width: 150px;
	height: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/assets/tapproject/images/h2_feat_resource.gif) no-repeat 0 0;
}
a#more_resources {
	float: right;
	padding-top: 17px;
	width: 114px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/a_more.gif) no-repeat 0 0;
}
a#more_resources:hover {
	background-position: 0 -17px;
}
 
/* volunteer */
#volunteer_login {
	float: left;
	padding-bottom: 12px;
	width: 698px;
}
#volunteer_login #img_container {
	float: left;
	width: 454px;
}
#login_wrap1 {
	float: left;
	margin-right: -10px;
	padding-top: 20px;
	width: 227px;
	background: url(/assets/tapproject/images/login_top.gif) no-repeat 0 0;
}
#login_wrap {
	float: left;
	margin-right: -10px;
	padding-bottom: 17px;
	width: 227px;
	background: url(/assets/tapproject/images/login_bottom.gif) no-repeat bottom left;
}
#login {
	float: left;
	padding: 0 0 0 20px;
	width: 207px;
	background: url(/assets/tapproject/images/login_bgr.gif) repeat-y 0 0;
}
#login form {
	width: 151px;
}
#login form fieldset {
	margin-right: -10px;
	width: 151px;
}
h2#volunteer_login_heading,
h2#restaurant_login_heading {
	margin-bottom: 12px;
	padding-top: 13px;
	height: 0;
	width: 125px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/h_volunteer_login.gif) no-repeat 0 0;
}
h2#restaurant_login_heading {
	width: 134px;
	background: url(/assets/tapproject/images/h_restaurant_login.gif) no-repeat 0 0;
}
#login input {
	margin-bottom: 5px;
	border: none;
	padding: 2px;
	width: 147px;
}
#login a#login_btn {
	margin-left: 96px;
	display: block;
	padding-top: 18px;
	height: 0;
	width: 55px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/login_btn.gif) no-repeat 0 0;
}
#login a#login_btn:hover {
	background: url(/assets/tapproject/images/login_btn.gif) no-repeat 0 -18px;
}
#volunteer_login #arrow {
	float: right;
	margin-top: 17px;
	padding-top: 62px;
	width: 48px;
	background: url(/assets/tapproject/images/login_arrow.png) no-repeat 0 0;
}
h1#volunteers_heading,
h1#become_particiapating_heading {
	clear: left;
	margin-bottom: 15px;
	padding-top: 19px;
	height: 0;
	width: 410px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/h_volunteers.gif) no-repeat 0 0;
}
h1#become_particiapating_heading {
	width: 348px;
	background: url(/assets/tapproject/images/h_become_particiapating.gif) no-repeat 0 0;
}
.text_wide,
.text_mid  {
	clear: left;
	float: left;
	padding-bottom: 10px;
	width: 650px;
}
.text_mid {
	width: 435px;
}
.text_wide p, 
#main_content p,
.text_mid p {
	padding-bottom: 12px;
	font-size: 11px;
	line-height: 1.4em;
	color: #3b3b3b;
}
#vol_boxes3 {
	float: left;
	margin-bottom: 28px;
	padding-top: 20px;
	width: 651px;
	background: url(/assets/tapproject/images/vol_boxes_top.gif) no-repeat 0 0;
}
#vol_boxes2 {
	float: left;
	padding-bottom: 7px;
	width: 651px;
	background: url(/assets/tapproject/images/vol_boxes_bottom.gif) no-repeat bottom left;
}
#vol_boxes1 {
	float: left;
	width: 651px;
	background: #eaf7fb url(/assets/tapproject/images/vol_boxes_grad.gif) repeat-x 0 0;
}
#vol_boxes {
	position: relative;
	float: left;
	width: 651px;
	font-size: 1.1em;
	line-height: 1.4em;
	background: url(/assets/tapproject/images/vol_boxes_bgr.gif) repeat-y 0 0;
	color: #3b3b3b;
}
.vol_box {
	float: left;
	padding: 0 0 45px 45px;
	width: 175px;
}
#vol_box1 {
	padding-left: 20px;
}
h2#campaign_vol,
h2#workplace_vol,
h2#water_vol {
	margin-bottom: 5px;
	padding-top: 15px;
	height: 0;
	width: 157px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/h_campaign_vol.gif) no-repeat 0 0;
}
h2#workplace_vol {
	width: 176px;
	background: url(/assets/tapproject/images/h_workplace_vol.gif) no-repeat 0 0;
}
h2#water_vol {
	width: 175px;
	background: url(/assets/tapproject/images/h_water_vol.gif) no-repeat 0 0;
}
#vol_boxes .vol_box p {
	border-top: 1px dotted #3e88aa;
	padding-top: 10px;
}
p.ways_desc {
	padding-bottom: 25px;
	font-size: 1.1em;
	width: 650px;
}
#vol_boxes .vol_box p span,
.text_wide p span {
	text-decoration: none;
	font-weight: bold;
	color: #005f8d;
}
#vol_boxes a.join_now {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: block;
	padding-top: 18px;
	height: 0;
	width: 72px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/join_now.gif) no-repeat 0 0;
}
#vol_boxes a.join_now:hover {
	background: url(/assets/tapproject/images/join_now.gif) no-repeat 0 -18px;
}
#vol_boxes #vol_box1 a.join_now {
	right: 455px;
}
#vol_boxes #vol_box2 a.join_now {
	right: 235px;
}
#vol_boxes #vol_box3 a.join_now {
	right: 13px;
}
h2#other_ways {
	clear: left;
	margin-bottom: 5px;
	padding-top: 10px;
	height: 0;
	width: 200px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/h_other_ways.gif) no-repeat 0 0;
}
 
/* side_nav */
ul#side_nav,
ul#side_nav ul {
 float: left;
 clear: left;
 width: 128px;
 list-style-type: none;
}
ul#side_nav ul {
 background: #d9f3fb;
 border-top: 3px solid #fff;
 margin-left: 1px;
 width: 125px;
 display: none;
}
ul#side_nav li.on ul {
 display: block;
}
 
ul#side_nav li {
 float: left;
 clear: left;
 margin-bottom: 6px;
 width: 128px;
}
ul#side_nav li li {
 margin-bottom: 0;
 width: 125px;
}
ul#side_nav li a {
 float: left;
 clear: left;
 padding-top: 24px;
 width: 128px;
 height: 0;
 overflow: hidden;
 background: url(/assets/tapproject/images/nav_2011.gif) no-repeat 0 0;
}
ul#side_nav li li a {
 float: left;
 clear: left;
 padding: 8px 12px 10px 12px;
 width: 101px;
 height: auto;
 overflow: auto;
 color: #3b3b3b;
 text-decoration: none;
 font-weight: bold;
 background: url(/assets/tapproject/images/hr.gif) no-repeat bottom left;
 background-position: top left!important;
}
ul#side_nav li li.first a {
 background: none;
 background-position: bottom left!important;
}
ul#side_nav li li a:hover { color: #005f8d;
}
 
ul#side_nav li#side_about a   { background-position: 0 0; }
ul#side_nav li#side_tap a     { background-position: 0 -30px; }
ul#side_nav li#side_res a     { background-position: 0 -60px; }
ul#side_nav li#side_vol a     { background-position: 0 -90px; }
ul#side_nav li#side_donate a  { background-position: 0 -120px; }
ul#side_nav li#side_media a   { background-position: 0 -150px; }
ul#side_nav li#side_part a    { background-position: 0 -180px; }
ul#side_nav li#events a       { background-position: 0 -240px; }
ul#side_nav li#side_shop a 	  { background-position: 0 -210px; }
ul#side_nav li#celebrity a	  { background-position: 0 -270px; }


ul#side_nav li#side_about a:hover,
ul#side_nav li#side_about.on a 		{ background-position: -128px 0; }
ul#side_nav li#side_tap a:hover,
ul#side_nav li#side_tap.on a 		{ background-position: -128px -30px; }
ul#side_nav li#side_res a:hover,
ul#side_nav li#side_res.on a  		{ background-position: -128px -60px; }
ul#side_nav li#side_vol a:hover,
ul#side_nav li#side_vol.on a  		{ background-position: -128px -90px; }
ul#side_nav li#side_donate a:hover,
ul#side_nav li#side_donate.on a 	{ background-position: -128px -120px; }
ul#side_nav li#side_media a:hover,
ul#side_nav li#side_media.on a  	{ background-position: -128px -150px; }
ul#side_nav li#side_part a:hover,
ul#side_nav li#side_part.on a  		{ background-position: -128px -180px; }
ul#side_nav li#side_shop a:hover,
ul#side_nav li#side_shop.on a  		{ background-position: -128px -210px; }
ul#side_nav li#events a:hover,
ul#side_nav li#events.on a  		{ background-position: -128px -240px; }
ul#side_nav li#celebrity a:hover,
ul#side_nav li#celebrity a.on      	{ background-position: -128px -270px; } 


/* restaurants */
#restaurants {
	clear: left;
	float: left;
	width: 425px;
}
a#find_restaurant {
	float: left;
	display: inline;
	margin-left: 19px;
	padding-top: 73px;
	height: 0;
	width: 197px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/find_res_btn.gif) no-repeat 0 0;
}
a#find_restaurant:hover {
	background: url(/assets/tapproject/images/find_res_btn.gif) no-repeat 0 -73px;
}
#res_boxes3 {
	float: left;
	margin-bottom: 28px;
	padding-top: 7px;
	width: 650px;
	background: url(/assets/tapproject/images/res_top.gif) no-repeat 0 0;
}
#res_boxes2 {
	float: left;
	padding-bottom: 59px;
	width: 650px;
	background: url(/assets/tapproject/images/res_bottom.gif) no-repeat bottom left;
}
#res_boxes1 {
	float: left;
	width: 650px;
	background: #e6f4f9 url(/assets/tapproject/images/res_gradient.gif) repeat-x 0 0;
}
#res_boxes {
	position: relative;
	float: left;
	width: 650px;
	font-size: 1.1em;
	line-height: 1.4em;
	background: url(/assets/tapproject/images/res_bgr.gif) repeat-y 0 0;
}
.res_box {
	float: left;
	width: 175px;
}
#res_box1 {
	padding: 13px 0 0 20px;
}
#res_box2 {
	padding: 13px 0 0 53px;
}
#res_box3 {
	padding: 0 0 0 38px;
	width: 176px;
	background: url(/assets/tapproject/images/box3_bgr.gif) no-repeat 38px 0;
}
h2#participate,
h2#faq {
	margin-bottom: 9px;
	border-bottom: 1px dotted #1c719a;
	padding-top: 27px;
	height: 0;
	width: 175px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/h_participate.gif) no-repeat 0 0;
}
h2#faq {
	background: url(/assets/tapproject/images/h_faq.gif) no-repeat 0 0;
}
#res_box3 img {
	margin: 14px 0 0 14px;
}
.res_box p {
	padding-bottom: 10px;
}
#res_box3 p {
	padding: 10px 0 10px 14px;
	color: #005f8d;
}
a#register_now,
a#read_all_faqs,
a#read_more2 {
	position: absolute;
	bottom: -42px;
	right: 455px;
	display: block;
	padding-top: 18px;
	height: 0;
	width: 100px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/register_now.gif) no-repeat 0 0;
}
a#register_now:hover {
	background: url(/assets/tapproject/images/register_now.gif) no-repeat 0 -18px;
}
a#read_all_faqs {
	right: 230px;
	width: 102px;
	background: url(/assets/tapproject/images/read_all_faqs.gif) no-repeat 0 0;
}
a#read_all_faqs:hover {
	background: url(/assets/tapproject/images/read_all_faqs.gif) no-repeat 0 -18px;
}
a#read_more2 {
	right: 12px;
	width: 80px;
	background: url(/assets/tapproject/images/read_more2.gif) no-repeat 0 0;
}
a#read_more2:hover {
	background: url(/assets/tapproject/images/read_more2.gif) no-repeat 0 -18px;
}
#res_box1 ul {
	list-style-type: none;
}
#res_box1 ul li {
	padding: 0 0 5px 14px;
	background: url(/assets/tapproject/images/box_bullet.gif) no-repeat 0 5px;
}
#res_box2 ul {
	list-style-type: none;
}
#res_box2 ul li {
	padding: 0 0 5px 22px;
}
#res_box2 ul li.question {
	font-weight: bold;
	background: url(/assets/tapproject/images/q_bullet.gif) no-repeat 0 5px;
	color: #015186;
}
#res_box2 ul li.answer {
	background: url(/assets/tapproject/images/a_bullet.gif) no-repeat 0 5px;
}
#res_flash_content {
	margin-bottom: 20px;
}
/*** tap in your city ***/
#image_container_wide {
	margin-bottom: 15px;
}
#image_container_wide img {
	display: block;
}
div#city_select {
	float: left;
	clear: left;
	padding-bottom: 15px;
	width: 650px;
}
h1#tap_city {
	float: left;
	display: inline;
	padding-top: 19px;
	width: 143px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/h1_tap_city.gif) no-repeat 0 0;
}
form#city_select_f {
	float: right;
	width: 216px;
}
form#city_select_f select {
	float: left;
	width: 177px;
	height: 20px;
	border: 1px solid #00aeee;
	margin: 0;
	padding: 0;
}
 
a#go_btn {
	float: left;
	padding-top: 22px;
	width: 37px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/go.gif) no-repeat 0 0;
}
a#go_btn:hover {
	background-position: 0 -22px;
}
#flash_content_area {
	clear: left;
	width: 650px;
	margin-bottom: 15px;
}
#restaurant_w_walks {
	float: left;
	clear: left;
	width: 650px;
}
a#favorite_restaurant {
	float: left;
	display: inline;
	padding-top: 91px;
	width: 188px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/favorite_restaurant.gif) no-repeat 0 0;
	margin:0 0 10px 28px;
}
a#favorite_restaurant:hover {
	background-position: 0 -91px;
}
a#register_restaurant {
	float: left;
	display: inline;
	padding-top: 91px;
	width: 188px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/register_restaurant.gif) no-repeat 0 0;
	margin:0 0 10px 28px;
}
a#register_restaurant:hover {
	background-position: 0 -91px;
}
#water_walks {
	float: left;
	display: inline;
	margin-left: 12px;
	padding-top: 10px;
	width: 449px;
	background: url(/assets/tapproject/images/ww_top.gif) no-repeat 0 0;
}
#water_walks_btm {
	float: left;
	clear: left;
	padding-bottom: 10px;
	width: 449px;
	background: url(/assets/tapproject/images/ww_btm.gif) no-repeat bottom left;
}
#water_walks_inner {
	float: left;
	clear: left;
	width: 449px;
	background: url(/assets/tapproject/images/ww_inner.gif) repeat-y 0 0;
}
#inner_gradient {
	float: left;
	clear: left;
	display: inline;
	position:relative;
	margin: 0 7px;
	width: 435px;
	background: url(/assets/tapproject/images/inner_gradient.gif) repeat-x bottom left;;
}
div.left_ww {
	float: left;
	padding: 11px 20px;
	width: 160px;
	border-right: 1px solid #fff;
	font-size: 1.1em;
}
div.water_w {
	float: left;
	width: 230px;
}
h2#ww_heading {
	padding-top: 19px;
	margin-bottom: 4px;
	width: 120px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/ww_heading.gif) no-repeat 0 0;
}
ul#cities {
	float: left;
	display: inline;
	padding-top: 10px;
	list-style-type: none;
	width: 116px;
}
ul#cities li {
	float: left;
	clear: left;
	padding-top: 14px;
	width: 100px;
	margin: 0 0 3px 16px;
	height: 0;
	overflow: hidden;
	cursor: pointer;
}
ul#cities li#chicago {
	background: url(/assets/tapproject/images/chicago.gif) no-repeat 0 0;
}
ul#cities li#la {
	background: url(/assets/tapproject/images/la.gif) no-repeat 0 0;
}
ul#cities li#ny {
	background: url(/assets/tapproject/images/ny.gif) no-repeat 0 0;
}
a#learn_more {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 4px 3px 0;
	padding-top: 18px;
	width: 88px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/learn_more.gif) no-repeat 0 0;
}
a#learn_more:hover {
	background-position: 0 -18px;
}
 
/* donate */
#mid_column {
	float: left;
	padding-left: 40px;
	width: 422px;
}
.intro_image {
	display: block;
	margin-bottom: 13px;
}
h1#h_support_the_tap_project {
	margin-bottom: 14px;
	padding-top: 19px;
	height: 0;
	width: 223px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/h_support_the_tap_project.gif) no-repeat 0 0;
}
#mid_column p {
	padding-bottom: 15px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #3b3b3b;
}
#mid_column p.last {
	padding-bottom: 30px;
}
.donation_box {
	padding: 10px 0 20px;
	width: 422px;
	background: url(/assets/tapproject/images/donate_dotted_line.gif) repeat-x 0 0;
}
h2#individual_donations,
h2#support_a_water_walker,
h2#restaurant_donations,
h2#another_waytogive {
	margin-bottom: 7px;
	padding-top: 10px;
	height: 0;
	width: 164px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/h_individual_donations.gif) no-repeat 0 0;
}
h2#restaurant_donations {
	width: 167px;
	background: url(/assets/tapproject/images/h_restaurant_donations.gif) no-repeat 0 0;
}
h2#support_a_water_walker {
	width: 181px;
	background: url(/assets/tapproject/images/h_support_a_water_walker.gif) no-repeat 0 0;
}
h2#another_waytogive {
	width: 148px;
	background: url(/assets/tapproject/images/h_another_waytogive.gif) no-repeat 0 0;
}
.donation_box a {
	font-size: 1.1em;
	font-weight: bold;
	color: #009de9;
	text-decoration: underline;
}
.donation_box a:hover {
	color: #009de9;
	text-decoration: none;
}
.donation_box p {
	padding-bottom: 10px;
}
.donation_box p a {
	font-size: 1em;
}
a.donate_now {
	display: block;
	margin: 0 0 0 330px;
	padding-top: 18px;
	height: 0;
	width: 89px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/donate_now.gif) no-repeat 0 0;
}
a.more {
	display: block;
	margin: 0 0 0 330px;
	padding-top: 18px;
	height: 0;
	width: 89px;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/tapproject/images/more.gif) no-repeat 0 0;
}
a.donate_now:hover {
	background-position: 0 -18px;
}
a.more:hover {
	background-position: 0 -18px;
}
#right_column {
	float: left;
	padding-left: 32px;
	width: 200px;
}
.donate_links {
	display: block;
	padding-bottom: 17px;
}
.find_restaurant {
	display: block;
	margin-bottom: 17px;
	padding: 73px 0 0;
	width: 197px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/find_part_rest.gif);
}
.find_restaurant:hover {
	background-position: 0 -73px;
}
 
/* featured cities */
 
.featured_city_links {
	float: left;
	clear: both;
	margin-bottom: 14px;
	width: 650px;
	background: url(../images/fc_bgr.gif) repeat-y 0 0;
}
.featured_city_links a {
	display: block;
	float: left;
	padding: 30px 13px 8px;
	width: 181px;
	margin-right: 14px;
	min-height: 17px;
	background: url(../images/fc_buttons.gif) no-repeat;
	color: #333;
	text-decoration: none;
}
.featured_city_links a:hover {
	text-decoration: underline;
}
.featured_city_links a span.header {
	height: 0;
	color: #fff;
	text-decoration: none;
	overflow: hidden; 
}
 
.featured_city_links .volunteer       { background-position:     0   0;}
.featured_city_links .donate          { background-position:  -414px 0;}
.featured_city_links .contact         { background-position:  -828px 0; margin-right: 0;}
 
 
/** restaurant map	**/
 
#res_flash_content {
	clear: both;
	margin-bottom: 20px;
	padding: 0 0 0 32px;
	width: 618px;
	background: url(/assets/tapproject/images/res_flash_bgr_top.gif) no-repeat top left;
	float: left;
	position: relative;
}
#res_flash_content .inner {
	padding: 20px 1px 10px 38px;
	background: #f7f7f7 url(/assets/tapproject/images/res_flash_bgr_top.gif) no-repeat -32px 0;
	min-height: 104px;
	width: 579px;
	position: absolute;
	top: 0;
	left: 32px;
}
#res_flash_content .flash_container {
	float: right;
	position: relative;
	z-index: 20;
	padding: 10px 1px 0;
	width: 332px;
 
}
#res_flash_content .copy {
	float: left;
	width: 243px;
}
#res_flash_content .copy p {
	padding-bottom: 10px;
}
#recognize_restaurants {
	margin-bottom: 12px;
	padding-top: 36px;
	width: 224px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/h_recognize_restaurants.gif) no-repeat 0 0;
}
 
.accessibilityText {display:none;}


/* !styles for 2010 logged-in volunteer wrapper */
ul#volunteer_nav,
ul#volunteer_nav ul {
	float: left;
	clear: left;
	width: 166px;
	list-style-type: none;
}
ul#volunteer_nav ul {
	background: #d9f3fb;
	border-top: 3px solid #fff;
	margin-left: 1px;
	width: 164px;
	display: none;
}
ul#volunteer_nav li.on ul {
	display: block;
}
 
ul#volunteer_nav li {
	float: left;
	clear: left;
	margin-bottom: 6px;
	width: 166px;
}
ul#volunteer_nav li li {
	margin-bottom: 0;
	width: 164px;
}
ul#volunteer_nav li a {
	float: left;
	clear: left;
	padding-top: 24px;
	width: 166px;
	height: 0;
	overflow: hidden;
	background: url(/assets/tapproject/images/volunteer_nav_2010.gif) no-repeat 0 0;
}
ul#volunteer_nav li li a {
	float: left;
	clear: left;
	padding: 8px 12px 10px 12px;
	width: 140px;
	height: auto;
	overflow: auto;
	color: #3b3b3b;
	text-decoration: none;
	font-weight: bold;
	background: url(/assets/tapproject/images/hr.gif) no-repeat bottom left;
	background-position: top left!important;
}
ul#volunteer_nav li li.first a {
	background: none;
	background-position: bottom left !important;
}
ul#volunteer_nav li li a:hover {
	color: #005f8d;
}
 
ul#volunteer_nav li#started a {
	background-position: 0 0;
}
ul#volunteer_nav li#connected a {
	background-position: 0 -24px;
}
ul#volunteer_nav li#recruit a {
	background-position: 0 -48px;
}
ul#volunteer_nav li#host a {
	background-position: 0 -72px;
}
ul#volunteer_nav li#promote a {
	background-position: 0 -96px;
}
ul#volunteer_nav li#download a {
	background-position: 0 -120px;
}
ul#volunteer_nav li#faq a {
	background-position: 0 -144px;
}
ul#volunteer_nav li#started a:hover,
ul#volunteer_nav li#started.on a {
	background-position: -166px 0;
}
ul#volunteer_nav li#connected a:hover,
ul#volunteer_nav li#connected.on a {
	background-position: -166px -24px;
}
ul#volunteer_nav li#recruit a:hover,
ul#volunteer_nav li#recruit.on a {
	background-position: -166px -48px;
}
ul#volunteer_nav li#host a:hover,
ul#volunteer_nav li#host.on a {
	background-position: -166px -72px;
}
ul#volunteer_nav li#promote a:hover,
ul#volunteer_nav li#promote.on a  {
	background-position: -166px -96px;
}
ul#volunteer_nav li#download a:hover,
ul#volunteer_nav li#download.on a  {
	background-position: -166px -120px;
}
ul#volunteer_nav li#faq a:hover,
ul#volunteer_nav li#faq.on a {
	background-position: -166px -144px;
}

.item-news {
margin: 0 0 20px 0;
}

#main_content .item-news h2 {
font-size: 1.2em;
font-weight:bold;
padding:0;
margin:0;
}

#main_content .item-news a {
font-weight:normal;
}