@charset "utf-8";
/* CSS Document */

#topmenu{
	clear:both;
	height:50px;
	background-color:#ffcc33;
}


#topmenu ul{
	font-size:65%;
	padding:0px;
	margin:0px;
}

#topmenu li{
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:left;
}
#topmenu li a{
	display:block;
	height:50px;
}


#topmenu li a span{
	position:absolute;
	left:-1000px;
}

#one a{
	background-image:url(../images/strapline.jpg);
	background-repeat:no-repeat;
	width:200px;

}

#one a:hover{
	background-image:url(../images/strapline.jpg);
}

#two a{
	background-image:url(../images/buttons/projects.jpg);
	background-repeat:no-repeat;
	width:94px;

}

#two a:hover{
	background-image:url(../images/buttons-over/projects.jpg);
}

#three a{
	background-image:url(../images/buttons/getinvolved.jpg);
	background-repeat:no-repeat;
	width:113px;

}

#three a:hover{
	background-image:url(../images/buttons-over/getinvolved.jpg);
}


#four a{
	background-image:url(../images/buttons/donate.jpg);
	background-repeat:no-repeat;
	width:76px;
;
}

#four a:hover{
	background-image:url(../images/buttons-over/donate.jpg);
}

#five a{
	background-image:url(../images/buttons/mediacentre.jpg);
	background-repeat:no-repeat;
	width:111px;

}

#five a:hover{
	background-image:url(../images/buttons-over/mediacentre.jpg);
}

#six a{
	background-image:url(../images/buttons/contact.jpg);
	background-repeat:no-repeat;
	width:111px;

}

#six a:hover{
	background-image:url(../images/buttons-over/contact.jpg);
}

#seven a{
	background-image:url(../images/buttons/events.jpg);
	background-repeat:no-repeat;
	width:75px;

}

#seven a:hover{
	background-image:url(../images/buttons-over/events.jpg);
}