@charset "utf-8";
/* CSS Document */
/* CSS Document */
/* 
	// CSS Document for FCNA - Fresno Center of New Americans.
	// Design by Yang Design --> Visited us at: http://www.yangdesign.net/
	
	// © 2010 FCNA - Fresno Center of New Americans.
	
	// C O L O R   S W A T C H E S :
		1.  #XXX... = Name
		2.  #XXX... = Name
		3.  #XXX... = Name
		4.  #XXX... = Name
		5.  #XXX... = Name
		6.  #XXX... = Name
		7.  #XXX... = Name
		8.  #XXX... = Name
		9.  #XXX... = Name
		10. #XXX... = Name
*/
/* ....................................................................................... */
/* //////////////////////////////////// [ Main Control ] ///////////////////////////////// */
	
	#set-layer {
		position: absolute;
		display: block;
		
		width: 0;
		height: 0;
	}
		.in-pad    { padding: .63em; }
		.in-pad-t  { padding-top: .63em; }
		.in-pad-r  { padding-right: .63em; }
		.in-pad-b  { padding-bottom: .63em; }
		.in-pad-l  { padding-left: .63em; }
		.in-pad-tb { padding: .63em 0; }
		.in-pad-lr { padding: 0 .63em; }
		.in-pad-tr { padding-top: .63em; padding-right: .63em; }
		.in-pad-tl { padding-top: .63em; padding-left: .63em; }
		.in-pad-br { padding-bottom: .63em; padding-right: .63em; }
		.in-pad-bl { padding-bottom: .63em; padding-left: .63em; }
		
		.in-pad2    { padding: 1.26em; }
		.in-pad2-t  { padding-top: 1.26em; }
		.in-pad2-r  { padding-right: 1.26em; }
		.in-pad2-b  { padding-bottom: 1.26em; }
		.in-pad2-l  { padding-left: 1.26em; }
		.in-pad2-tb { padding: 1.26em 0; }
		.in-pad2-lr { padding: 0 1.26em; }
		.in-pad2-tr { padding-top: 1.26em; padding-right: 1.26em; }
		.in-pad2-tl { padding-top: 1.26em; padding-left: 1.26em; }
		.in-pad2-br { padding-bottom: 1.26em; padding-right: 1.26em; }
		.in-pad2-bl { padding-bottom: 1.26em; padding-left: 1.26em; }
		
		.in-pad3    { padding: 1.89em; }
		.in-pad3-t  { padding-top: 1.89em; }
		.in-pad3-r  { padding-right: 1.89em; }
		.in-pad3-b  { padding-bottom: 1.89em; }
		.in-pad3-l  { padding-left: 1.89em; }
		.in-pad3-tb { padding: 1.89em 0; }
		.in-pad3-lr { padding: 0 1.89em; }
		.in-pad3-tr { padding-top: 1.89em; padding-right: 1.89em; }
		.in-pad3-tl { padding-top: 1.89em; padding-left: 1.89em; }
		.in-pad3-br { padding-bottom: 1.89em; padding-right: 1.89em; }
		.in-pad3-bl { padding-bottom: 1.89em; padding-left: 1.89em; }
	
		.clr { clear: both; }
	
	#wrap {
		background: url(../img/fcna_site_bkgd.png) no-repeat center top;
		
		width: 100%;
		height: auto;
		
		padding-top: 74px;
	}
		#inner-wrap {
			width: 952px;
			
			margin: 0 auto;
		}
		
		.shdw {
			clear: both;
			width: 952px;
		}
		
			.top {
				height: 39px;
				background: url(../img/fcna_bdy_shdw_top.png) no-repeat center top;
			}
			.mid {
				background: url(../img/fcna_bdy_shdw_mid.png) no-repeat center top;
				z-index: 500;
			}
			.btm {
				height: 39px;
				background-position: center bottom;
			}
			
			#hdr, #bdy, #ftr {
				margin: 0 26px;
				width: 900px;
			}
			
			
			.left { float: left; }
			.right { float: right; }
						

