/* 
	Maquetado por Emiliano Mateu - colo.mateu@gmail.com
	Fecha: 07/07/2008.
	Modificado: 08/07/2008.
*/

/* Basicos */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
height: 97%;
cursor: default;
padding: 2% 0 0 0;
font-family: "Helvetica", Arial, sans-serif;
/*font-family: "Times", serif;*/
}
hr{display: none;}
label{cursor: pointer;}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}

.clear{clear: both;}
.skip{
position: absolute;
top: -999px;
}

/* Estructura */
#container{
width: 900px;
min-height: 600px;
/*overflow: hidden;*/
margin: 0 auto 0 auto;
border: 2px solid #C7C7C7;
}
	#header h1{
	float: left;
	width: 200px;
	}
		#header h1 a{
		display: block;
		color: #fff;
		width: 190px;
		height: 105px;
		font-size: 0.5em;
		text-indent: -9999px;
		}
		
		#s1 #header h1 a {		
		background: url('../images/logo/logo-red.jpg') no-repeat left top;}
		#s2 #header h1 a {		
		background: url('../images/logo/logo-about.jpg') no-repeat left top;}
		#s3 #header h1 a {		
		background: url('../images/logo/logo-projects.jpg') no-repeat left top;}
		#s4 #header h1 a {		
		background: url('../images/logo/logo-support.jpg') no-repeat left top;}
		#s5 #header h1 a {		
		background: url('../images/logo/logo-news.jpg') no-repeat left top;}
		#s6 #header h1 a {		
		background: url('../images/logo/logo-resources.jpg') no-repeat left top;}
		#s7 #header h1 a {		
		background: url('../images/logo/logo-grants.jpg') no-repeat left top;}
		
		
	#header p{
	float: right;
	padding: 50px 20px 0 0;
	}
		
		#header p a{
		display: block;
		color: #666;
		font-weight: bold;
		text-decoration: none;
		height: 12px;
		width: 100px;
		text-align: right;
		}
		
	#header #nav{
	float: right;
	width: 670px;
	}
		#header #nav ul{
		list-style: none;
		}
			#header #nav li{
			float: left;
			}
				#header #nav ul li a{
				display: block;
				color: #333;
				width: 104px;
				font-size: 0.95em;
				letter-spacing: -0.5px;
				padding: 10px 0 0 5px;
				text-decoration: none;
				}
					#header #nav ul li a:hover,
					#header #nav ul li a:focus{
					text-decoration: underline;
					}
				
				#header #nav ul #b1 a{border-left: 2px solid #AAD56C;}
					#header #nav ul #b1 a:hover,
					#header #nav ul #b1 a:focus{color:#AAD56C;}
				#s2 #nav ul #b1 a{color:#AAD56C;}
					
				#header #nav ul #b2 a{border-left: 2px solid #F1565A;}
					#header #nav ul #b2 a:hover,
					#header #nav ul #b2 a:focus{color:#F1565A;}
				#s3 #nav ul #b2 a{color:#F1565A;}
					
				#header #nav ul #b3 a{border-left: 2px solid #42C2F3;}
					#header #nav ul #b3 a:hover,
					#header #nav ul #b3 a:focus{color:#42C2F3;}
				#s4 #nav ul #b3 a{color:#42C2F3;}
					
				#header #nav ul #b4 a{border-left: 2px solid #D151AE;}
					#header #nav ul #b4 a:hover,
					#header #nav ul #b4 a:focus{color:#D151AE;}
				#s5 #nav ul #b4 a{color:#D151AE;}
					
				#header #nav ul #b5 a{border-left: 2px solid #F28D59;}
					#header #nav ul #b5 a:hover,
					#header #nav ul #b5 a:focus{color:#F28D59;}
				#s6 #nav ul #b5 a{color:#F28D59;}
					
				#header #nav ul #b6 a{border-left: 2px solid #FED845;}
					#header #nav ul #b6 a:hover,
					#header #nav ul #b6 a:focus{color:#FED845;}
				#s7 #nav ul #b6 a{color:#FED845;}
	
	.sTitle{
	color: #555;
	font-size: 1.3em;
	font-style: italic;
	font-weight: normal;
	margin: -30px 0 5px 250px;
	}
	
.info{
	float: right;
	width: 650px;
	min-height: 482px;
	padding: 10px 7px 0 10px;
	background: url('../images/bg_info.jpg') no-repeat left top; 
	}
	

.sidebar_img{
float: left;
width: 220px;
padding: 0 0 0 10px;
}
.patch_content{
float: right;
width: 440px;
}

