<style type="text/css" href="../css/newstyle.css" rel="stylesheet"><style type="text/css" href="../css/newstyle.css" rel="stylesheet"><style type="text/css" href="../css/newstyle.css" rel="stylesheet"><style type="text/css" href="../css/newstyle.css" rel="stylesheet"><style type="text/css" href="../css/newstyle.css" rel="stylesheet">/*-- ERIC MEYER RESET RELOAD --*/
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: inherit;
	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 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: "" "";
}

/*-- SITE STYLES --*/

body {
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#64b849;
	}
	
div#wrapper {
	background-color:#afdbfe;
	background-image:url(../images/interface_summer/background.jpg);
	background-repeat:repeat-x;
	width:100%;
	}

h1 {
	margin:0px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#00A0E5;
	line-height:1;
	letter-spacing:1px;
	}

h2 {
	margin:0px 0px 6px 0px;
	padding-left:16px;
	font-size:21px;
	line-height:1;
	font-family:Arial, Helvetica, sans-serif;
	color:#00A0E5;
	background-image:url(../images/interface_summer/gradiant_square.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	}
	
h2.nobullet {
	padding-left:0px;
	background-image:none;
	}

h3 {
	margin:0px 0px 10px 0px;
	padding-top:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#13A0E5;
	line-height:1.25;
	font-weight:bold;
	}
	
h4 {
	margin:0px 0px 10px 0px;
	padding-top:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#504324;
	line-height:1;
	font-weight:bold;
	}
	
a:link, a:visited {
	text-decoration:underline;
	color:#24A63C;
	}

a:hover {
	text-decoration:underline;
	color:#C25914;
	}

b,strong {font-weight:bold;}
i,em {font-style:italic;}

/*-- UTILITY --*/

.blockon {display:block;}

.clearl	{clear:left;}

.clearr	{clear:right;}

.clearem {clear:both;}

.floatl	{float:left;}

.floatr	{float:right;}

.floatn	{float:none;}

.hideon {display:none; visibility:hidden;}

.inlineon {display:inline;}

.centertext {
	text-align:center;
}

/*-- HEADER --*/

div#header {
	position:relative;
	width:954px;
	margin:auto; 
	padding:0;
	height:129px;
	background-image:url(../images/interface_summer/header_background.jpg);
	
}

div#logo {
	position:absolute;
	top:11px;
	left:17px;
	width:580px;
	height:85px;
	background-image:url(../images/interface_summer/logo.png);
	background-repeat:no-repeat;
	margin-bottom:0px;
	}
	
div#logo span {
	position:absolute; 
	left: -999em; 
	} /* hide logo but still readable by screen readers */

div#logo a:link, div#logo a:visited, div#logo a:hover{
	display:block;
	width:580px;
	height:54px;
	text-decoration:none;
	}

div#tagline {
	position:absolute;
	top:12px;
	right:5px;
	width:165px;
	height:91px;
	background-image:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
	text-align:right;
	color:#FFFFFF;
	padding-top:30px;
	padding-right:2px;
	}
	
div#tagline a:link, div#tagline a:visited, div#tagline a:hover{
	display:block;
	width:165px;
	height:62px;
	color:#FFF;
	text-decoration:none;
	}

div#tagline a:hover{
	color:#e8fdbc;	
	}
	
	
/*-- MENU HORIZONTAL NAV --*/

div.menu {
	position:absolute;
	top:91px;
	right:0px;
	margin:0px;
	float:right;
	background-image:url(../images/interface/top-menu-btm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	} 

div.menu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	}

div.menu li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-indent:0px;
	float:left;
	background-image:none;
	}
	
div.menu li a:link, div.menu li a:visited {
	margin:0px;
	padding:11px;
	display:block;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#F6EC14;
	}

div.menu li a:link.current, div.menu li a:visited.current {
	color:#F6EC14;
	}

div.menu li a:hover {
	padding: 9px 11px;
	border-top:2px solid #c8ee7f;
	color:#FFF;
	}

/*-- LISTS GENERAL --*/
ul{
	padding-left:6px;
	margin: 2px 0px 16px 30px;
	}
	
ul li {
	margin: 2px 0px 2px 0px;
	list-style:disc;
	padding-left:0px;
	}
	
ul ul {
	margin: 2px 0px 2px 30px;
	padding-left:6px;
	}
	
ul li ul li {
	margin: 2px 0px 2px 0px;
	padding-left:0px;
	list-style:circle;
	}
	
ol{
	margin: 6px 0px 6px 36px;
	padding-left:12px;
	}	
	
ol li {
	padding-left:3px;
	list-style:decimal;
	}
	

ul.nobullet, li.nobullet {
	list-style:none;
	}
	
	
.circlelist {
		list-style:circle;
		}
		
.squarelist {
	list-style:square;
	}
		
.nonelist {
	list-style:none;
	}

/*-- MAIN WRAPS CONTENT--*/

div#main{ 					 
	width:100%;
	padding:0px;
	background-image:url(../images/interface_summer/main-background-people.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	}
	
/*-- CONTENT--*/

