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

@import "calendar.css";
@import "reset.css";
@import "rollover.css";
@import "navigation.css";

body
	{
	line-height:1.4em;
	color: #30624B;
	background-color: #185038;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
div.wrapper {
	width:850px;
	position:relative;
	background:url(../imgs/wrapper-bg.gif) repeat-y;
	border-left:40px solid #0C462E;
	background-color: #e5e3da;
	background-image: url(../imgs/wrapper-bg.gif);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	
	
/* ----------------------------------------------- */
/* =global classes                                 */
/* ----------------------------------------------- */	


a {
	color: #30624B;
	text-decoration: none;
	}
	
a:hover {
	color: #5C8A65;
	}
	
h1, h2, h3, h4 {
	font-weight:bold;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #185038;
	margin-bottom:1em;
}

h1 {
	font-size:20px;
	line-height:22px;
	
}

h2 {
	font-size:16px;
}

	td.programs h2 {
		font-size:14px;
		color:#DADCD1;
	}
	
h3 {	
	font-size: 14px;
	margin-top:1em;
}

p {
	margin:1em 0;
}

	p.tagline {
		font-size:12px;
		margin:0 0 1em 0;
	}
	
	p.moreLink {
		text-align:right;
	}
	
		p.moreLink a {
			text-decoration:underline;
		}
	
strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

div.boxedIn 
{
    background-color:#DADCD1;
    padding:5px;
    margin:10px;
}

a.backtoTop {
	display:block;
	text-align:right;
}

img.border 
{
    border:1px solid #0C462E;
}

/* ----------------------------------------------- */
/* =typography                                     */
/* ----------------------------------------------- */

.req {
	color: #CC0000;
	}

p.note
{font-size:10px;
 font-weight:bold;
 color:#0000cc;}


/* ----------------------------------------------- */
/* =forms                                     */
/* ----------------------------------------------- */


    td.label
    {text-align:right;
     padding:0 5px 10px 0;
     font-size:10px;
     font-weight:bold;
     width:30%;
     vertical-align:top;}

    table.registerForm td.addSpace
    {padding:5px 0;
     border-top:1px solid #BAB9AD;}
     
     table.registerForm td.last
     {padding-bottom:10px;}
     
/* ----------------------------------------------- */
/* =header                                         */
/* ----------------------------------------------- */

div.header {
	padding-top:150px;
	background-color:#AAC1A7;
	text-align:right;
	z-index:0;
	background-image: url(../images/familybg.gif);
	background-repeat: no-repeat;
	background-position: right;
}

	* html div.header {
		height:62px;
		/* Hack for IE6 */
	}
	
	*:first-child+html div.header {
		height:66px;
		/* Hack for IE7 */
	}	

div.logo {
	background:url(../imgs/header-logo.png) no-repeat;
	height:152px;
	width:149px;
	position:absolute;
	left:-3px;
	top:37px;
	z-index:10;
}

	div.logo a {
		height:152px;
		width:149px;
		display:block;
	}

	div.logo span {
		position:absolute;
		left:-999em;
	}

	* html div.logo {		
		background:url(../imgs/header-logo.gif) no-repeat;
		/*background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/imgs/header-logo.png', sizingMethod='crop');*/
	}
	
img.tagline {
	margin:0 10px 6px 0;
}


/* ----------------------------------------------- */
/* =home call to actions                           */
/* ----------------------------------------------- */


div.callToActions {
	margin-left:24px;
	background:#889C90;
	border-bottom:7px solid #BAB9AD;
}

	div.callToActions table {
		width:100%;
	}

	td.programs {
		width:170px;
		background-color:#0C462E;
		vertical-align:top;
		padding:44px 15px 5px;
		color:#DADCD1;
	}
	
		td.programs ul {
			list-style-image:url(../imgs/bullet-homeprograms.gif);
			margin:10px 0 15px 15px;
		}
		
			td.programs ul li {
				padding:1px 0;
			}
		
		td.programs a {
			color:#DADCD1;
			display:block;
		}
		
			td.programs a:hover {
	color:#fff;
	top: auto;
			}
			


/* ----------------------------------------------- */
/* =sub page title                                 */
/* ----------------------------------------------- */


div.subTitle {
	background:#0C462E url(../imgs/flash-bg.jpg) repeat-x;
	margin-left:24px;
	height:121px;
	border-bottom:7px solid #BAB9AD;
}

	div.subTitle h1 {
		font-size:25px;
		line-height:1em;
		color:#fff;
		margin:0 0 0 15px;
		position:relative;
		bottom:15px;
		font-weight:normal;
	}


/* ----------------------------------------------- */
/* =content                                        */
/* ----------------------------------------------- */


div.contentContainer {
	padding:0 60px 20px 24px;
}

    table.contentContainer 
    {
	width:104%;
	background-color: #ECECE3;
    }

	td.content {
		padding:23px 25px 0;
		/*width:406px;*/
		vertical-align:top;
	}
	
		div#flashRotation {
			text-align:center;
			border:1px solid #5E8A7A;
			width:340px;
			margin:0 auto;
		}
			
	    img.inlineleft {
	    float: left;
	    margin: 0 5px 0 0;
	    }
	    
	    .inlinert {
        float:right;
        margin:0pt 0pt 5px 5px;
        }
	
	td.rightContent {
	vertical-align:top;
	width:220px;
	}
	
		div.newsEvents {
	background-color:#E3E5DA;
	padding:23px;
	width: 175px;
		}
		
		div.subNav {
			background-color:#E3E5DA;
			padding:15px 23px;
		}
		
			div.newsEvents ul,
			div.subNav ul,
			ul.list,
			td.content ul
			 {
				list-style-image:url(../imgs/bullet-content.gif);
				margin:15px 0 15px 15px;
			}
			    div.newsEvents ul li,
			    div.subNav ul li
			    {padding-bottom:10px;}
			
			    ul.list li
			    {padding-bottom:5px;}
			
			    td.content ul ul 
			    {
			        margin:0 0 0 15px;
			    }
			div.newsEvents a,
			div.subNav a {
				color:#000;
								
			}
			
				div.newsEvents a:hover,
				div.subNav a:hover {
					color:#30624B;
				}
				
			div.newsEvents p.moreLink a
			{
			    color: #30624B;
			}
		
		div.howWeServe,
		div.becomeVolunteer {
			background-color:#DADCD1;
			padding:20px;
		}
			
			div.howWeServe table {
				width:180px;
			}
		
				div.howWeServe td {
					vertical-align:top;
				}
				
				div.howWeServe td.col1 {
					padding-right:5px;
				}
				
					div.howWeServe td.col1 img {
						border:1px solid #BAB9AD;
					}
		
		div.search {
			padding:20px;
		}
		
			div.search input.searchTxt {
				width:150px;
				border:1px solid #5E8A7A;
				padding:2px;
				font-size:11px;
			}
			
			div.search input.searchBtn {
				position:relative;
				top:4px;
			}
			
			* html div.search input.searchBtn {
				top:2px;
			}
			
			*:first-child+html div.search input.searchBtn {
				top:2px;
			}
			
        div.boxedIn table.offices,
        div.boxedIn table.offices tr,
        div.boxedIn table.offices tr td
        {vertical-align:top;}
        
        div.boxedIn table.offices th
        {text-align:center;}
        
           div.boxedIn table.offices tr td.title,
           div.boxedIn td.title
           {font-weight:bold;} 
           
           div.boxedIn table.offices tr td.caption
           {font-size:9px;}
           
           div.boxedIn table.offices tr td.poverty
           {padding-left:10px;}
           
/* ----------------------------------------------- */
/* =footer                                         */
/* ----------------------------------------------- */


div.footer {
	background:#5C8A65;
	border-top:8px solid #7AA47C;
	padding:9px 0;
	text-align:center;
	color:#fff;
	font-size:9px;
}

	table.affiliates {
		margin:0 auto;
	}

		table.affiliates td {
			text-align:center;
			vertical-align:bottom;
			padding:15px 5px 0;
		}
		
			table.affiliates td span {
				padding-top:9px;
				display:block;
			}
		
	div.footer a {
		color:#fff;
	}
.home .wrapper .contentContainer .contentContainer .rightContent .search {
	background-color: #AAC1A7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.home .wrapper .contentContainer .contentContainer .content a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 193px;
	width: 175px;
}