.patch_top{
	padding: 20px 0 0 0;
	background: url('../images/patch_top.png') no-repeat left top;
	}
.patch_mid{
	padding: 0;
	width: 670px;
	background: url('../images/patch_mid.png') repeat-y left top; 
	}
		
.patch_bot{
	clear: both;
	padding: 30px 0 0 0;
	background: url('../images/patch_bot.png') no-repeat left top #fff; 
	}
	
.infoViz{
	float:left;
	width: 205px;
	}
.infoViz a{
	text-decoration:none;
	color:#333;
	font-weight:normal;
	}
	
.infoCopy{
	float:right;
	width: 430px;
	}
	
.info ul{
	color: #333;
	font-size: 0.85em;
	padding: 0 30px 12px 12px;
	line-height:1.3em;
	}

		
.entryEmphasis{
	font-weight:bold;
	}

.patch_content .fineprint{
	font-size:0.70em;
	}
			
.grant-faq{
	font-weight:normal;
	}
.grant-faq:first-line{
	font-weight:bold;
	}
.support-donors{
	font-weight:normal;
	}
.support-donors:first-line{
	font-weight:bold;
	}
.about-vols{
	font-weight:normal;
	}
.about-vols:first-line{
	font-weight:bold;
	}

.silent-auction {
	font-weight:normal;
	}
