@charset "utf-8";
/* CSS Document */
body{
	margin: 0; padding: 0;
	text-align: center;
	background-color: #e5eeac;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

	#pcc{
		margin: 0 auto;
		padding: 0 auto;
		width: 960px;
		text-align: center;
		}

	#pagecontainer{
		width: 960px;
		float:left;
		text-align: left;
		background: #fff;
		margin: 0;
		padding: 0;
		
	}
	#toplinks { text-align:right; padding: 5px 15px 5px 5px; margin:0;}
		#toplinks ul{ list-style:none; padding:0; margin:0;}
			#toplinks ul li{ list-style:none; 
						 	 padding:0; 
							 margin:0; 
							 font-family:Verdana, Geneva, sans-serif;
							 color: #000; 
							 font-size:1.2em; 
							 line-height:1.4em;
							 display:inline;}
			#toplinks ul li a{ text-decoration:none; color: #000; }
						#toplinks ul li a:hover {text-decoration:underline;}
	
	#header{ padding:0; margin:0; }
			#header div#logo{ background: url('i/wcf-logo.gif') left top no-repeat; width: 340px; height: 120px; padding: 0; margin: 0; float:left; }
				#header div#logo a{ width: 340px; height: 120px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
	
	ul#nav { padding: 0;
	  margin: 0;
	  list-style: none;
	  width: 620px;
	  height: 120px;
	  text-align: -99999px;
	  float:right;
	}
	
			ul#nav li {
					float: left;
					padding: 0;
					margin: 0;
					}

				ul#nav li a { display: block;
							padding: 0;
							margin: 0;
							text-indent: -99999px;
						}
							
				ul#nav li ul { padding: 0;
						list-style: none;
						margin: 0;
						}
			
							ul#nav li a.home{ background: url(i/home.gif) no-repeat;
											width: 88px;
											height: 120px;
											display: block;
											}

							ul#nav li a.part{ background: url(i/partner.gif) no-repeat;
											width: 88px;
											height: 120px;
											display: block;
											}

							ul#nav li a.youth{ background: url(i/youth.gif) no-repeat;
											width: 88px;
											height: 120px;
											display: block;
											}

							ul#nav li a.family{ background: url(i/family.gif) no-repeat;
											width: 88px;
											height: 120px;
											display: block;
											}

							ul#nav li a.aging{ background: url(i/aging.gif) no-repeat;
											width: 88px;
											height: 120px;
											display: block;
											}

							ul#nav li a.multi{ background: url(i/multicultural.gif) no-repeat;
											width: 88px;
											height: 120px;
											display: block;
											}

							ul#nav li a.disability{ background: url(i/disability.gif) no-repeat;
											width: 88px;
											height: 120px;
											display: block;
											}
																						
							ul#nav li:hover a.home, ul#nav li a.home:hover{ background: url(i/home-hover.gif) no-repeat; }
							ul#nav li:hover a.part, ul#nav li a.part:hover { background: url(i/partner-hover.gif) no-repeat; }
							ul#nav li:hover a.youth, ul#nav li a.youth:hover { background: url(i/youth-hover.gif) no-repeat; }
							ul#nav li:hover a.family, ul#nav li a.family:hover { background: url(i/family-hover.gif) no-repeat; }
							ul#nav li:hover a.aging, ul#nav li a.aging:hover { background: url(i/aging-hover.gif) no-repeat; }
							ul#nav li:hover a.multi, ul#nav li a.multi:hover { background: url(i/multicultural-hover.gif) no-repeat; }
							ul#nav li:hover a.disability, ul#nav li a.disability:hover { background: url(i/disability-hover.gif) no-repeat; }

								body#myhome ul#nav li a.home{ background: url(i/home-hover.gif) no-repeat; padding:0; margin:0;}
								body#mypart ul#nav li a.part{ background: url(i/partner-hover.gif) no-repeat; padding:0; margin:0; }
								body#myyouth ul#nav li a.youth{ background: url(i/youth-hover.gif) no-repeat; padding:0; margin:0; }
								body#myfamily ul#nav li a.family{ background: url(i/family-hover.gif) no-repeat; padding:0; margin:0; }
								body#myaging ul#nav li a.aging{ background: url(i/aging-hover.gif) no-repeat; padding:0; margin:0; }
								body#mymulti ul#nav li a.multi{ background: url(i/multicultural-hover.gif) no-repeat; padding:0; margin:0; }
								body#mydisability ul#nav li a.disability{ background: url(i/disability-hover.gif) no-repeat; padding:0; margin:0; }

		#home-top {
			margin: 5px 0 0 0;
			width: 930px; 
			padding:13px;
			float:left;
			clear: both;
		}
		
		#leftcol {
			margin:0;
			width: 340px; 
			padding:0;
			float:left;
			clear:both;
		}
		
			ul#leftnav {
				margin:0 0 10px 0;
				width: 300px; 
				padding:5px;
				clear:both;
				background-color:#c3d946;
				list-style:none;
			}
			
				ul#leftnav li{
					margin:0;
					padding:5px;
					list-style:none;
					font-family:Verdana, Geneva, sans-serif;
					font-size:1.2em;
					line-height:1.4em;
				}

								ul#leftnav li a{ color:#000000; text-decoration:none;	}
								ul#leftnav li a:hover{ color:#000000; text-decoration:underline;	}
								ul#leftnav li a:active{ color:#000000; text-decoration:underline;	}

					ul#leftnav li ul{
						margin:0 0 0 20px;
						padding:5px;
						font-family:Verdana, Geneva, sans-serif;
						font-size:1em;
						line-height:1.4em;
					}	

						ul#leftnav li ul li{
							margin:0;
							padding:5px;
							list-style-type:disc;
							font-family:Verdana, Geneva, sans-serif;
							font-size:1em;
							line-height:1.4em;
						}	

							ul#leftnav li ul li a{ color:#000000; text-decoration:none;	}
								ul#leftnav li ul li a:hover{ color:#000000; text-decoration:underline;	}
								ul#leftnav li ul li a:active{ color:#000000; text-decoration:underline;	}
							
							#grant { border:5px solid #c3d946; width:435px; float:right; padding-left:8px;}
		#content {
			margin: 0;
			width: 560px; 
			padding:0 0 0 5px;
			float:left;
		}
		
		h1{ font-family:Verdana, Geneva, sans-serif; 
			font-size:1.6em; 
			font-weight:bold; 
		}	
		h2{ font-family:Verdana, Geneva, sans-serif; 
			font-size:1.4em; 
			font-weight:bold; 
            margin-top: 35px;
		}	
		h3{ font-family:Verdana, Geneva, sans-serif; 
			font-size:1.2em; 
			font-weight:bold; 
		}	
		p{ font-family:Verdana, Geneva, sans-serif; 
			font-size:1.2em; 
			line-height:1.4em;
		}	
			p.more{ background-color:#c3d946; width:120px; height:25px; float:right; }	
				p.more a{ color:#000000; padding-left:10px; text-decoration:none;}	
					p.more a:hover{ text-decoration:underline;}

		li{ font-family:Verdana, Geneva, sans-serif; 
			font-size:1.2em; 
			line-height:1.8em;
		}
			li ul li{ font-size:1em;}	
		table{ border:1px solid #666;}
		th{ font-family:Verdana, Geneva, sans-serif; 
			font-size:1.2em; 
			line-height:1.4em; 
			font-weight:bold; 
			background-color: #c3d946;
			border:1px solid #666;
		}
		td{ font-family:Verdana, Geneva, sans-serif; 
			font-size:1.2em; 
			line-height:1.4em; 
			border:1px solid #666;
		}
		td li{ font-size:1em; }
	
		#quicklinks {
			margin: 0;
			width: 960px;
			padding: 0 5px;
			clear:both;
		}
			.section{width:220px; float:left; padding:0px 8px 8px 8px;}
				.section h3{font-family:Verdana, Geneva, sans-serif; font-size:1.4em; font-weight:bold; padding:0 0 5px 0; margin:0;}
					.section h3 a{color:#000; text-decoration:none;}
						.section h3 a:hover{color:#000; text-decoration:underline;}
				.section p{font-family:Verdana, Geneva, sans-serif; font-size:1.2em; line-height:1.4em; padding:5px 0 0 0; margin:0;}
				.section ul{padding:0 0 0 25px; margin:0;}
				.section li{font-family:Verdana, Geneva, sans-serif; font-size:1.2em; line-height:1.4em; padding:5px 0 0 5px; margin:0;}
	
	#footer{ background-color:#c3d946; width:960px; height:75px; margin:0; padding:0; float:left;}
			#footer p{font-size:1.2em; line-height:1.4em; margin:5px; padding:5px 10px;}