@charset "utf-8";
html { height: 100%; margin-bottom: 1px; }

body {

	margin: 0 auto;
	text-align: center;
	width: 820; 
	height: auto; 
	padding: 0; 
	background: #; 
	color: #; 
	font-family: Arial, Verdana, sans-serif;
}

	A:link {color: #000000; text-decoration: underline;}
	A:visited {color: #000000; text-decoration: underline;}
	A:active {color: #000000; text-decoration: underline;}
	A:hover {color: #000000; text-decoration: underline;}

.content-text {
	font-size: 13px;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 10px;
}

.medium {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.small {
	font-size: 11px;
}

img.floatLeft {	float: left;}
img.floatLeftPad {	float: left; padding-right: 8px;}

img.floatRight {float: right;}
img.floatRightPad {float: right; padding-left: 8px;}

div.floatLeft {	float: left;  text-align: center;}
div.floatLeftPad {	float: left; padding-right: 8px; padding-bottom: 10px; padding-top: 5px; text-align: center;}

div.floatRight {float: right; text-align: center;}
div.floatRightPad {float: right; padding-left: 8px; padding-bottom: 10px; padding-top: 5px;text-align: center;}


#bg-container {
	background: url(graphics/bg.gif) repeat-y;
	position: relative;
	width:840px;
	text-align: center;
	margin: 0 auto;
}

#top-watermark {
	background-image: url(graphics/top%20watermark.gif);
	background-position: center;
	position: relative;
	width: 820px;
	height: 89px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align:left;
}

#navbar {
	position: relative;
	width: 820px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	z-index: 5000;
}

#logo {
	text-align: left;
	position: absolute;
	top: 5px;
	left: 10px;
}

#small-links {
	position: absolute;
	height: 20px;
	width: 250px;
	left: 540px;
	top: 25px;
	text-align: center;
}

p.small-links {
	margin-top: 0px;
	margin-bottom: 0px;
}

#banner {
	background-image: url(graphics/banner.gif);
	background-position: center;
	position: relative;
	height: 306px;
	width: 820px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align:left;
}

#seeworks {
	position: absolute;
	top: 220px;
	right: 50px;
}
#flashbox {
	position: absolute;
	left: 20px;
	top: 12px;
	z-index: 5;
}
#boxes {
	position: relative;
	width:820px;
	z-index: 5;
	text-align: center;
	margin: 0 auto;
}
#box1 {
	padding: 17px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 28px;
	float: left;
	text-align: left;
	position: relative;
}
#box2 {
	float: left;
	text-align: center;
	position: relative;
	padding: 17px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin: 0 auto;
	clear: right;
}
#box3 {
	float: left;
	text-align: center;
	position: relative;
	padding: 17px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 28px;
	margin: 0 auto;
	clear: right;
}

#bottom {
	position: relative;
	width:820px;
	z-index: 5;
	text-align: center;
	margin: 0 auto;
}

#content {
	width: 519px;
	padding: 30px;
	padding-top: 0px;
	float: left;
	text-align: left;
}

#vert-bar {
	width: 1px;
	height: 296px;
	float: left;
	background-image: url(graphics/vert-bar.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 30px;
}

#sidebar-home {
	width: 240px;
	float: left;
	text-align: center;
	position: relative;
	top: 10px;
	margin: 0 auto;
	clear: right;
}

#sidebar-home-head {
	width: 185px;
	padding-right: 25px;
	padding-left: 30px;
	float: left;
	text-align: left;
	clear: left;
	position: relative;
}

#sidebar-home-txt {
	width: 185px;
	padding-right: 25px;
	padding-left: 30px;
	float: left;
	text-align: left;
	clear: left;
	position: relative;
	top: 10px;
}

#sidebar-home-logo {
	width: 240px;
	float: left;
	text-align: left;
	clear: left;
	position: relative;
	top: 30px;
}

#footer {
	position: relative;
	width: 840px;
	clear: both;
	margin: 0 auto;
	text-align: center;
}

#footer-donate {
	position: relative;
	width: 820px;
	padding: 0px;
	display: inline;
	padding-bottom: 5px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	float: left;
}