div#content {
	width:954px;
	margin:auto; 
	padding:0px 0px 12px 0px;
	border-top: 4px solid #f9ec22;
	line-height:1;
	background-color:#f1fed5;
	}

div#content p {
	padding-bottom: 20px;    /* padding instead of margin so floats work in IE */
	margin:0px;
	}
	
/*-- HOMEPAGE--*/

body#homepage div#content {
	background-image:url(../images/interface_summer/maintop-background.jpg);
	background-repeat:repeat-x;
}

/*-- HOME PAGE SPECIAL TOP AREA --*/

div#content div#contenttop {
	width:954px;
	background-image:url(../images/interface_summer/maintop-background.jpg);
	background-repeat:repeat-x;
	}

a.arrow:link, a.arrow:visited {
	color:#4EAF37;
	padding-left:13px;
	text-decoration:none;
	background-image:url(../images/interface_summer/arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 1px;
	}

a.arrow:hover{
	text-decoration:underline;
	color:#C25914;
	}

div#content div#contenttop div#column1 {
	height:187px;
	width:559px;
	float:left;
	padding: 32px 0px 0px 33px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#504324;
	}

div#content div#contenttop div#column1 a:link, div#content div#contenttop div#column1 a:visited {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	text-decoration:none;
	color:#4EAF37;
	margin-top:0px;
	padding-left:43px;
	padding-right:87px;
	background-image:url(../images/interface_summer/circle_arrow.png);
	background-repeat:no-repeat;
	background-position: 25px 3px;
	}

div#content div#contenttop div#column1 a:hover {
	text-decoration:underline;
	color:#C25914;
	}
	
div#content div#contenttop div#column2 {  /*-- This is SlideShow on the home page --*/
	float:right;
	padding: 20px 0px 0px 21px;
	height:196px; 
	width:339px;  
	}

/*-- HOME PAGE COLUMNS --*/

body#homepage div#columna {
	width:553px;
	padding: 26px 0px 0px 29px;
	float:left;
	background-color:#f1fed5;
	}

body#homepage div#columnb {
	float:left;
	width:317px;
	padding:27px 26px 0px 29px;
	font-size:13px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
	color:#504324;
	background-color:#f1fed5;
	}

body#homepage div#columna div.newsitem {
	padding: 0px 0px 12px 0px;
	margin:0px;
	line-height:1.5;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#504324;
	}
	
body#homepage div#columna div.newsitem div.date {
	padding-top:6px;
	font-weight:bold;
	}
	

body#homepage div#columnb div.newsitem {
	padding: 0px 0px 12px 0px;
	}
	
/*-- SECONDARYPAGE--*/

body#secondarypage div#content {
	background-image:url(../images/interface_summer/secondarypage-content-background.gif);
	background-repeat:repeat-y;
	}

body#secondarypage div#columna {
	width:194px;
	min-height:200px;
	float:left;
	padding:39px 0px 0px 30px;
	background-color:#e5f7a7;
	background-image:url(../images/interface_summer/secondary-columna-background.jpg);
	background-repeat:repeat-x;
	}
	
body#secondarypage div#columna h4 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family:"Times New Roman", Times, serif;
	font-size:27px;
	color:#24A63C;
	line-height:1;
	font-weight:normal;
	}

body#secondarypage div#columna ul {
	margin:0px;
	padding:0px;
	}

body#secondarypage div#columna ul ul {
	margin:0px;
	padding-left:15px;
	}

body#secondarypage div#columna li {
	padding-left:0px;
	list-style:none;
	}
	
body#secondarypage div#columna a:link, body#secondarypage div#columna a:visited {
	display:block;
	padding: 7px 20px 8px 17px;
	margin-right: 20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#24A63C;
	text-decoration:none;
	background-image:url(../images/interface_summer/secondary-menu-bullet.gif);
	background-repeat:no-repeat;
	background-position: 2px 10px;
	}

body#secondarypage div#columna a:link.current, body#secondarypage div#columna a:visited.current  {
	background-image:url(../images/interface_summer/secondary-menu-current-bullet.gif);
	background-repeat:no-repeat;
	background-position: 2px 10px;
	}

body#secondarypage div#columna a:hover, body#secondarypage div#columna a:hover.current {
	padding: 7px 0px 7px 17px;
	margin-right: 20px;
	border-bottom: 1px solid #24A63C;
	background-image:url(../images/interface_summer/secondary-menu-hover-bullet.gif);
	background-repeat:no-repeat;
	background-position: 2px 10px;
	background-color:#eaf9b7;
	}

body#secondarypage div#columna a.pagetop{
	display:block;
	margin-top:840px;
	}

body#secondarypage div#columnb {
	float:left;
	width:440px;
	padding:39px 0px 0px 32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5;
	color:#504324;
	background-color:#fffed4;
	background-image:url(../images/interface/secondary-columnb-background.jpg);
	background-repeat:repeat-x;
	min-height: 460px;
	}
	
body#secondarypage div#columnb h2 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:27px;
	line-height:1;
	font-family:"Times New Roman", Times, serif;
	color:#00A0E5;
	background-image:none;
	font-weight:normal;
	}
	
