#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	}

#nav a {
	float: left; /* essentially specifies order of the tabs! ie first one onthe left  */
	padding: 70px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:70px; /* for IE5/Win only */
	}
	
#nav a:hover, #nav a:active {
	background-position: 0 -70px;
	}
	
#nav a.selected{
	background-position: 0 -140px;
	}

#menuabout a {
	width: 150px;
	background: url(image/about.gif) top left no-repeat;
	}

#menucontact a  {
	width: 150px;
	background: url(image/contact.gif) top left no-repeat;
	}

#menubuilding a  {
	width: 150px;
	background: url(image/building.gif) top left no-repeat;
	}

#menudonate a  {
	width: 150px;
	background: url(image/donate.gif) top left no-repeat;
	}
	
#menuhome a  {
	width: 150px;
	background: url(image/home.gif) top left no-repeat;
	}

#menumeet a  {
	width: 150px;
	background: url(image/meet.gif) top left no-repeat;
	}