#footer-donate p {text-align: right; position: relative; right: 20px; display: inline; font-size: 13px;}

#footer-l {
	background-position: left;
	position: relative;
	width: 480px;
	padding: 5px;
	height: 30px;
	display: inline;
	float: left;
	line-height: 15px;
	text-align: center;
	background-color: #EFEBC6;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#footer-r {
	background-position: right;
	position: relative; 
	width: 320px;
	padding: 5px;
	height: 30px;
	line-height: 15px;
	display: inline;
	float: left;
	text-align: center;
	background-color: #EFEBC6;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#footer-bgl {
	background: url(graphics/bg-l.gif) repeat-y;
	background-position: left;
	position: relative;
	width: 10px;
	height: 67px;
	float: left;
	text-align: center;
}

#footer-bgr {
	background: url(graphics/bg-r.gif) repeat-y;
	background-position: left;
	position: relative;
	width: 10px;
	height: 67px;
	float: right;
	text-align: center;
}

/* SUBPAGES */

#banner-sub {
	position: relative;
	height: 84px;
	width: 820px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align:left;
}

#banner-sub-1 {
	background-image: url(graphics/horiz-bar-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #EFEBC6;
	width: 820px;
	height: 30px;
	float: left;
	text-align: left;
	clear: left;
	position: relative;
}

#banner-sub-1 p.breadcrumbs {text-indent: 15px; margin-top: 10px; margin-bottom: 0px; float: left; design: inline;}

#banner-sub-2 {
	background-image: url(graphics/horiz-bar-bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #EFEBC6;
	width: 820px;
	height: 54px;
	float: left;
	text-align: left;
	clear: left;
	position: relative;
}

#banner-sub-2 p.title {
	text-indent: 30px;
	margin-bottom: 15px;
	float: left;
	design: inline;
	bottom: 0px;
	position: absolute;
	font-size:25px;
	font-weight:bold;
	width: 550px;
}

#content-sub {
	width: 564px;
	padding: 15px;
	padding-left: 20px;
	padding-top: 0px;	
	padding-bottom: 60px;
	float: left;
	text-align: left;
	position: relative;
	top: 5px;
}

#content-sub p { font-size: 13px; font-weight: 400; margin-top: 9px; margin-bottom: 9px; }
#content-sub p.lead { margin-bottom: 15px; }
#content-sub p.isloated-top {margin-top: 20px;}
#content-sub p.isolated-bottom {margin-bottom: 20px;}
#content-sub p.floatLeftPad {margin: 0px; margin-top: 4px; padding: 0px; font-size: 11px;}
#content-sub p.floatRightPad {margin: 0px; margin-top: 4px; padding: 0px; font-size: 11px;}
#content-sub p.imgnewline { text-align: center; margin-top: 9px; margin-bottom: 9px;}
#content-sub sub { vertical-align: 0px; position: relative; top: .8ex; font-size: 80%;}
#content-sub h1 { font-size: 15px; font-weight: bold; margin-top: 15px; margin-bottom: 5px;}
#content-sub h1 A:link {color: #000000; text-decoration: none;}
#content-sub h1 A:visited {color: #000000; text-decoration: none;}
#content-sub h1 A:active {color: #000000; text-decoration: none;}
#content-sub h1 A:hover {color: #000000; text-decoration: underline;}
#content-sub h2 { font-size: 13px; font-weight: bold; margin-top: 15px; margin-bottom: 5px;}
#content-sub ul li { font-size: 13px; font-weight: 400; margin-top: 0px; margin-bottom: 4px; }
#content-sub ol li { font-size: 13px; font-weight: 400; margin-top: 0px; margin-bottom: 4px; }
#content-sub hr {color: #fff; background-color: #fff; border: 1px dotted #666666; border-style: none none dashed;}


#sidebar-sub {
	width: 220px;
	float: right;
	text-align: center;
	position: relative;
	margin: 0 auto;
	clear: right;
	top: 15px;
}

#sidebar-sub-img {
	width: 200px;
	height: 184px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	text-align: center;
	clear: left;
	position: relative;
	top: -75px;
}

