body				{
				background-color: #000000;
				margin: 0;
				}

#main				{
				display: block;
				width: 940px;
				background-color: #333333;
				margin: 0 auto;
				position: relative;
				}
			
#home_link		{
				font-size: .8em;
				display: block;
				clear: right;
				color: #ffffff;
				font-family: helvetica;
				padding: 1em 4em 1em 0;
				}

#ads			{
				padding: 0 0 1em 0;
				}
			
.menu_list			{
				font-weight: 100;
				list-style-type: none;
				float: left;
				background-color: #000000;
				margin: 0 1px 0 1px;
				padding: 2px;
				border: none;
				}			

.menu_list:hover		{
				background-color:#990000;
				}


.menu				{
				padding: 2px;
				font-family: arial;
				font-size: .8em;
				color: #FFFFFF;
				text-decoration: none;
				}
			
.wrapper			{
				width: 659px;
				height: 1200px;
				margin: 0 auto;
				}
				
h1,	h2			{
				display: inline;
				font-family: helvetica;
				font-size: 1em;
				font-weight: 100;
				line-height: 1.5em;
				letter-spacing: .1em;
				color: #ffffff;
				background-color: #666666;
				padding: 5px;
				}
				
				
.notes			{
				font-family: helvetica;
				font-size: .9em;
				font-weight: 100;
				color: #ffffff;
				line-height: 1.5em;
				border-top: dotted 1px black;
				border-bottom: dotted 1px black;
				padding: 30px 0 30px 0;
				margin: 14px 0 35px 0;
				visibility: hidden;
				}

#teachers_notes:hover .notes	
				{
				visibility: visible;
				}
				
#animals_movie	{
				position: relative;
				}
			
#image_menu			{
				display: inline;
				width: 100px;
				}
				
.image_li			{
				float: left;
				list-style-type: none;
				position: relative;
				margin: 0 20px 20px 0;
				}
				
img				{
				border: none;
				}
				
.colour_image			{
				position: absolute;
				top: 0;
				left: 0;
				visibility: hidden;
				}
				
.name			{
				position: absolute;
				top: 0;
				left: 0;
				visibility: hidden;
				width: 140px;
				text-align: center;
				font-family: arial;
				font-weight: 900;
				font-size: 1.5em;
				color: #FFFFFF;				
				}
				
				
li:hover .name		
				{
				visibility: visible;
				}

												
li:hover img		
				{
				visibility: visible;
				}
				
				
.image_wrapper		{
				width: 700px;
				}




























