<style type="text/css">
<!--
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	font-weight: bold;
	margin: 0;
	padding: 0;	
}



#wrapper {
	 
	width: 750px;
}

#header {
	width: 750px;
	height: 120px;
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
 	padding-bottom: 0px;
	background: url( top_banner.jpg) no-repeat; 
	 
}

#nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	
	background-color: #F7EECD;
	float: left;
	height: 600px;
	width: 130px;
}

#footer {
	width: 620px;
	height: 200px;
	text-align: center;
	padding-top: 20px;
	background-color: #0000FF;
	margin: 0;
	color: #FBFFA6;
	font-size: 12px;
	float: right;
}


a {	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
	line-height: 1.2;
	padding: 0.4em;
}


a:visited {
	color: purple;
}

.footerlink a:link {
	display:normal;
	color: #FFFFFF;
	font-size: 10px;
}

ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
}





  #feedlink #wrapper #nav .navlink .feedlink a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(feedback_select.jpg) no-repeat ;
	cursor: default;
}



#aboutlink #wrapper #nav .navlink .aboutlink a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(aboutbutton_selected.jpg) no-repeat ;
	cursor: default;
}
 #meetlink #wrapper #nav .navlink .meetlink a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(meetsheep_selected.jpg) no-repeat ;
	cursor: default;
}

 #homelink #wrapper #nav .navlink .homelink a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(home_selected.jpg) no-repeat ;
	cursor: default;
}

 #linkslink #wrapper #nav .navlink .linkslink a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(links_over_selected.jpg) no-repeat ;
	cursor: default;
}

 #morelink #wrapper #nav .navlink .morelink a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(more_fun_cartoons_selected.jpg) no-repeat ;
	cursor: default;
}

 #singlelink #wrapper #nav .navlink .singlelink a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(single_panel_selected.jpg) no-repeat ;
	cursor: default;
}

 #episodeslink #wrapper #nav .navlink .episodeslink a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(episodes1to30_selected.jpg) no-repeat ;
	cursor: default;
}

 #episodeslink2 #wrapper #nav .navlink .episodeslink2 a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(episodes31to60_selected.jpg) no-repeat ;
	cursor: default;
}

 #episodeslink3 #wrapper #nav .navlink .episodeslink3 a{
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(episodes61plus_selected.jpg) no-repeat ;
	cursor: default;
}

.homelink a {
	width: 118px;
	height: 40px;
	text-indent: -50px;
 	text-decoration: none;
	background: url(homenavbutton.jpg) no-repeat ;
	 
}

.homelink a:hover {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(homenavbutton_over.jpg) no-repeat ;
}

.aboutlink a {
	width: 118px;
	height: 40px;
	text-indent: -50px;
	text-decoration: none;
	background: url(aboutbutton.jpg) no-repeat ;
}

.aboutlink a:hover  {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(aboutbutton_over.jpg) no-repeat ;
}

.meetlink a {
	width: 118px;
	height: 40px;
	text-indent: -150px;
	text-decoration: none;
	background: url(meetsheep.jpg) no-repeat ;
}

.meetlink a:hover {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(meetsheep_over.jpg) no-repeat ;
}
.episodeslink a {
	width: 118px;
	height: 40px;
	text-indent: -150px;
	text-decoration: none;
	background: url(episodes1to30.jpg) no-repeat ;
}

.episodeslink a:hover {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(episodes1to30_over.jpg) no-repeat ;
}


.episodeslink2 a {
	width: 118px;
	height: 40px;
	text-indent: -150px;
	text-decoration: none;
	background: url(episodes31to60.jpg) no-repeat ;
}

.episodeslink2 a:hover {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(episodes31to60_over.jpg) no-repeat ;
}

.episodeslink3 a {
	width: 118px;
	height: 40px;
	text-indent: -150px;
	text-decoration: none;
	background: url(episodes61plus.jpg) no-repeat ;
}

.episodeslink3 a:hover {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(episodes61plus_over.jpg) no-repeat ;
}

.singlelink a {
	width: 118px;
	height: 40px;
	text-indent: -200px;
	text-decoration: none;
	background: url(single_panel.jpg) no-repeat ;
}

.singlelink a:hover {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(single_panel_over.jpg) no-repeat ;
}
.morelink a {
	width: 118px;
	height: 40px;
	text-indent: -200px;
	text-decoration: none;
	background: url(more_fun_cartoons.jpg) no-repeat ;
}

.morelink a:hover {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(more_fun_cartoons_over.jpg) no-repeat ;
}
.feedlink a {
	width: 118px;
	height: 40px;
	text-indent: -200px;
	text-decoration: none;
	background: url(feedback.jpg) no-repeat ;
}

.feedlink a:hover {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(feedback_over.jpg) no-repeat ;
}
.linkslink a {
	width: 118px;
	height: 40px;
	text-indent: -200px;
	text-decoration: none;
	background: url(links.jpg) no-repeat ;
}

.linkslink a:hover {
	width: 118px;
	height: 40px;
	text-decoration: none;
	background: url(links_over.jpg) no-repeat ;
}

h4 {	text-align: center;
	width: 400px;
	height: 20px;
	font-size: 20px;	
}

#homelink, #feedlink, #aboutlink, #meetlink, #episodeslink, #morelink, #singlelink, #linkslink, #episodeslink2, #episodeslink3{
	background-color:#0000FF;
	 
}


-->