.silent-auction img {
	float:left;
	margin-right:8px;
	}
	
	#s1 .info{
	float: none;
	width: auto;
	height: auto;
	padding: 0;
	background: none;
	}
	
	.headshot-links{
	font-weight:normal;
	}
	.headshot-name{
	font-weight:bold;
	color: #333;
	}
	.nav-headshot{
	color: #333;
	float:left;
	margin-top: 12px;
	margin-left:-210px;
	}
	.nav-headshot p{
	font-size:1.2em;
	color: #333;
	}
	.nav-headshot a{
	color: #333;
	text-decoration:none;
	}
	.nav-headshot a:hover{
	text-decoration:underline;
	color: #333;
	}
	.headshot-active{
	color:#AAD56C;
	}
	.headshot-name-active{
	color:#AAD56C;
	font-weight:bold;
	}

	
		.info h3{
		color: #333;
		font-size: 1.1em;
		padding: 10px 0 2px 0;
		}
		.info p{
		color: #333;
		font-size: 0.85em;
		padding: 0 30px 12px 0;
		line-height:1.3em;
		}
		.info ol{
		color: #333;
		font-size: 0.85em;
		padding: 0 30px 12px 0;
		line-height:1.3em;
		}
		.info blockquote{
		color: #333;
		font-size: .9em;
		padding: 8px 30px 8px 30px;
		line-height:1.3em;
		}
		.info table{
		color: #333;
		font-size: 0.85em;
		padding: 0 30px 4px 0;
		line-height:1.3em;
		}
		.info a{
		color: #ee2a32;
		text-decoration:none;
		font-weight:bold;
		}
		.info a:hover{
		/* color: #F1565A; */
		text-decoration:underline;
		font-weight:bold;
		}
		
		.info .headshot{
		float:left;
		margin:2px 8px 8px 0px;
		}
		
		.info .infoViz a{
		color: #333;
		text-decoration:none;
		font-weight:normal;
		}
		.info .infoViz a:hover{
		text-decoration:underline;
		}

	
		
		.info .decoImg{
		width: 881px;
		height: 385px;
		margin: 5px auto 0 auto;
		background: url('../images/index-img.jpg') no-repeat left top;
		}
			.info .decoImg h2{
			color: #fff;
			font-size: 1.6em;			
			padding:0 480px 0 12px;
			}
			.info .decoImg p{
			color: #fff;
			font-size: 1em;
			padding:0 580px 0 12px;
			}
			.info .decoImg p a{
			color: #fff;
			font-weight: normal;
			text-decoration: underline;
			font-size: 1em;
			}
			.info .decoImg .more{
			text-indent: 0;
			padding: 105px 0 0 0;
			}
				.info .decoImg .more a{
				display: block;
				width: 150px;
				height: 30px;
				text-indent: -9999px;
				}
				
			.info .boxUl{
			list-style: none;
			padding: 7px 0 0 0;
			}
				.info .boxUl li{
				float: left;
				width: 215px;
				height: 91px;
				margin: 0 0 0 8px;
				background: url('../images/bg_box.jpg') no-repeat left top;
				}
					.info .boxUl li h3{
					color: #EE1D23;
					font-size: 1.3em;
					font-weight: bold;
					letter-spacing: -1px;
					padding: 5px 0 0 10px;
					}
					.info .boxUl li p{
					color: #828284;
					font-size: 0.8em;
					padding: 0 8px 0 10px;
					}
					.info .boxUl li .more{
					padding: 2px 8px 0 8px;
					}

	.sidebar{
	float: left;
	width: 215px;
	padding: 0 0 0 7px;
	}
	#s2 .sidebar {
	background: url('../images/navbox/navbox-about.jpg') no-repeat right top;}
	#s3 .sidebar {
	background: url('../images/navbox/navbox-projects.jpg') no-repeat right top;}
	#s4 .sidebar {
	background: url('../images/navbox/navbox-support.jpg') no-repeat right top;}
	#s5 .sidebar {
	background: url('../images/navbox/navbox-news.jpg') no-repeat right top;}
	#s6 .sidebar {
	background: url('../images/navbox/navbox-resources.jpg') no-repeat right top;}
	#s7 .sidebar {
	background: url('../images/navbox/navbox-grants.jpg') no-repeat right top;}
	
	
		.sidebar h2{
		color: #fff;
		padding: 5px 0 5px 10px;
		font-size: 1.1em;
		}
		.sidebar .box1{
		height: 352px;
		}
			.sidebar .box1 ul{
			list-style: none;
			padding: 15px 0 0 3px;
			}
				.sidebar .box1 ul .here a{
				color: #8BC443;
				}
				#s2 .sidebar .box1 ul .here a {
				background: url('../images/here/here-about.jpg') no-repeat left center;}
				#s3 .sidebar .box1 ul .here a {
				background: url('../images/here/here-projects.jpg') no-repeat left center;}
				#s4 .sidebar .box1 ul .here a {
				background: url('../images/here/here-support.jpg') no-repeat left center;}
				#s5 .sidebar .box1 ul .here a {
				background: url('../images/here/here-news.jpg') no-repeat left center;}
				#s6 .sidebar .box1 ul .here a {
				background: url('../images/here/here-resources.jpg') no-repeat left center;}
				#s7 .sidebar .box1 ul .here a {
				background: url('../images/here/here-grants.jpg') no-repeat left center;}
				
				
					.sidebar .box1 ul li a{
					display: block;
					width: 95%;
					font-size: 0.9em;
					padding: 1px 0 1px 10px;
					text-decoration: none;
					}	
					#s2 .sidebar .box1 ul li a{
					color: #818286;}
					#s3 .sidebar .box1 ul li a{
					color: #818286;}
					#s4 .sidebar .box1 ul li a{
					color: #818286;}
					#s5 .sidebar .box1 ul li a{
					color: #818286;}
					#s6 .sidebar .box1 ul li a{
					color: #818286;}
					#s7 .sidebar .box1 ul li a{
					color: #818286;}
							
						#s2 .sidebar .box1 ul li a:hover,
						#s2 .sidebar .box1 ul li a:focus{
						color: #8DC73D;
						}	
						#s3 .sidebar .box1 ul li a:hover,
						#s3 .sidebar .box1 ul li a:focus{
						color: #F1565A;
						}	
						#s4 .sidebar .box1 ul li a:hover,
						#s4 .sidebar .box1 ul li a:focus{
						color: #40c2f3;
						}	
						#s5 .sidebar .box1 ul li a:hover,
						#s5 .sidebar .box1 ul li a:focus{
						color: #ce53aa;
						}	
						#s6 .sidebar .box1 ul li a:hover,
						#s6 .sidebar .box1 ul li a:focus{
						color: #f26522;
						}	
						#s7 .sidebar .box1 ul li a:hover,
						#s7 .sidebar .box1 ul li a:focus{
						color: #ffe584;
						}
			
			
		.sidebar .box2{
		height: 91px;
		margin: 8px 0 0 0;
		background: url('../images/bg_box.jpg') no-repeat left top;
		}
			.sidebar .box2 h3{
			color: #EE1D23;
			font-size: 1.3em;
			font-weight: bold;
			letter-spacing: -1px;
			padding: 5px 0 0 10px;
			}
			.sidebar .box2 p{
			color: #828284;
			font-size: 0.7em;
			padding: 0 8px 0 10px !important;
			}
			.sidebar .box2 .more{
			padding: 2px 8px 0 8px !important;
			}

.end{
clear: both;
}

#footer{
width: 900px;
padding: 0 0 10px 0;
margin: 5px auto 0 auto;
}
	#footer p{
	color: #848484;
	font-size: 0.7em;
	}
		#footer p a{
		color: #848484;
		}