/* ....................................................................................... */
/* /////////////////////////////////////// [ Header ] //////////////////////////////////// */
	
	#hdr {
		position: absolute;
		display: block;
		
		z-index: 9000;
		height: 0;
		
		top: 26px;
		margin: 0 26px;
	}
	
	#logo {
		background: url(../img/fcna_logo_bkgd.png) repeat-x left top;
		
		width: 250px;
		height: 156px;
		
		float: left;
	}
		#logo a {
			background-image: url(../img/fcna_logo2.png);
			background-repeat: no-repeat;
			background-position: left top;
			
			width: 196px;
			height: 125px;
			
			margin: 0 auto;
			margin-top: 1em;
		}
			#logo a:HOVER { background-position: left bottom; }
				#logo a h1 { display: none; }
	
		#slogan {
			position: absolute;
			display: block;
			
			left: 0;
			top: -3.5em;
			
			width: 900px;
			float: left;
		}
			#slogan h2 {
				color: #FFF;
				font-family: 'trj-r';
				font-size: 20px;
			}
			
		#greeting-clk {
			position: absolute;
			display: block;
			
			left: 0;
			top: -3.5em;
			
			width: 900px;
			height: 0;
			
			background: #F00;
		}
			#greeting-clk span {
				color: #FFF;
				float: right;
				font-size: 12px;
				width: auto;
			}

/* ....................................................................................... */
/* //////////////////////////////////////// [ Menu ] ///////////////////////////////////// */

	#main-nav, 
	#main-nav ul, 
	#main-nav ul li, 
	#main-nav ul li a, 
	#main-nav ul li a span {
		font-size: 12px;
		width: auto;
		height: 38px;
	}
	
		#main-nav {
			width: 650px;
			z-index: 1000;
			float: right;
		}
		#main-nav ul li {
			float: left;
			background: url(../img/fcna_nav_div.png) repeat-x left top;
		}
			/*#main-nav ul li:FIRST-CHILD { border: none; }*/
				#main-nav ul li a {
					background-image: url(../img/fcna_nav.png);
					background-repeat: repeat-x;
					
					margin-left: 1px;
				}
					#main-nav ul li a.home {
						width: 74px;
						background-position: -1px top;
					}
						#main-nav ul li a:HOVER.home { background-position: -1px -38px; }
							#main-nav ul li a.home.current {
								height: 40px;
								background-position: -1px -76px;
								margin-top: -2px;
							}
					
					#main-nav ul li a.aboutus {
						width: 116px;
						background-position: -76px top;
					}
						#main-nav ul li a:HOVER.aboutus { background-position: -76px -38px; }
							#main-nav ul li a.aboutus.current {
								height: 40px;
								background-position: -76px -76px;
								margin-top: -2px;
							}
					
					#main-nav ul li a.newsevents {
						width: 137px;
						background-position: -193px top;
					}
						#main-nav ul li a:HOVER.newsevents { background-position: -193px -38px; }
							#main-nav ul li a.newsevents.current {
								height: 40px;
								background-position: -193px -76px;
								margin-top: -2px;
							}
						
					#main-nav ul li a.gallery {
						width: 92px;
						background-position: -331px top;
					}
						#main-nav ul li a:HOVER.gallery { background-position: -331px -38px; }
							#main-nav ul li a.gallery.current {
								height: 40px;
								background-position: -331px -76px;
								margin-top: -2px;
							}
					
					#main-nav ul li a.resources {
						width: 109px;
						background-position: -424px top;
					}
						#main-nav ul li a:HOVER.resources { background-position: -424px -38px; }
							#main-nav ul li a.resources.current {
								height: 40px;
								background-position: -424px -76px;
								margin-top: -2px;
							}
					
					#main-nav ul li a.contactus {
						width: 116px;
						background-position: -534px top;
					}
						#main-nav ul li a:HOVER.contactus { background-position: -534px -38px; }
							#main-nav ul li a.contactus.current {
								height: 40px;
								background-position: -534px -76px;
								margin-top: -2px;
							}
						
								#main-nav ul li a span { display: none; }
				
	#projects, 
	#sub-menu {
		float: left;
		width: 250px;
		padding-top: 143px;
	}
		#projects-nav, 
		#sub-menu-nav {
			font-size: 12px;
			
			width: 250px;
			height: auto;
			
			z-index: 500;
		}
			#projects-nav { background: #1a4788 url(../img/fcna_side_shdw.png) repeat-y right top; }
			#sub-menu-nav { background: #F6F6F6 url(../img/fcna_side_shdw.png) repeat-y right top; }
			
			#projects-hdr, 
			#sub-menu-bar {
				width: 250px;
				height: 39px;
				
				background: url(../img/fcna_pro_hdr.png) no-repeat left top;
			}
				#sub-menu-bar { height: 3px; border-bottom: 2px solid #CCC; }
				#projects-hdr span { display: none; }
		
			#projects-pad, 
			#sub-menu-pad { padding: 2em 0; }
			
			#sub-menu-pad { background: url(../img/fcna_sub.png) repeat-x center bottom; }
			#projects-pad { background: url(../img/fcna_project_bkgd.png) no-repeat center bottom; }
			
			#projects-nav ul, 
			#sub-menu-nav ul {
				margin: 0 auto;
				width: 210px;
			}
				#projects-nav ul { border-top: 1px solid #375384; }
				#projects-nav ul li { border-bottom: 1px solid #375384; }
				
				#sub-menu-nav ul { border-bottom: 1px solid #D6D6D6; }
				#sub-menu-nav ul li { border-top: 1px solid #E2E2E2; }
				
					#projects-nav ul li a, 
					#sub-menu-nav ul li a {
						background-repeat: repeat-y;
						background-position: -300px bottom;
						
						padding: 1em .63em;
					}
					
					#projects-nav ul li a {
						background-image: url(../img/fcna_pro_nav.png);
						color: #FFF;
					}
						#projects-nav ul li a:HOVER, 
						#projects-nav ul li a.current { background-position: center bottom; }
						#projects-nav ul li a:HOVER { color: #c69700; }
						#projects-nav ul li a.current {	color: #f1bc0c; }
							#projects-nav ul li a.current span {
								background: url(../img/arrow_pro.png) no-repeat left .5em;
								padding-left: 1em;
							}
					
					#sub-menu-nav ul li a {
						background-image: url(../img/fcna_sub_nav.png);
						color: #666;
					}
						#sub-menu-nav ul li a:HOVER, 
						#sub-menu-nav ul li a.current {
							background-position: center bottom;
							color: #2163c1;
						}
							#sub-menu-nav ul li a.current span {
								background: url(../img/arrow_sub.png) no-repeat left .5em;
								padding-left: 1em;
							}

