html, body {
	width:100%; height:100%;
	background:url(images/bg.jpg) top repeat-x;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
/*links*/
a:link,
a:visited {
	color:#343B95;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
a:hover,
a:active {
	color:#343B95;
	font-weight:bold;
	text-decoration:underline;
}
.nav a:link,
.nav a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	padding-left:10px;
	margin-bottom:10px;
	}
.nav a:hover,
.nav a:active {
	color:#CCCCCC;
}
.eventinfo a:link,
.eventinfo a:visited {
	color:#999999;
	font-size:10px;
	}
.eventinfo a:hover,
.eventinfo a:active {
	color:#333333;
	}
.footer a:link,
.footer a:visited {
	color:#CCCCCC;
	}
.footer a:hover,
.footer a:active {
color:#FFFFFF;
}
/*structure*/
.div_01 {
	padding-top:35px;
	background:url(images/div_01.jpg) center bottom no-repeat;
	height:108px;
	}
.div_02 {
	background:url(images/div_02.jpg) center no-repeat;
	height:89px;
	}
.nav {
	padding-bottom:16px;
	}
.content {
	width:835px; 
	margin:0 auto; 
	display:block;
}
.sidebar {
	color:#666666;;
	}
.footer {
	height:50px;
	color:#CCCCCC;
	}
	
/*content headers*/
.give {
	background:url(images/give.jpg) no-repeat;
	padding-top:200px;
	}
.advocate {
	background:url(images/advocate.jpg) no-repeat;
	padding-top:200px;
}
.volunteer {
	background:url(images/volunteer.jpg) no-repeat;
	padding-top:200px;
	}
.div_03 {
	background:url(images/div_03.jpg) center repeat-y;
	padding:15px;
	}
.div_04 {
	background:url(images/div_04.jpg) center no-repeat;
	height:87px;
	}
/*Text*/
h1 {font-size:14px; margin-top:0px; border-bottom:1px solid #666666; }
h2 {margin-top:0px; margin-bottom:3px; color:#6D70A3; }
h3 {font-size:14px; margin:0px; color:#666666;}
.eventinfo {font-size:10px; color:#999999; display:block; padding-top:5px; padding-bottom:10px;}
.eventdetail {font-size:12px;}


/*slider*/
#slider {
 
	/* You MUST specify the width and height */
	width:550px;
	height:170px;
	position:relative;	
	overflow:hidden;
}
 
#mask-gallery {
	
	overflow:hidden;	
}
 
#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}
 
#gallery li {
 
		
	/* float left, so that the items are arrangged horizontally */
	float:left;
}
 
 
#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:145px;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:550px;
	overflow:hidden;	
	
 
}

#mask-excerpt a:link,
#mask-excerpt a:visited {
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}
	
#mask-excerpt a:hover,
#mask-excerpt a:active {	
	font-size:10px;
	color:#999999;
	text-decoration:underline;
}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=70);
	-moz-opacity:0.7;  
	-khtml-opacity: 0.7;
	opacity: 0.7;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:550px;	
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
} 
#excerpt li {
	padding:5px;
}
.clear {
	clear:both;	
}
.photos {
	padding:5px;
	background-color:#999999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-right:17px;
	margin-top:10px;
	}
.pageimage {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	display:block;
}