#sidebar-sub-txt {
	position: relative;
	width: 185px;
	padding-right: 15px;
	padding-left: 20px;
	float: left;
	text-align: left;
	clear: left;
	padding-top: 15px;
	padding-bottom: 30px;
	top: -75px;
}

#sidebar-sub-cap {
	position: relative;
	width: 210px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	text-align: left;
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;
	top: -75px;
}

.head {text-indent: 0px; font-size: 14px; font-weight: bold; margin: 0px; margin-bottom: 7px;}

.items {text-indent: 10px; font-size: 13px; margin: 0px; margin-bottom: 5px;}


/*
-----People/Staff Pages
*/

#content-sub div.people {
	width: 564px;
	height:300px;
	text-align: center;
	position: relative;
	margin: 0 auto;
}
#content-sub div.org_header {
	width: 564px;
	text-align: left;
	position: relative;
	margin: 0 auto;
	float:left;
}
#content-sub div.people-img {
	width: 250px;
	float: left;
	text-align: center;
	clear: left;
	position: relative;
}
#content-sub div.people-txt {
	position: relative;
	width: 314px;
	float: right;
	text-align: left;
	clear: left;
}

#content-sub img.people { float: left; margin-top: 15px; margin-right: 10px; }

#content-sub img.founder { float: left; margin-top: 0px; margin-right: 15px; margin-bottom: 10px;}

/*
-----Partners Page
*/

#content-sub div.partners {
	width: 564px;
	text-align: left;
	position: relative;
	margin: 0 auto;
	display: block;
	float: right;
}

#content-sub div.partners-head {
	width: 564px;
	text-align: left;
	position: relative;
	display:block;
}

#content-sub div.partners-imgl {
	width: 195px;
	float: left;
	text-align: center;
	position: relative;
	display: block;
}

#content-sub div.partners-txtl {
	position: relative;
	width: 369px;
	float: right;
	text-align: left;
	display: inline;
}

#content-sub div.partners-imgr {
	width: 195px;
	text-align: center;
	float: left;
	position: relative;
	display: block;
}

#content-sub div.partners-txtr {
	position: relative;
	width: 369px;
	float: left;
	text-align: left;
	display: inline;
}

#content-sub img.partnersl {margin-top: 15px; margin-right: 10px;}
#content-sub img.partnersr {margin-top: 15px; margin-left: 10px;}

/* Stand-Alone Pages */

#content-stand {
	width: 780px;
	padding: 20px;
	padding-top: 0px;	
	padding-bottom: 60px;
	float: left;
	text-align: left;
	position: relative;
	top: 5px;
}

#content-stand p { font-size: 13px; font-weight: 400; margin-top: 9px; margin-bottom: 9px; }
#content-stand p.lead { margin-bottom: 15px; }
#content-stand p.isloated-top {margin-top: 20px;}
#content-stand p.isolated-bottom {margin-bottom: 20px;}
#content-stand p.floatLeftPad {margin: 0px; margin-top: 4px; padding: 0px; font-size: 11px;}
#content-stand sub { vertical-align: 0px; position: relative; top: .8ex; font-size: 80%;}
#content-stand h1 { font-size: 15px; font-weight: bold; margin-top: 15px; margin-bottom: 5px;}
#content-stand h1 A:link {color: #000000; text-decoration: none;}
#content-stand h1 A:visited {color: #000000; text-decoration: none;}
#content-stand h1 A:active {color: #000000; text-decoration: none;}
#content-stand h1 A:hover {color: #000000; text-decoration: underline;}
#content-stand h2 { font-size: 13px; font-weight: bold; margin-top: 15px; margin-bottom: 5px;}
#content-stand p.imgnewline { text-align: center; margin-top: 9px; margin-bottom: 9px;}

/*
-----NAV BAR-----
*/