/* ....................................................................................... */
/* //////////////////////////////////////// [ Body ] ///////////////////////////////////// */

	#bdy { z-index: 1000; }
		
		#bdy-cont {
			width: 650px;
			
			float: right;
			
			background: #eef1f2 url(../img/fcna_site_bdy_btm_bkgd.png) repeat-x center bottom;
		}
			#main-cont {
				background: #FFF;
				width: 100%;
			}
				#main-cont h2 {
					color: #2163c1;
					font-size: 20px;
					font-family: 'trj-b';
					
					padding-bottom: .3em;
					margin-bottom: .63em;
					
					border-bottom: 1px solid #DFDFDF;
				}
				
				#main-cont h3 {
					color: #ab9c75; /* #8da7cb */
					font-size: 14px; 
					font-weight: normal;
					margin-bottom: .5em;
				}
				
				#main-cont a {
					color: #2163c1;
					text-decoration: underline;
					
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
					
					padding: 0 .3em;
					margin: auto -.3em;
					
					font-style: normal;
				}
					#main-cont a:HOVER {
						color: #666;
						text-decoration: none;
						background: #EEE;
					}
				
			#main-cont-img, 
			#main-cont-img-i, 
			#main-cont-img-p {
				width: 650px;
				margin-top: 25px;
			}
				#main-cont-img {
					height: 247px;
					background: url(../img/fcna_hm_img.jpg) no-repeat left top;
				}
				#main-cont-img-i {
					height: 92px;
					background: url(../img/fcna_pg_hdr.jpg) no-repeat left top;
				}
				#main-cont-img-p {
					height: 92px;
					background: url(../img/fcna_pro_hdr.jpg) no-repeat left top;
				}
					#main-cont-img-i span, 
					#main-cont-img-p span {
						padding: .75em 1.89em;
						float: right;
					}
						#main-cont-img-i span h1, 
						#main-cont-img-p span h1 {
							font-family: 'trj-b';
							font-size: 30px;
							
							padding: 0;
						}
							#main-cont-img-i span h1 { color: #f1bc0c; }
							#main-cont-img-p span h1 { color: #709edf; }
				
				.even img, .odd img, #main-cont p img { margin: .63em 1.26em; }
					.even img, 
					#main-cont p img {
						float: left;
						margin-left: 0;
					}
					.odd img {
						float: right !important;
						margin-left: 1.26em !important;
						margin-right: 0 !important;
					}
				
				#fres-cont, 
				#fvid-cont { clear: both; }
					.fres-hdr, 
					.fvid-hdr {
						background: url(../img/fcna_vid_hdr_bkgd.png) repeat-x left top;
						height: 30px;
						text-align: left;
					}
						.fres-hdr span, 
						.fvid-hdr span { top: 9px; padding: 0 1.26em; }
							.fres-hdr span h1, 
							.fvid-hdr span h1 {
								color: #666;
								font-family: 'trj-b';
								font-size: 14px !important;
								border: none !important;
							}
					
					.fres-cont, 
					.fvid-cont {
						background: #FFF;
						width: 100%;	
					}
						.fres-cont ul, 
						.fvid-cont ul {
							padding: 1em;
							*padding-bottom: 0;
							*margin-bottom: 1em;
							overflow: hidden;
							width: 102%;
						}
							.fres-cont ul li {
								float: left;
								
								background-image: url(../img/fcna_table.png);
								background-repeat: repeat-x;
								background-position: left -3em;
								
								width: 195px;
								height: auto;
								
								margin-left: 6px;
							}
								.fres-cont ul li:FIRST-CHILD { margin: 0; border: none; }
								.fres-cont ul li:HOVER { background-position: left -1.26em; }
								
								.fres-cont ul li a { padding: .63em; }
									.fres-cont ul li a h1 {
										color: #2163c1;
										font-weight: normal;
										font-size: 14px;
										
										margin-bottom: .5em;
										padding-left: .75em;
										text-decoration: none;
										
										background: url(../img/arrow_o.gif) no-repeat left center;
									}
										.fres-cont ul li a:HOVER h1 { text-decoration: underline; }
										.fres-cont ul li a p { color: #333; margin-bottom: 0; }
								
								
							.fvid-cont ul li {
								background: #333;
								float: left;
							
								width: 90px;
								height: 60px;
								
								margin-right: 11px;
							}
								.fvid-cont ul li a {
									width: 86px;
									height: 56px;
									
									border: 2px solid #CCC;
								}
									.fvid-cont ul li a span { display: none; }
							
	.bullet-list { margin-bottom: 1.26em; }
	.bullet-list p { margin-bottom: .63em; }
		.bullet-list li {
			background: url(../img/arrow_o.gif) no-repeat left .45em;
			font-size: 12px;
			
			margin-bottom: .63em;
			padding-left: 1.26em;
		}
		
		
	/* Staff / Board Content */
	#staff-info { }
	
	.stf {
		font-size: 12px;
		margin-bottom: 1.26em;
		width: 280px;
	}
		.extra {
			border-bottom: 1px solid #EEE;
			padding-bottom: 1.26em;
		}
		
		.stf i { color: #CCC; }
		
		.stf-img {
			float: left;
			
			background-color: #333;
			background-repeat: no-repeat;
			background-position: center center;
			
			width: 75px;
			height: 90px;
		}
			.stf-img span { display: none; }
		
		.stf-info {
			float: right;
			width: 190px;
			padding-top: 3em;
		}
		
		.name {
			display: block;
			
			color: #333;
			font-size: 13px;
			font-weight: bold;
			
			margin-bottom: .3em;
		}
		.name cite {
			display: block;
			color: #999;
			font-size: 11px;
			font-weight: normal;
			font-style: normal;
		}
			.stf p {
				position: relative;
				padding-left: 3em;
				margin-bottom: 0 !important;
			}
			.stf p span {
				color: #a0bce4;
				font-size: 11px;
				position: absolute;
				display: block;
				left: 0;
				top: 0;
			}
			
	/* News Section */				
	#news-container { border-bottom: 1px solid #E9E9E9; }
		.news-list {
			background: #FFF;

			border-top: 1px solid #E9E9E9;
			padding-top: .63em;
		}
			.news-list:FIRST-CHILD {
				border-top: none !important;
				padding-top: 0 !important;
			}
			.news-list h3, 
			.news-list h3 a {
				color: #333 !important;
				font-weight: bold !important;
				margin-bottom: .3em !important;
			}
			.news-date {
				color: #999 !important;
				font-size: 11px;
			}
			.news-num {
				right: 1em;
				
				color: #DDD;
				font-size: 20px;
				font-weight: bold;
			}
				.news-read-more {
					color: #999;
					font-size: 11px;
					
					padding: 0 .3em;
					padding-left: 1.3em !important;
					
					margin: 0 !important;
					
					border: 1px solid #EEE;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
					
					text-decoration: none !important;
				}
					.news-read-more { background: url(../img/arrow_o.gif) no-repeat 5px 4px !important; }
					.news-read-more:HOVER {
						background: #EEE url(../img/arrow_sub.png) no-repeat 5px 4px !important;
						border: 1px solid #CCC !important;
					}
					
					.news-link { color: #999; }
					.news-link cite, .news-link span { font-style: italic;}
				
	/* Member Button */
	#member {
		position: absolute;
		top: 0;
		left: 0;
		
		width: 100%;
		height: auto;
		
		background: url(../img/fcna_top_bar.png) repeat-x left top;
	}
		.mbr-cont {
			margin: 0 auto;
			width: 900px;
			text-align: right;
		}
			.mbr-btn, 
			.mbr-btn li, 
			.mbr-btn li a, 
			.mbr-btn li a span { font-size: 12px; }
				.mbr-btn { float: right; margin-right: 5px; }
				.mbr-btn li { float: left; }
				.mbr-btn li a, 
				.mbr-btn li a span {
					background-image: url(../img/fcna_member_btn.png);
					background-repeat: no-repeat;
					
					cursor: pointer;
					
					height: 28px;
				}
					.mbr-btn li a { background-position: left -28px; }
					.mbr-btn li a:HOVER { background-position: left -84px; }
						.mbr-btn li a span {
							background-position: right top;
							
							color: #d8f5ff;
							
							margin-right: -5px;
							padding: 6px 10px;
							padding-bottom: 0;
							
							height: 22px;
						}
							.mbr-btn li a:HOVER span {
								color: #FFF;
								background-position: right -56px;
							}
	/* Projects */						
	.img-container {
		border: 2px solid #DDD;
		
		background-color: #333;
		background-repeat: no-repeat;
		background-position: center center;
		
		width: 585px;
		height: 296px;
		
		margin-bottom: 1.26em;
	}
		.img-container span { display: none; }
			
	
	/* Volunteer */
	#volunteer-cont {
		border-bottom: 1px solid #E9E9E9;
		margin-bottom: .63em;
	}
		.vol-list {
			border-top: 1px solid #E9E9E9;
			font-size: 12px;
			padding-top: 1.26em;
			padding-bottom: .63em;
		}
			.vol-list:FIRST-CHILD {
				border-top: none !important;
				padding-top: 0 !important;	
			}
			.vl {
				margin-bottom: .63em;
				padding-left: 7em;
			}
				.vl:FIRST-CHILD { font-weight: bold; }
				.vl span {
					position: absolute;
					display: block;
					left: 0;
					
					color: #999;
					font-weight: normal !important;
				}
				
	/* Funds */
	#funders-cont { border-bottom: 1px solid #E9E9E9; }
		.funds-list {
			font-size: 12px;
			margin-bottom: 1.26em;
			padding-top: 1.26em;
			
			border-top: 1px solid #E9E9E9;
		}
			.funds-list:FIRST-CHILD {
				border-top: none !important;
				padding-top: 0 !important;	
			}
			
			.funds-icon {
				background: #333;
				
				width: 75px;
				height: 75px;
			}
				.funds-icon span { display: none; }
				
			.funds-info { width: 490px; }
			.funds-title, 
			.funds-title a {
				color: #333 !important;
				font-weight: bold;
				font-size: 14px;
			}
				.funds-descript {
					color: #999;
					margin-bottom: .63em;
				}
				.funds-links {
					font-size: 11px;
					color: #a0bce4;
				}
					.funds-links i, 
					.funds-links a {
						color: #999;
						font-size: 12px;
					}
	
	
	/* Affiliates */
	.affiliats-cont {
		font-size: 12px;
		width: 280px;
	}
		.aflit-list { margin-bottom: 1.26em; }
			.aff-title {
				color: #333;
				font-weight: bold;
			}
			.aff-descript {
				color: #999;
				font-size: 11px;
			}
			.aff-link {
				color: #a0bce4;
				font-size: 11px;
			}
				.aff-link a { font-size: 12px; }
	
			
	/* Contact */		
	.contact-info, 
	.contact-map { width: 280px; }
		.contact-info p { padding-left: 5em; }
			.contact-info p span {
				position: absolute;
				display: block;
				left: 0;
				
				color: #999;
			}
			
		.map-img {
			width: 276px;
			height: 200px;
			
			border: 2px solid #CCC;
		}
			.map-img span { display: none; }
			
			
	
	#download-center {
		background: #F9F9F9;
		border: 1px solid #EEE;
	}
		#download-center ul { margin-bottom: -.3em; }


/* ....................................................................................... */
/* /////////////////////////////////////// [ Footer ] //////////////////////////////////// */

	#ftr {
		font-size: 12px;
		color: #CCC;
		text-align: center;
		
		margin: 2.5em auto;
		margin-top: 1.89em;
		padding-top: 1.26em;
		
		border-top: 1px solid #CFCFCF;
	}
		#ftr-nav, 
		#ftr-cont { margin-bottom: .63em; }
		
			#ftr-cont p { color: #999; }
				
			#ftr-nav a { color: #777; }
			#ftr-nav a:HOVER { color: #2163c1; }
		


/* ....................................................................................... */
/* // © 2010 FCNA - Fresno Center of New Americans. */