* {
	margin: 0;
	padding: 0;
}



.clear {
	clear: both;
}

#page-wrap {
	width: 900px;
	right:auto;
	background: white;
	margin: 50px auto;
	padding: 20px;
	border:outset;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;

	
}

.button {
	float: left;
	margin: 13px;
}


#home {
	display: block;
	padding: 30px;
}
#collage {
	float: left;
	height: auto;
	width: auto;
}
#home-button {
	opacity: 1.0;
	border-bottom: 1px solid #CC3;
	
}

#projects {
	display: none;
	padding: 30px;
}
#projects-button {
	opacity: 0.5;
	border-bottom: 1px solid #CC3;
	}

#waterAid {
	display: none;
	padding: 30px;
}
#waterAid-button {
	opacity: 0.5;
	border-bottom: 1px solid #CC3;
}

#about {
	display: none;
	padding: 30px;
}
#about-button {
	opacity: 0.5;
	border-bottom: 1px solid #CC3;

}
#support {
	display: none;
	padding: 30px;
}
#support-button {
	opacity: 0.5;
	border-bottom: 1px solid #CC3;

}
body{
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background-color:#FFF;
	color: #444;
	font-size:12px;
}



#content {  

	
	width:900px;
	height:200;
    padding:8px;
	border-bottom-color:#DDD;
	border-bottom-style:solid;

	
	
}


#div id = logo{
	vertical-align:middle
	

}


#logo {
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	

	
	
}
a{
	color:#27D;
	text-decoration:blink;
	font-family:Verdana, Geneva, sans-serif;
}