#nav * { margin: 0; padding: 0; outline: none; }   a img { border: none; }
#nav { margin: 0; padding: 0; outline: none; }   a img { border: none; }
#nav h1, h2, h3, h4, h6 { font-weight: normal; }
#nav h2 { color: #008ac5; font-size: 170%; }
#nav h5 { color: #709421; font-size: 100%; margin: 1.1em 0 0; }
#nav ul { list-style: none; }
#nav a { color: #008ac5; text-decoration: none; }
#nav p { margin: .1em 0 1em; }
#nav p.intro { font-size: 105%; margin-bottom: 0; line-height: 1.5; }
#nav span.plusGr { color: #709421; }
#nav { font-family: Arial; }

/* main lists and menus */

#nav {text-align: left;}
ul#nav { width: 820px; height: 30px; background: #008242; margin: 0 auto 0px auto; font-size: 12px; z-index: 1111; }
ul#nav li { display: inline; float: left; }
ul#nav li a { height: 30px; text-indent: -9999px; overflow: hidden; display: block; }
ul#nav li a:hover, ul#nav li a.selected { background-position: 0 -30px; }
ul#nav li:hover { background-position: 0 0; }

ul#nav li#about a { width: 106px; background-image: url(graphics/navbar/about.gif); }
ul#nav li#families a { width: 129px; background-image: url(graphics/navbar/families.gif); }
ul#nav li#problem a { width: 132px; background-image: url(graphics/navbar/problem.gif); }
ul#nav li#solution a { width: 131px; background-image: url(graphics/navbar/solution.gif); }
ul#nav li#news a { width: 195px; background-image: url(graphics/navbar/news.gif); }
ul#nav li#involved a { width: 127px; background-image: url(graphics/navbar/involved.gif); }

#body-about ul#nav li#about a { background-position: 0 -30px; }
#body-families ul#nav li#families a { background-position: 0 -30px; }
#body-problem ul#nav li#problem a { background-position: 0 -30px; }
#body-solution ul#nav li#solution a { background-position: 0 -30px; }
#body-news ul#nav li#news a { background-position: 0 -30px; } 
#body-involved ul#nav li#involved a { background-position: 0 -30px; } 

/* second level*/
#nav li ul { 
	border-top: 0px solid #000;
	background: url(graphics/navbar/drop-bg.png) repeat;
	width: 150px;
	position: absolute;
	left: -999em;
	z-index: 1000;
}

ul#nav li ul li a { width: 140px!important; padding: 3px 0 3px 10px; background-image: none!important; border-bottom: 0px solid #313031; text-indent: 0; color: #FFF; text-decoration: none; height: auto; display: block; }
ul#nav li ul li a:hover { background-color: #005D29!important; position: relative; }
ul#nav li ul li.last a { border-bottom: none; }

ul#nav li.secondLev a { background: url(graphics/navbar/drop-arrow.gif) no-repeat right center!important; }
ul#nav li.secondLev ul li a { background-image: none!important; border-bottom: 0px solid #313031; }
ul#nav li.secondLev ul li.last a { border-bottom: none; }

/* from the third level on down */
#nav li ul ul { 
	border-top: none;
	margin: -21px 0 0 150px;
	width: 150px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

/* for lists when hovering */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
	left: auto;
}
/* for donation form and others */

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


.moneyspecial
{

height:80px;
 width:80px; 
 background-color:#FFFFFF; 
 color:#006633; 
 border:0px solid #006633;  
 -moz-border-radius: 15px 15px 15px 15px; 
 font-size:large; font-family:verdana;
}
.moneyrecurring
{

height:80px;
 width:80px; 
 background-color:#FFFFFF; 
 color:#006633; 
 border:0px solid #006633;  
 -moz-border-radius: 15px 15px 15px 15px; 
 font-size:large; font-family:verdana;
}
.button
{
 background-color:#FFFFFF; 
 color:#006633; 
 border:1px solid #006633;  
 -moz-border-radius: 15px 15px 15px 15px; 
  -webkit-border-radius: 15px 15px 15px 15px; 
   -border-radius: 15px 15px 15px 15px; 
 font-size:x-large; font-family:verdana;

 width:200px; 
 height:40px;
}
.green_heading
{

font-family:Arial, Helvetica, sans-serif;
font-size:large;
color:#006633; 
}
.grey_heading
{

font-family:Arial, Helvetica, sans-serif;
font-size:large;
color:#666666;

}



/* end for donaton form */