/* imported resets */
@import "/styles/resets.css";

/* global elements */
body { background: #000; color: #4a4a4a; font-family:"Lucida Grande", Arial, sans-serif; font-size: 12px; line-height: 1.4; }

a { color: #1f72b2; }

form { }

	form ul { padding: 25px 0; overflow: auto; }
	
		form li { float: left; width: 100%; clear: both; position: relative; padding: 10px 0; }
		
			form li.last-row { border: 1px solid #afafaf; border-width: 1px 0 0 0; margin-top: 30px; }

			form label { width: 130px; display: block; float: left; text-align: right; padding: 0 10px 0 0; color: #555; }
			
			form input { width: 175px; }
			
				form input.submit { width: auto; }
			
			form p { /* width: 300px; */ }
			
			form h4 { color: #000; font-size: 14px; font-weight: bold; padding: 0 0 10px 0; border: 1px solid #afafaf; border-width: 0 0 1px 0; }
			
			form .caption { position: absolute; left: 400px; top: 50%; width: 222px; height: 44px; margin-top: -32px; padding: 10px 10px 10px 20px; background: url(/images/sites-graphics/bg-form-caption.png) no-repeat top left; font-size: 11px; color: #777; }
			
			form .checkbox { width: auto; margin-right: 10px; }

h3 { font-size: 16px; line-height: 24px; font-weight: bold; color: #228dc9; padding-top: 15px; }

/* global classes */
.wrapper { width: 960px; margin: 0 auto; }

.tr, .tl, .br, .bl { display: none; }

.matrix { width: 690px; float: right; color: #555; background: url(/images/sites-graphics/bg-matrix.png) no-repeat 40px 0; margin: 20px 0; }

	.matrix li { float: left; width: 190px; height: 122px; padding: 20px 0 20px 40px; }
	
	.matrix h3 { font-weight: bold; font-size: 1.3em; color: #000; padding: 0 0 0 12px; background: url(/images/sites-graphics/bg-matrix-arrow.png) no-repeat center left; }
	
		.matrix h3 a { color: #000; text-decoration: none; }
	
	.matrix p { margin: 0.25em 0 0.5em 0;}
	
.get-started { width: 138px; height: 73px; background: url(/images/sites-graphics/bg-get-started2.png) no-repeat top left; }

	.get-started a { display: block; width: 136px; height: 38px; margin: 2px 2px 0 3px; text-indent: -9999px; outline: none; }

.module { width: 226px; color: #333; background: url(/images/sites-graphics/bg-module.png) no-repeat bottom left; padding: 0 0 15px 0; position: relative; }

	.module h4 { color: #2178bb; font-size: 13px; font-weight: bold; background: url(/images/sites-graphics/bg-module.png) no-repeat top left; padding: 15px 20px 0; position: relative; top: -15px; margin: 15px 0 -15px; }
	
	.module p { padding: 0 20px; }
	
	.module .extra-ie { display: none; }
	
.donation-summary .view a { display: block; width: 70px; height: 23px; background: url(/images/sites-graphics/bg-view-link.png) no-repeat top left; text-indent: -9999px; outline: none; margin-top: 10px; }


/* branding */
#branding {  position: relative; background: url(/images/sites-graphics/bg-branding.jpg) top left repeat-x; border-bottom: 1px solid #000; }

	#branding .wrapper { position: relative; height: 91px;  }
	
	#logo-backlighting { position: absolute; width: 464px; height: 91px; top:0px; left: -170px; background:url(/images/sites-graphics/bg-branding-lighting.jpg) top left no-repeat; z-index: 0;}

	#branding h1 { width: 124px; height: 91px; position: relative; }
	
		#branding h1 span { display: block; width: 124px; height: 91px; position: absolute; bottom: 0; left: 0; background: url(/images/sites-graphics/bg-3for5-logo.png) no-repeat 0 0; }
		
		#nav { position: absolute; width: 586px; height: 32px; right: 0px; bottom: 0px; list-style: none; background: url(/images/sites-graphics/menu.gif) no-repeat; }

			#nav li, #nav a { height:32px; display:block; }
			#nav li { float: left; }
			#nav li a { position: relative; }
			#nav li span { display: none; }
			#navigation .home-current a:hover, #navigation .donate-current a:hover, #navigation .network-current a:hover, #navigation .cause-current a:hover, #navigation .about-current a:hover {cursor: default;}

			.home-normal { width: 89px; }	
			.network-normal { width: 149px; }
			.donate-normal { width: 102px; }
			.cause-normal { width: 126px; }
			.about-normal { width: 119px; }

			.home-normal a:hover { background: url(/images/sites-graphics/menu.gif) 0px -33px no-repeat; }
			.network-normal a:hover { background: url(/images/sites-graphics/menu.gif) -89px -33px no-repeat; }
			.donate-normal a:hover { background: url(/images/sites-graphics/menu.gif) -238px -33px no-repeat; }
			.cause-normal a:hover { background: url(/images/sites-graphics/menu.gif) -340px -33px no-repeat; }
			.about-normal a:hover { background: url(/images/sites-graphics/menu.gif) -466px -33px no-repeat; }

			.home-current { width: 89px; background: url(/images/sites-graphics/menu.gif) 0px -66px no-repeat; }	
			.network-current { width: 149px; background: url(/images/sites-graphics/menu.gif) -89px -66px no-repeat; }
			.donate-current { width: 102px; background: url(/images/sites-graphics/menu.gif) -238px -66px no-repeat; }
			.cause-current { width: 126px; background: url(/images/sites-graphics/menu.gif) -340px -66px no-repeat; }
			.about-current { width: 119px; background: url(/images/sites-graphics/menu.gif) -466px -66px no-repeat; }
			
		#login-container { position: absolute; height: 23px; top: 0px; right: 0px; font-size: 11px; color: #777777; }
			#login-container a { color: #777777; text-decoration: none; }
			#login-container a.blog { float: right; height: 23px; line-height: 23px; padding: 0 0 0 17px; background: url(/images/sites-graphics/blog-icon.gif) no-repeat left center; margin-right: 8px; }
			#main-login-box { float: right; height: 23px; background: url(/images/sites-graphics/login.png) bottom right no-repeat; position: relative; list-style: none; padding: 0 2px 0 0; }
				#main-login-box li { float: left; height: 23px; line-height: 23px; padding: 0 0 0 2px; }
					#main-login-box li.first { background: url(/images/sites-graphics/login.png) bottom left no-repeat; }
				#main-login-box li a { padding: 0 7px 0;}
				#main-login-box li a:hover {color: #9a9999;}

/* content */
#content { color: #888;}

	#content-main { background: #fafafa url(/images/sites-graphics/bg-aboutus-landing.jpg) bottom left repeat-x; border: 1px solid #d3d3d3; border-width: 0 0 1px 0; }
	
	#content-sub { background: #cbcbcb url(/images/sites-graphics/bg-content-sub.png) top left repeat-x; border: 1px solid #fff; border-width: 1px 0 0 0; overflow: auto; }
	
/* footer */
#footer { font-size: 90%; color: #444; }

	#footer p { background: url(/images/sites-graphics/bg-footer2.jpg) top left no-repeat; height: 43px; padding: 5px 0 0 30px; width: 930px; margin-top: 20px; }
	
	#footer a { color: #444; }
	
	#footer .extra-picture { height: 45px; background: #cbcbcb url(/images/sites-graphics/bg-landing-footer.jpg) no-repeat top center; }
	
/* home page */
body.home { background: #000 url(/images/sites-graphics/bg-content-main-home-2.jpg) 0 91px repeat-x; }

.home #content { background: url(/images/large-images/bg-content-main-home.jpg) no-repeat top center; overflow: auto; }

 .home #content-main { background: none; border: none; }

	.home #content-main .wrapper { height: 493px; position: relative; background: url(/images/large-images/bg-content-main-home.jpg) no-repeat top center; }
		
	.home #content-main h2 { width: 415px; height: 143px; background: url(/images/sites-graphics/bg-20-million.png) no-repeat top left; text-indent: -9999px; position: absolute; top: 25px; right: 90px; }
	
	#accordionmenu { position: absolute; bottom: 117px; right: 40px; width: 359px; padding: 0 30px 58px 29px; background: url(/images/sites-graphics/background-accordion.jpg) no-repeat bottom left; }
	
		#accordionmenu div { display: none; }
		
		#accordionmenu a.button { display: block; height: 41px; width: 300px; text-decoration: none; font-weight: bold; position: relative; outline: none; }
		
			#accordionmenu a.button span { display: block; position: absolute; top: 0; left: 0; height: 41px; width: 300px; cursor: pointer; }
			
				#accordionmenu a#button1 span { background: url(/images/sites-graphics/donate-closed.jpg) top left no-repeat; }
					#accordionmenu a#button1 span.open { background: url(/images/sites-graphics/donate-open.jpg) top left no-repeat; }

				#accordionmenu a#button2 span { background: url(/images/sites-graphics/invite-closed.jpg) top left no-repeat; }
					#accordionmenu a#button2 span.open { background: url(/images/sites-graphics/invite-open.jpg) top left no-repeat; }

				#accordionmenu a#button3 span { background: url(/images/sites-graphics/follow-up-closed.jpg) top left no-repeat; }
					#accordionmenu a#button3 span.open { background: url(/images/sites-graphics/follow-up-open.jpg) top left no-repeat; }
			
		#accordionmenu div.submenu { background: #fbfbfb url(/images/sites-graphics/background-sub-menu.jpg) repeat-x top left; border: 1px solid white; border-bottom-color: #e3e3e3; border-width: 0 1px 1px 1px; padding: 15px 10px 10px; max-height: 150px; width: 278px; overflow: auto; color: #4A4A4A; }

		#accordionmenu p { margin: 0 0 0.5em; width: 197px; float: right; }
		
		/* This class (main-image) can be applied to the first image in submenu content, to make it float to the left,
		   and the text will be on its right, like in the design.  It is not essential. */
		#accordionmenu .main-image { float: left; margin-right: 8px; }
		
		.home .get-started { position: absolute; bottom: 90px; right: 210px; }
		
.home #content-sub { background: #111; overflow: auto; padding: 10px 0 0 0; border: 1px solid #212121; border-width: 0 0 1px 0; }

	.home #content-sub h3 { color: #228dc9; margin: 0; padding: 8px 18px; font-size: 20px; position: relative; }

	.home #content-sub ul { list-style: none; margin: 0 15px; padding: 0; }

	.home #content-sub #summary { width: 478px; height: 150px; float: left; overflow: hidden; background: url(/images/sites-graphics/background-content-sub.png) top left no-repeat; position: relative; color: #888; }
	
		.home #content-sub #summary h3 span { position: absolute; width: 458px; height: 33px; top: 3px; left: 17px; display: block; background: url(/images/sites-graphics/background-summary-h3.png) no-repeat top left; }
	
		.home #content-sub #summary ul { overflow: auto; }
		
			.home #content-sub #summary li { width: 217px; height: 85px; overflow: hidden; margin: 10px 0; float: left; background: url(/images/sites-graphics/background-summary-li.png) top left no-repeat; position: relative; }
				
				.home #content-sub #summary #droplets { margin-right: 12px; z-index: 505; }
				
					.home #summary #droplets h5 { position: absolute; z-index: 500; bottom: 60px; left: 10px; margin: 0; padding: 0 12px 0 0; font-size: 12px; font-weight: 300; background: url(/images/sites-graphics/background-users-icon.png) no-repeat center right; width: 183px; }
					
					.home #summary #droplets p { position: absolute; z-index: 501; top: 40px; left: 10px; margin: 0; padding: 0; }
					
				.home #content-sub #summary #raised { z-index: 506; }
				
					.home #summary #raised h5 { position: absolute; z-index: 502; bottom: 60px; left: 10px; margin: 0; padding: 0 12px 0 0; font-size: 12px; font-weight: 300; background: url(/images/sites-graphics/background-raised-icon.png) no-repeat center right; width: 183px; }
					
					.home #summary #raised p { position: absolute; z-index: 503; top: 40px; left: 10px; margin: 0; padding: 0; }
				
				.home #content-sub #summary li p { color: #FFF; font-size: 18px; background: #52a2d4 url(/images/sites-graphics/background-summary-p.png) repeat-x top left; padding: 5px 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
		
		.home #content-sub #summary p.updated { position: absolute; z-index: 504; bottom: 120px; right: 15px; font-size: 80%; margin: 0; padding: 0; }
	
	.home #content-sub #feed { width: 478px; height: 150px; float: right; overflow: hidden; background: url(/images/sites-graphics/background-content-sub.png) top left no-repeat; color: #999; z-index: 100; position: relative; }
	
		.home #content-sub #feed h3 span { position: absolute; width: 458px; height: 33px; top: 3px; left: 17px; display: block; background: url(/images/sites-graphics/background-feed-h3.png) no-repeat top left; }
		
	.home #feed { position: relative; }
	
		.home #feed a { text-decoration: none; color: #2799cf; border-bottom: 1px solid #2799cf; }
	
		.home #feed .disclaimer { padding: 0 15px; }
			
		.home #feed ul { z-index: 1; margin: 0; }
		
			.home #feed li { overflow: auto; height: 150px; width: 463px; padding: 0 0 0 15px; position: relative; }
			
				.home #feed li h4 { margin: 7px 5px 3px 0; font-size: 13px; padding: 0; color: #ccc; width: 325px; float: right; }
				
				.home #feed li p { margin: 0 5px 5px 0; padding: 0; width: 325px; float: right; font-weight: 300; }
								
				.home #feed li img { position: absolute; top: 0px; left: 15px; border: 6px solid #2f2f2f; margin-top: 10px;	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
	
		.home #feed #next-button a { background: url(/images/sites-graphics/feed-buttons.png) no-repeat -25px 0; border: 0; display: block; height: 23px; position: absolute; outline: none; right: 10px; text-indent: -9999px; top: 11px; width: 24px; }
		
			.home #feed #next-button a:hover { background-position: -25px -46px; }
		
			.home #feed #next-button a.disabled { background-position: -25px -23px; }
			
				.home #feed #next-button a.disabled:hover { background-position: -25px -23px; }
	
		.home #feed #prev-button a { position: absolute; display: block; top: 11px; right: 36px; height: 23px; width: 24px; background: url(/images/sites-graphics/feed-buttons.png) no-repeat -1px 0; text-indent: -9999px; outline: none; border: 0; }
			
			.home #feed #prev-button a:hover { background-position: -1px -46px; }
			
			.home #feed #prev-button a.disabled { background-position: -1px -23px;}

				.home #feed #prev-button a.disabled:hover { background-position: -1px -23px;}
				
/* landing pages */
.landing #content { }

	.landing #content-main { }
	
		.landing #content-main .wrapper { height: 224px; position: relative; }
	
		.landing #content-main .text { width: 250px; height: 180px; float: left; padding: 30px 0 0 0; font-size: 16px; }
		
			.landing #content-main h2 { height: 32px; width: 292px; position: relative; margin-bottom: 20px; text-indent: -9999px; }
			
				.landing #content-main h2 span { display: block; height: 32px; width: 292px; position: absolute; top: 0; left: 0; background: url(/images/sites-graphics/bg-aboutus-h2.gif) top left no-repeat; } 
		
			.landing #content-main p { }
	
		.landing .main-image { position: absolute; right: -21px; top: 0px; width: 668px; height: 224px; overflow: hidden; padding: 0 0px 0 12px; background: url(/images/sites-graphics/bg-landing-main-img.png) no-repeat top left; }
		
			.landing .main-image img { border: 15px solid #fff; }
		
	.landing #content-sub { min-height: 400px; }
	
		.landing #content-sub .text { padding: 43px 0; width: 210px; }
		
		.landing #content-sub h4 { color: #1f72b2; font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0; }
		
		.landing #content-sub p { margin: 0 0 1em 0; }
	
/* content pages */
.content-page { }

.content-page #content { overflow: auto; background: #cbcbcb url(/images/sites-graphics/bg-aboutus-content.jpg) repeat-x top left; min-height: 560px; font-size: 13px; }

	.content-page #content-main { width: 680px; float: right; background: none; border: none; line-height: 1.7; padding-bottom: 40px; }
	
		.content-page #content-main h2 { position: relative; /* width: 415px; */ height: 40px; margin: 16px 0 31px; font-size: 32px; color: #1f72b2;}
		
			.content-page #content-main h2 span { display: block; position: absolute; top: 0; left: 0; width: 415px; height: 27px; }
			
		.content-page #content-main p { max-width: 500px; color: #2f2f2f; margin: 1em 0; }
		
			.content-page #content-main p.intro { font-size: 16px; color: #666; padding: 25px 0 0 0; }
			
		.content-page .image-highlight { float: right; width: 266px; height: 211px; background: url(/images/sites-graphics/bg-contentpage-imghighlight.png) top left no-repeat; padding: 15px 0 0 15px; overflow: hidden; margin: 1px 0 20px 20px; }
		
			.content-page .image-highlight img { }
			
	
	.content-page #content-sub { width: 240px; float: left; background: none; border: none; overflow: visible; }
	
		.content-page #content-nav { width: 230px; padding: 0 4px 6px 5px; margin-left: -5px; background: url(/images/sites-graphics/bg-content-nav.png) bottom center no-repeat; }
		
			.content-page #content-nav li { }
			
			.content-page #content-nav a { text-decoration: none; color: #000; display: block; padding: 0 0 0 32px; height: 44px; line-height: 44px; background: url(/images/sites-graphics/bg-subnav-arrow.png) no-repeat 18px center; }
			
			.content-page #content-nav li.header { height: 44px; color: #fff; text-transform: uppercase; }
			
				.content-page #content-nav li.header a { background: none; }
			
			.content-page #content-nav li.current a { background: #fff url(/images/sites-graphics/bg-subnav-arrow-current.png) no-repeat 18px center; color: #1f72b2; height: 43px; border-bottom: 1px solid #e2e2e2; }
			
			.content-page #content-nav li.current-last a { background: #fff url(/images/sites-graphics/bg-subnav-arrow-current.png) no-repeat 18px center; color: #1f72b2; height: 44px; }

			.content-page #content-nav li.current-large { background: #fff; border-bottom: 1px solid #e2e2e2; }
			
			.content-page #content-nav li.current-large a { background: #fff url(/images/sites-graphics/bg-subnav-arrow-current-down.png) no-repeat 18px center; color: #1f72b2; }
			
				.content-page #content-nav li.current-large ul { padding-bottom: 15px; }
					
					.content-page #content-nav li.current-large ul li { padding: 0 30px 0 32px; }
					
						.content-page #content-nav li.current-large ul li a { background: transparent; padding: 5px 0; height: auto; line-height: 1em; color: #666; border-top: 1px solid #e2e2e2; border-bottom: none; }
						
						.content-page #content-nav li.current-large ul li.first a { border: 0; }
						
						.content-page #content-nav li.current-large ul li.current a { color: #000; }
					
		.content-page .action-call { padding: 43px 0; width: 210px; }

		.content-page .action-call h4 { color: #1f72b2; font-size: 13px; font-weight: bold; margin: 0 0 5px 0; }

		.content-page .action-call p { margin: 0 0 1em 0; font-size: 12px; }
		
/* content pages with no sub-nav - used as a modifier after content-page */
.no-submenu #content { font-size: 12px; }

	.no-submenu #content-main { line-height: 1.4; font-size: 13px; }
	
		.no-submenu #content-main h3 { color: #888; font-size: 16px; margin: 35px 0 60px; }
				
		.no-submenu #content #content-main p { max-width: 680px; }

	.no-submenu #content-sub { color: #777; }

		.no-submenu #content-sub h2 { color: #228dc9; height: 32px; width: 237px; position: relative; margin: 28px 0 60px; }

			.no-submenu #content-sub h2 span { display: block; position: absolute; top: 0; left: 0; height: 32px; width: 237px; } /* need to specify the background image for each specific page in that page's unique class */

		.no-submenu #content-sub h4 { color: #2178bb; font-size: 13px; font-weight: bold; }


/* about us page */
.about #content-nav li.header { background: #277dbe url(/images/sites-graphics/bg-contentnav-header-about.png) no-repeat top left; text-indent: -9999px; }

/* about us: mission page */

/* unique cause landing page */
.cause-landing #content { }

	.cause-landing #content-main { background: #2b8cc8 url(/images/sites-graphics/bg-cause-landing.jpg) top left repeat-x; z-index: 1;}
	
		.cause-landing #content-main .wrapper { height: 225px; position: relative; }
	
		.cause-landing #content-main .text { width: 650px; /* height: 180px; */ float: right; padding: 52px 0 0 0; font-size: 24px; color: #fff; }
				
			.cause-landing #content-main .text p { /* width: 612px; */ height: 121px; text-indent: -9999px; background: url(/images/sites-graphics/bg-cause-landing-text.png) top left no-repeat; }
		
	.cause-landing #content-sub { min-height: 400px; overflow: visible; }
	
		.cause-landing #content-sub .wrapper { position: relative; overflow: visible; }
		
		.cause-landing .main-image { position: absolute; left: -39px; top: -227px; width: 338px; height: 298px; overflow: hidden; padding: 0; background: url(/images/sites-graphics/bg-cause-landing-photo.png) no-repeat top left; z-index: 9999; }
		
			.cause-landing .main-image img { border: 15px solid #fff; margin: 0 0 0 24px; width: 260px; height: 220px; }
	
		.cause-landing #content-sub .text { padding: 43px 0; width: 210px; position: relative; z-index: 10000; }
		
		.cause-landing #content-sub h4 { color: #1f72b2; font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0; }
		
		.cause-landing #content-sub p { margin: 0 0 1em 0; }

/* the cause page */
.cause #content { overflow: auto; background: #cbcbcb url(/images/sites-graphics/bg-cause-content.jpg) repeat-x top left; min-height: 560px; font-size: 13px; }

	.cause #content-main h2 { font-size: 24px; font-weight: bold; color: #fff; height: auto; margin: 0; line-height: 88px; }
	
	.cause #content-main p.highlight { margin: 0; height: 250px; width: 680px; text-indent: -9999px; background: url(/images/sites-graphics/bg-cause-highlight.png) top left no-repeat; max-width: none; /* position: relative; left:-10px; */ }
	
	.cause #content-main p.intro { border-bottom: 1px solid #b6b6b6; padding: 35px 0; margin-top: 0; }
	
	.cause #content-main .text { width: 420px; float: left; }
	
		.cause #people { overflow: auto; }
		
			.cause #people p { width: 320px; float: left; }
			
			.cause #people img { float: right; }
		
		.cause #seconds, .cause #africa { overflow: auto; }

			.cause #seconds p, .cause #africa p { width: 320px; float: right; }
			
			.cause #seconds img, .cause #africa img { float: left; }
	
		.cause #africa { }
		
			.cause #africa p { margin: 0 0 1em 0; }
		
			.cause #africa img { margin-top: 8px; }
		
	.cause #content-main .in-content-subnav { width: 200px; float: right; padding-top: 29px; }
	
		.cause #content-main .in-content-subnav li { border-top: 1px solid #b6b6b6; }
		
			.cause #content-main .in-content-subnav li.first { border-top: 0; }
			
			.cause #content-main .in-content-subnav li a { text-decoration: none; color: #000; font-weight: bold; display: block; padding: 10px 0 10px 10px; background: url(/images/sites-graphics/bg-incontentsubnav-arrow.gif) left center no-repeat; }

	.cause #content-nav li.header { background: #277dbe url(/images/sites-graphics/bg-contentnav-header-cause.png) no-repeat top left; text-indent: -9999px; }
	
	.cause .action-call { color: #444; }
	
/* subpages within the cause section (ie: Child pages of Why Water, The 3for5 Method, etc ) */
.cause-sub { }

	.cause-sub #content { overflow: auto; background: #cbcbcb url(/images/sites-graphics/bg-causesub-content.jpg) repeat-x top left; min-height: 560px; font-size: 13px; }
	
		.cause-sub #content-main h2 { font-size: 24px; font-weight: bold; color: #fff; height: auto; margin: 0; line-height: 88px; }
		
	
	.cause-sub #content-nav li.header { background: #277dbe url(/images/sites-graphics/bg-contentnav-header-cause.png) no-repeat top left; text-indent: -9999px; }
	
	.cause-sub .action-call { color: #444; }
	

/* the cause: h2o page */


/* error pages */
.error { }

	.error #content { font-size: 12px; }
	
		.error #content-main { line-height: 1.4; font-size: 13px; overflow: hidden; }
		
			.error #content-main h3 { color: #dc2731; font-size: 16px; margin: 20px 0 60px; }
			
			.error #content #content-main p { max-width: 680px; }
		
			.error .matrix { margin-right: 25px; font-size: 12px; }
			
				.error #content-main .matrix h3 { color: #000; margin: 0; }
				
		.error #content-sub { }
		
			.error #content-sub h2 { color: #dc2731; height: 32px; width: 237px; position: relative; margin: 28px 0 60px; text-indent: -9999px; }
			
				.error #content-sub h2 span { display: block; position: absolute; top: 0; left: 0; height: 32px; width: 237px; background: url(/images/sites-graphics/bg-error-h2.png) no-repeat top left; }
				
			.error .need-help { color: #777; }
			
				.error .need-help h4 { height: 22px; width: 239px; position: relative; margin: 0 0 10px 0; }
				
					.error .need-help h4 span { display: block; height: 22px; width: 239px; position: absolute; top: 0; left: 0; background: url(/images/sites-graphics/bg-need-help-h4.png) no-repeat top left; }
					
				.error .need-help .get-help { margin: 10px 0 0 0;}
				
					.error .need-help .get-help a { display: block; height: 23px; width: 84px; background: url(/images/sites-graphics/bg-get-help.png) no-repeat top left; text-indent: -9999px; outline: none; }

/* donate page */
.donate #content { font-size: 12px; }

	.donate #content-main { line-height: 1.4; font-size: 13px; }
	
		.donate #content-main h3 { color: #888; font-size: 16px; margin: 20px 0 60px; }
		
		.donate #content-main h4 { color: #000; font-size: 14px; font-weight: bold; padding: 0 0 10px 0; border: 1px solid #afafaf; border-width: 0 0 1px 0; }
		
		.donate #content #content-main p { max-width: 680px; }
		
		.donate #donate-form { position: relative; margin: 25px 0px 25px 0px; color: #555; }
		
			.donate #donate-form .main-form { padding: 0 0 25px 40px; border-bottom: 1px solid #afafaf; }
			
			.donate #donate-form .total-row { padding: 10px 0 0 40px; }
		
		.donate input { width: 175px; }
		
			.donate .gwt-HTML input { width: auto; }
			.donate .gwt-CheckBox input { width: auto; }	
		
		.donate .caption-box1 { position: absolute; top: -5px; left: 260px; width: 242px; font-size: 11px; color: #777; }
		
		.donate .caption-box2 { position: absolute; top: 12px; left: 260px; width: 242px; font-size: 11px; color: #777; }
		
		.donate .caption-box3 { position: absolute; top: 120px; left: 260px; width: 242px; font-size: 11px; color: #777; }
		
		.donate .caption-top { height: 5px; background: url(/images/sites-graphics/bg-form-caption.png) no-repeat top left; }
		
		.donate .caption-text { background: url(/images/sites-graphics/bg-form-caption.png) no-repeat center left; padding: 2px 5px 2px 20px; }
		
		.donate .caption-bottom { height: 5px; background: url(/images/sites-graphics/bg-form-caption.png) no-repeat bottom left; }
		
		.donate .gwt-Label, .donate .cb-panel { width: 230px; margin-top: 15px; }
		
		.donate #content-main .last-row { padding-top: 30px; border: 1px solid #afafaf; border-width: 1px 0 0 0; margin-top: 30px; }
		
			.donate #content-main .last-row p { margin: 0; padding: 0; }
			
			.donate #content-main .total {color: #000000; font-size: 18px; font-weight: bold; margin: 0px 0px 20px 0px;}
			
		.donate .submit { width: 86px; height: 27px; background: url(/images/sites-graphics/bg-donate-button.png) no-repeat top left; text-indent: -9999px; outline: none; border: 0; margin-top: 0px; }
		
	
	.donate #content-sub { color: #777; }
	
		.donate #content-sub h2 { color: #228dc9; height: 32px; width: 237px; position: relative; margin: 28px 0 80px; text-indent: -9999px; }
		
			.donate #content-sub h2 span { display: block; position: absolute; top: 0; left: 0; height: 32px; width: 237px; background: url(/images/sites-graphics/bg-donate-h2.png) no-repeat top left; }

		.donate #content-sub h4 { color: #2178bb; font-size: 13px; font-weight: bold; }
		
		.donate #content-sub .donation-summary { margin-top: 25px; }		

/* donate-complete page */
.donate-complete #content { font-size: 12px; }

	.donate-complete #content-main { line-height: 1.4; font-size: 13px; }
	
		.donate-complete #content-main h3 { color: #888; font-size: 16px; margin: 35px 0 60px; }
		
		.donate-complete #content-main h4 { color: #000; font-size: 14px; font-weight: bold; padding: 0 0 10px 0; border: 1px solid #afafaf; border-width: 0 0 1px 0; }
		
		.donate-complete #content #content-main p { max-width: 680px; }
		
		.donate-complete #donate-form { position: relative; margin: 25px 0px 25px 0px; color: #555; }
		
			.donate-complete #donate-form .main-form { padding: 0 0 25px 40px; border-bottom: 1px solid #afafaf; }
			
			.donate-complete #donate-form .total-row { padding: 10px 0 0 40px; }
		
		.donate-complete input { width: 175px; }
		
			.donate-complete .gwt-HTML input { width: auto; }
			.donate-complete .gwt-CheckBox input { width: auto; }	
		
		.donate-complete .caption-box1 { position: absolute; top: 0px; left: 260px; width: 242px; font-size: 11px; color: #777; }
		
		.donate-complete .caption-box2 { position: absolute; top: 40px; left: 260px; width: 242px; font-size: 11px; color: #777; }
		
		.donate-complete .caption-box3 { position: absolute; top: 132px; left: 260px; width: 242px; font-size: 11px; color: #777; }
		
		.donate-complete .caption-top { height: 5px; background: url(/images/sites-graphics/bg-form-caption.png) no-repeat top left; }
		
		.donate-complete .caption-text { background: url(/images/sites-graphics/bg-form-caption.png) no-repeat center left; padding: 2px 5px 2px 20px; }
		
		.donate-complete .caption-bottom { height: 5px; background: url(/images/sites-graphics/bg-form-caption.png) no-repeat bottom left; }
		
		.donate-complete .gwt-Label, .donate-complete .cb-panel { width: 230px; margin-top: 15px; }
		
		.donate-complete #content-main .last-row { padding-top: 30px; border: 1px solid #afafaf; border-width: 1px 0 0 0; margin-top: 30px; }
		
			.donate-complete #content-main .last-row p { margin: 0; padding: 0; }
			
			.donate-complete #content-main .total {color: #000000; font-size: 18px; font-weight: bold; margin: 0px 0px 20px 0px;}
			
		.donate-complete .submit { width: 122px; height: 28px; background: url(/images/sites-graphics/my-network-button.gif) no-repeat top left; text-indent: -9999px; outline: none; border: 0; margin-top: 0px; }
		
	
	.donate-complete #content-sub { color: #777; }
	
		.donate-complete #content-sub h2 { color: #228dc9; height: 32px; width: 237px; position: relative; margin: 28px 0 80px; }
		
			.donate-complete #content-sub h2 span { display: block; position: absolute; top: 0; left: 0; height: 32px; width: 237px; background: url(/images/sites-graphics/bg-thankyou-h2.png) no-repeat bottom left; }

		.donate-complete #content-sub h4 { color: #2178bb; font-size: 13px; font-weight: bold; }
		
		.donate-complete #content-sub .donation-summary { margin-top: 25px; }		

/* sign-in page */
.sign-in { }

	.sign-in #content-main { }
	
		.sign-in #content-main h3 { margin-top: 20px; }
		
		.sign-in #content-main form ul { border-top: 1px solid #afafaf; }
		
			.sign-in #content-main form .checkbox { margin-left: 140px; }
			
			.sign-in #content-main form .submit { margin-left: 140px; width: 90px; height: 27px; background: url(/images/sites-graphics/bg-sign-in-button.png) no-repeat top left; text-indent: -9999px; outline: none; border: 0; }
	
	
	.sign-in #content-sub { }	

		.sign-in #content-sub h2 { height: 39px; margin: 28px 0 45px; text-indent: -9999px;}

			.sign-in #content-sub h2 span { height: 39px; background: url(/images/sites-graphics/bg-sign-in-h2.png) no-repeat top left; }
			
/* register pages */
.register { }

	.register #content-main { }
	
		.register ol.steps { overflow: auto; height: 45px; width: 364px; margin: 29px 0 40px 0; }
		
			.register .steps li { float: left; height: 45px; position: relative; text-indent: -9999px; } 
				
				.register .steps li span { display: block; height: 45px; position: absolute; top: 0; left: 0; background: url(/images/sites-graphics/bg-register-steps.png) top left; }
				
				.register .steps li.first { width: 124px; }
				
					.register .steps li.first span { width: 124px; background-position: 0 -45px; }

				.register .steps li.first-current { width: 124px; }

					.register .steps li.first-current span { width: 124px; background-position: 0 0; }
					
				.register .steps li.second { width: 108px; }
				
					.register .steps li.second span { width: 108px; background-position: -124px -45px; }

				.register .steps li.second-current { width: 108px; }

					.register .steps li.second-current span { width: 108px; background-position: -124px 0; }
					
				.register .steps li.third { width: 132px; }
				
					.register .steps li.third span { width: 132px; background-position: -232px -45px; }

				.register .steps li.third-current { width: 132px; }

					.register .steps li.third-current span { width: 132px; background-position: -232px 0; }
					
		.register #content-main .notice { font-size: 10px; }
					
		.register #content-main form .checkbox { margin-left: 140px; float: left; }

		.register #content-main form .submit { margin-left: 140px; width: 100px; height: 27px; background: url(/images/sites-graphics/bg-continue-button.png) no-repeat top left; text-indent: -9999px; outline: none; border: 0; }
			
		.register #content-main form p { font-size: 11px; width: 500px; float: left; margin-top: 0; }
	
	.register #content-sub { }
	
		.register #content-sub h2 { height: 40px; margin: 28px 0 60px; text-indent: -9999px; }

			.register #content-sub h2 span { height: 40px; background: url(/images/sites-graphics/bg-register-h2.png) no-repeat top left; }
			
		.register .module { margin-top: 20px; position: relative; }

			.register .module h4 { padding-left: 20px; }

			.register .module p { padding-left: 20px; font-size: 11px; }

			.register .module img { position: absolute; top: 6px; left: 20px; }
			
/* register - verify page */
.verify { }

	.verify #content-main { }
	
		.verify #content-main h4 { color: #000; font-size: 14px; font-weight: bold; padding: 0 0 10px 0; border: 1px solid #afafaf; border-width: 0 0 1px 0; }
		
		.verify #content-main .email { font-weight: bold; margin-bottom: 2em; }
	
	.verify #content-sub { }
	
		.verify .module h4 { padding-left: 20px; }
		
		.verify .module p { padding-left: 20px; margin-bottom: 1em; color: #333; font-size: 12px; }
		
/* register - sign-in page */
.r-sign-in { }

	.r-sign-in #content-main form .submit { margin-left: 140px; width: 90px; height: 27px; background: url(/images/sites-graphics/bg-sign-in-button.png) no-repeat top left; text-indent: -9999px; outline: none; border: 0; }


	.r-sign-in .module h4 { padding-left: 20px; }
	
	.r-sign-in .module p { padding-left: 20px; color: #333; font-size: 12px; }

/* Terms of service page */
#terms { width: 800px; position: relative; margin: 30px;}
#privacy { width: 800px; position: relative; margin: 30px;}
.red-label { color: red; }

/* FAQ page */
.faq { }

	.faq #content-main { overflow: hidden; }

	.faq .column { width: 310px; margin-right: 30px; float: left; font-size: 12px; line-height: 18px; color: #333; }

/* popup pages */
.popup { background: #fff; color: #333; font-size: 13px; }

	.popup #content { padding: 15px 25px 5px 25px; }
	
		.popup h1 { font-size: 16px; color: #228dc9; font-weight: bold; }
	
		.popup #content p { color: #333; margin: 1em 0; }