#menu {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 24px;
	border: 1px solid #000000;
	clear:both;
}
.purple {
	background: url(images/pur-pix.jpg) repeat;
}
#menu #nav {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 24px;
}
#menu #nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	position: relative;
	height: 24px;
}
#menu #nav li {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: block;
	}
#nav a {
	text-decoration: none;
	}
#nav a:link {
	text-decoration: none;
	display: block;
	height: 24px;
	}
#nav a:hover {
	text-decoration: none;
	}

.about {
	background: url(images/menu_about.png) no-repeat center 0px;
	display: block;
	height:24px;
	width: 110px;
	margin: 0px;
	padding: 0px;
	}
.about:hover {
	background: url(images/menu_about.png) no-repeat center -24px;
}
.about a.selected {
	background: url(images/menu_about.png) no-repeat center -24px;
}

.podcasts {
	background: url(images/menu_podcasts.png) no-repeat center 0px;
	display: block;
	height:24px;
	width: 91px;
	margin: 0px;
	padding: 0px;
	}
.podcasts:hover {
	background: url(images/menu_podcasts.png) no-repeat center -24px;
}
.podcasts a.selected {
	background: url(images/menu_podcasts.png) no-repeat center -24px;
}
.zone {
	background: url(images/menu_zone.png) no-repeat center 0px;
	display: block;
	height:24px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	}
.zone:hover {
	background: url(images/menu_zone.png) no-repeat center -24px;
}
.zone a.selected {
	background: url(images/menu_zone.png) no-repeat center -24px;
}
.programs {
	background: url(images/menu_programs.png) no-repeat center 0px;
	display: block;
	height:24px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	}
.programs:hover {
	background: url(images/menu_programs.png) no-repeat centerpx -24px;
}
.programs a.selected {
	background: url(images/menu_programs.png) no-repeat centerpx -24px;
}
.blog {
	background: url(images/menu_blog.png) no-repeat center 0px;
	display: block;
	height:24px;
	width: 62px;
	margin: 0px;
	padding: 0px;
	}
.blog:hover {
	background: url(images/menu_blog.png) no-repeat center -24px;
}
.blog a.selected {
	background: url(images/menu_blog.png) no-repeat center -24px;
}
.contact {
	background: url(images/menu_contact.png) no-repeat center 0px;
	display: block;
	height:24px;
	width: 98px;
	margin: 0px;
	padding: 0px;
	}
.contact:hover {
	background: url(images/menu_contact.png) no-repeat center -24px;
}
.contact a.selected {
	background: url(images/menu_contact.png) no-repeat center -24px;
	display: block;
	height:24px;
	width: 117px;
	margin: 0px;
	padding: 0px;
	}
.button {
	height: 200px;
	width: 250px;
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
}