body#secondarypage div#columnb h2.nobullet {
	padding:0px;
	background-image:none;
}

body#secondarypage div#columnc {
	float:left;
	width:226px;
	min-height:300px;
	margin:0px;
	padding-left:32px;
	font-size:13px;
	line-height:1.5;
	background-image:url(../images/interface/secondary-columnb-background.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#504324;
	}

body#secondarypage div#columnc div.sideimage {
	margin:0px;
	padding:120px 0px 0px 0px;
	}
	
body#secondarypage div#columnc div.sideimage img {
	margin:0px;
	padding:0px;
	display:inline;
	}

body#secondarypage div#columnc div.kidsimage {
	width:194px;
	height:194px;
	padding:0px;
	margin:120px 0px 0px 0px;
	background-image:url(../images/stockimages/children-group-194.jpg);
	background-repeat:no-repeat;
	}

div.successstories {
	width:412px;
	margin:23px 0px;
	background-color:#FFF;
	background-image:url(../images/interface/stories-top-border.gif);
	background-repeat:no-repeat;
	}

div.successstories span {
	display:block;
	width:382px;
	padding:7px 15px;
	background-image:url(../images/interface/stories-bottom-border.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}

/*-- TIMELINE --*/

span.date {
	font-weight:bold;
	display:block;
}

/*-- BOARD & STAFF --*/

div.boardandstaff {
	padding-top: 12px;
	padding-left: 36px;
	line-height:1.75;
}

/*-- NEWSLETTER--*/

div.newsletters p {
	display:table;
	padding:12px 16px;
	margin-bottom:12px;
	float:left;
	text-align:center;
}

div.newsletters p img {
	margin:auto;
}

/*-- ANNUAL REPORTS--*/

div.reports p {
	display:table;
	padding:12px 16px;
	margin-bottom:12px;
	float:left;
	text-align:center;
	min-height:126px;
}

div.report p img {
	margin:auto;
}

/*-- DONATE BTNS--*/

div#donate {
	margin-top:230px;
}

div#donate a:link, div#donate a:visited  {
	display:block;
	width:158px;
	height:27px;
	margin:auto;
	padding-top:8px;
	line-height:1;
	font-size:15px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	background:#039;
	text-align:center;
	background-image:url(../images/interface_summer/big-button-background.gif);
	text-decoration:none;
	color:#FFF;
}

div#donate a:hover  {
	color:#FDF3A8;
	text-decoration:underline;
	}
	
a.largebtn:link, a.largebtn:visited  {
	display:block;
	width:158px;
	height:27px;
	margin:auto;
	padding-top:8px;
	line-height:1;
	font-size:15px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	background:#039;
	text-align:center;
	background-image:url(../images/interface_summer/big-button-background.gif);
	text-decoration:none;
	color:#FFF;
}

a.largebtn:hover  {
	color:#FDF3A8;
	text-decoration:underline;
	}
	
	
/*-- FOOTER --*/

div#footer {            
	width:100%;
	line-height:1;
	font-size:13px;
	background-repeat:no-repeat;
	background-position:top;
	color:#FFF;
	background-color:#000;
	background-image:url(../images/interface_summer/footer-background-gradient.gif);
	background-repeat:repeat-x;
	}
	
div#footercontent {
	width:954px;
	margin:auto;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

body#homepage div#footercontent {
	border-top: 12px solid #f1fed5;
	background-image:none;
	padding-top:0px;
	}
	
body#homepage div#footercontent2 {
	border-top: 3px solid #d7efb4;
	background-image:none;
	padding-top:9px;
	margin-top:0px;
	}
	
body#secondarypage div#footercontent {
	padding-top:25px;
	background-image:url(../images/interface_summer/footercontent-background-secondary.gif);
	background-repeat:no-repeat;
	}
	
div#footer div#leftcolumn {
	float:left;
	width:570px;
	}

div#footer div#rightcolumn {
	padding-top:23px;
	float:right;
	color:#FFF;
	text-align:right;
	line-height:1.8;
	}

div#footer div#copyright {
	float:left;
	width:570px;
	padding-top:12px;
	color:#FFF;
	line-height:1.8;
	}
	
div#footer a:link, div#footer a:visited { 
	text-decoration:none;
	color:#FFF;
	}

div#footer a:hover {
	text-decoration:underline;
	color:#FED711;
	}
	
div#footer div.footermenu {
	float:left;
	margin:0px;
	width:570px;
	}

div#footer div.footermenu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	}

div#footer div.footermenu li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-indent:0px;
	float:left;
	background-image:none;
	}
	
div#footer div.footermenu li a:link, div#footer div.footermenu li a:visited {
	margin:0px;
	padding:8px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#E1FFAD;
	}

ddiv#footer iv.footermenu li a:link.first, div#footer div.footermenu li a:visited.first {
	padding-left:0px;
	}

div#footer div.footermenu li a:hover {
	padding:8px 8px 7px 8px;
	color:#FED711;
	text-decoration:none;
	border-bottom: 1px solid #FED711;
	}	